It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.montsurfaces.com/

  1.  
  2. <!DOCTYPE html>
  3. <html dir="ltr" lang="en-US">
  4. <head>
  5.  
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7. <meta name="author" content="MontSurface" />
  8.  
  9. <!-- Stylesheets
  10. ============================================= -->
  11. <link href="https://fonts.googleapis.com/css?family=Lato:300,400,400i,700|Raleway:300,400,500,600,700|PT+Serif:400,400i&display=swap" rel="stylesheet" type="text/css" />
  12. <link rel="stylesheet" href="/css/bootstrap.css" type="text/css" />
  13. <link rel="stylesheet" href="/css/style.css" type="text/css" />
  14. <link rel="stylesheet" href="/css/dark.css" type="text/css" />
  15. <link rel="stylesheet" href="/css/font-icons.css" type="text/css" />
  16. <link rel="stylesheet" href="/css/animate.css" type="text/css" />
  17. <link rel="stylesheet" href="/css/magnific-popup.css" type="text/css" />
  18.  
  19. <link rel="stylesheet" href="/css/custom.css" type="text/css" />
  20. <link rel="stylesheet" href="/css/montstyles.css" type="text/css" />
  21. <meta name="viewport" content="width=device-width, initial-scale=1" />
  22.  
  23. <!-- SLIDER REVOLUTION 5.x CSS SETTINGS -->
  24. <link rel="stylesheet" type="text/css" href="/include/rs-plugin/css/settings.css" media="screen" />
  25. <link rel="stylesheet" type="text/css" href="/include/rs-plugin/css/layers.css">
  26. <link rel="stylesheet" type="text/css" href="/include/rs-plugin/css/navigation.css">
  27.  
  28. <!-- Global site tag (gtag.js) - Google Analytics -->
  29. <script async src="https://www.googletagmanager.com/gtag/js?id=G-8PRPMX1XME"></script>
  30. <script>
  31. window.dataLayer = window.dataLayer || [];
  32. function gtag(){dataLayer.push(arguments);}
  33. gtag('js', new Date());
  34.  
  35. gtag('config', 'G-8PRPMX1XME');
  36. </script>
  37.  
  39.  
  40. <style>
  41.  
  42. .content-wrap {
  43. padding: 20px 0;
  44. }
  45. .min-vh-100 {
  46. min-height: 90vh !important;
  47. }
  48.  
  49. .revo-slider-emphasis-text {
  50. font-size: 64px;
  51. font-weight: 700;
  52. letter-spacing: -1px;
  53. font-family: 'Raleway', sans-serif;
  54. padding: 15px 20px;
  55. border-top: 2px solid #FFF;
  56. border-bottom: 2px solid #FFF;
  57. }
  58.  
  59. .revo-slider-desc-text {
  60. font-size: 20px;
  61. font-family: 'Lato', sans-serif;
  62. width: 650px;
  63. text-align: center;
  64. line-height: 1.5;
  65. }
  66.  
  67. .revo-slider-caps-text {
  68. font-size: 16px;
  69. font-weight: 400;
  70. letter-spacing: 3px;
  71. font-family: 'Raleway', sans-serif;
  72. }
  73.  
  74. .tp-video-play-button { display: none !important; }
  75.  
  76. .tp-caption { white-space: nowrap; }
  77.  
  78.  
  79. .hp-tile {
  80. margin: 0px 0px 0px 0px;
  81. padding: 0px 0px;
  82. background-color:#FFF;
  83. }
  84.  
  85. .hp-tile .hp-col {
  86. padding: 0;
  87. }
  88.  
  89. .hp-tile .hp-col-grey {
  90. background-color: rgb(194, 194, 194);
  91. }
  92.  
  93. .hp-tile .hp-col-dark {
  94. background-color: rgb(90, 90, 90);
  95. }
  96.  
  97. .hp-content h3 {
  99. text-decoration: none;
  100. font-weight: 400;
  101. line-height: 1.3;
  102. margin: 0 0 30px 0;
  103. font-family: 'Raleway', sans-serif;
  104. text-transform: none;
  105. }
  106.  
  107. .hp-content-light {
  108. background-color: rgb(228, 226, 226, .7);
  109. padding: 10px;
  110. }
  111.  
  112. .hp-content-light h3 {
  114. text-decoration: none;
  115. font-size: 22px;
  116. font-weight: 400;
  117. line-height: 1.3;
  118. margin: 0 0 30px 0;
  119. color: #000;
  120. font-family: 'Raleway', sans-serif;
  121. text-transform: none;
  122. }
  123.  
  124. .hp-tile h2 {
  125. margin-bottom: 0;
  126. font-size: 30px;
  127. font-weight: 400;
  128. line-height: 1.5;
  129. margin: 0 0 30px 0;
  130. text-transform: uppercase;
  131. letter-spacing: 1px;
  132. color: #333;
  133. }
  134.  
  135. .hp-tile p {
  136. line-height: 1.4;
  137. margin-bottom: 20px;
  138. }
  139.  
  140. .hp-tile .hp-content-light {
  141. margin-bottom: 0px;
  142. text-align: center;
  143. padding: 40px 20px 0px 20px;
  144. color: #FFF;
  145. }
  146.  
  147. .hp-tile .hp-content {
  148. margin-bottom: 20px;
  149. padding: 5px 0px 0px 20px;
  150. color: #444;
  151. }
  152.  
  153. .feature-box:first-child {
  154. margin-top: 20px;
  155. }
  156.  
  157. .hp-featured-material{
  159. min-height: 200px;
  160. }
  162. .hp-content-why {
  163. padding: 20px 10px 10px 10px;
  164.     min-height: 300px;
  165. }
  166.  
  167. .hp-content-why h3 {
  168. text-align: center;
  169. text-decoration: none;
  170. font-size: 26px;
  171. font-weight: 400;
  172. line-height: 1.3;
  173. margin: 0 0 10px 0;
  174. color: #FFF;
  175. font-family: 'Raleway', sans-serif;
  176. text-transform: none;
  177. }
  178.  
  179. .hp-content-why p {
  180. color: #FFF;
  181. text-align: center;
  182. font-size: 16px;
  183. padding: 0px 20px 0px 20px;
  184. }
  185.  
  186. .hp-tile-button {
  187. display: inline-block;
  188. position: relative;
  189. cursor: pointer;
  190. outline: none;
  191. white-space: nowrap;
  192. margin: 5px;
  193. padding: 8px 22px;
  194. font-size: 0.875rem;
  195. line-height: 24px;
  196. background-color: rgb(99, 97, 97);
  197.     color: #FFF;
  198. font-weight: 700;
  199. text-transform: none;
  200. letter-spacing: 1px;
  201. border: none;
  202. text-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
  203. }
  204.  
  205. .hp-showroom-button {
  206. display: inline-block;
  207. position: relative;
  208. cursor: pointer;
  209. outline: none;
  210. white-space: nowrap;
  211. margin: 5px;
  212. padding: 8px 22px;
  213. font-size: 0.75rem;
  214. line-height: 24px;
  215. color: #000;
  216. border: 1px solid #000;
  217. font-weight: 700;
  218. text-transform: none;
  219. letter-spacing: 1px;
  220. /* border: none; */
  221. text-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
  222. }
  223.  
  224. a.hp-showroom-button:hover {
  225. color: #FFF;
  226. background-color: #444;
  227. }
  228.  
  229. .hp-showroom-content {
  230. margin: 20px 0px 0px 40px;
  231. padding: 0px 40px;
  232. }
  233.  
  234. .hp-showroom-content p {
  235. text-decoration: none;
  236. font-size: 14px;
  237. line-height: 1;
  238. margin: 0 0 30px 0;
  239. color: #000;
  240. font-family: 'Raleway', sans-serif;
  241. text-transform: none;
  242. }
  243.  
  244. @media (min-width: 992px) {
  245. .container .clearfix {
  246. max-width: 1400px;
  247. }
  248. }
  249.  
  250. .hp-why-hero {
  251. background: url('/images/newsite/why-mont-hero.jpg') no-repeat center;
  252. background-size: cover;
  253. min-height: 320px;
  254. }
  255. .hp-why-tile {
  256. background-size: contain;
  257. min-height: 300px;
  258. margin: 20px 0px;
  259.     padding: 2px 0px;
  260. }
  261. .hp-showroom-tile {
  262. background-size: cover;
  263. min-height: 400px;
  264. }
  265. .hp-cust-type-tile {
  266. text-align: center;
  267. min-height: 400px;
  268. margin: 20px;
  269. padding: 40px 40px;
  270. background-color: rgb(228, 226, 226);
  271. }
  272.  
  273. .client-hp-intro {
  274. min-height: 220px;
  275. }
  276.  
  277. /* Contact Us Flyout Panel
  278. ====================================*/
  279.  
  280. .contact-us-btn {
  281. margin-top: 20px;
  282. }
  283.  
  284. .side-panel {
  285. position: fixed;
  286. z-index: 99;
  287. right: -30px;
  288. top: 70%;
  289. transform: rotate(-90deg);
  290. }
  291.  
  292. .intro-hide {
  293. display: none;
  294. }
  295.  
  296. /* default Flyout styles */
  297. [data-flyout],
  298. [data-flyout] * {
  299. box-sizing: border-box;
  300. }
  301. [data-flyout] {
  302. width: 100%;
  303. margin-top:50px;
  304. padding-top: 15px;
  305. max-width: 300px;
  306. padding: 0 15px 15px 15px;
  307. position: fixed;
  308. bottom: 0;
  309. right: -300px;
  310. color: #555;
  311. background: white;
  312. font-size: 10pt;
  313. text-align: left;
  314. opacity: 0;
  315. z-index: 500;
  317. box-shadow: rgba(0,0,0,.5) 0 0 1px,
  318. rgba(0,0,0,.15) 0 5px 15px;
  319. transition: right .2s ease-in-out,
  320. opacity .2s ease-in-out;
  321. }
  322. [data-flyout] div:after {
  323. content: '';
  324. display: block;
  325. clear: both;
  326. }
  327. [data-flyout] img {
  328. width: auto;
  329. max-width: 75px;
  330. margin: 0 15px 0 0;
  331. float: left;
  332. }
  333. [data-flyout] h2 {
  334. margin: -15px -15px 15px -15px;
  335. padding: 15px;
  336. color: white;
  337. width: 80%;
  338. float: left;
  339. background: #cb1937;
  340. line-height: 1;
  341. font-size: 14pt;
  342. font-weight: 600;
  343. letter-spacing: -.02em;
  344. text-shadow: #f40 1px 1px 0;
  345. }
  346. [data-flyout] h3 {
  347. color: #111;
  348. margin: 0 0 5px 0;
  349. line-height: 1.2;
  350. font-size: 12pt;
  351. letter-spacing: -.02em;
  352. }
  353. [data-flyout] .flyout-close {
  354. display: inline-block;
  355. padding: 6px 12px;
  356. margin-bottom: 0;
  357. font-size: 14px;
  358. font-weight: 400;
  359. line-height: 1.42857143;
  360. text-align: center;
  361. white-space: nowrap;
  362. vertical-align: middle;
  363. -ms-touch-action: manipulation;
  364. touch-action: manipulation;
  365. cursor: pointer;
  366. border: 1px solid transparent;
  367. border-radius: 4px;
  368. width:5em;
  369. float:right;
  370. }
  371. [data-flyout] p {
  372. margin: 0;
  373. }
  374. [data-flyout] [data-button] {
  375. width: auto;
  376. display: block;
  377. margin: 15px 0 0 0 !important;
  378. }
  379.  
  380. /* hide Headline, Image, Article Headline, & Description by default  */
  381. [data-flyout] h2,
  382. [data-flyout] h3,
  383. [data-flyout] img,
  384. [data-flyout] p {
  385. display: block;
  386. }
  387.  
  388. #content .hp-material-intro p {
  389. line-height: 1.4;
  390. }
  391.  
  392. #hp-featured-materials {
  393. margin: 10px auto;
  394. }
  395.  
  396. #hp-featured-materials > .hp-featured-materials-row {
  397. margin-bottom: 10px;
  398. }
  400. @media only screen and (min-width: 300px) and (max-width: 575) {
  401.  
  402. .hp-material-intro {
  403.     min-height: 80px;
  404. }
  406. }
  407. @media only screen and (min-width: 300px) and (max-width: 959px) {
  408. .hp-showroom-tile {
  409. background: url('/images/newsite/visit-showroom-hero-mobile.jpg') no-repeat center;
  410. background-size: cover;
  411. min-height: 400px;
  412. }
  413. .hp-showroom-content {
  414. margin: 90px 0px 0px 5px;
  415. padding: 0px 0px;
  416. }
  417. .footer-locations li {
  418. display: inline-block;
  419. padding-left: 5px;
  420. }
  421. .hp-material-intro {
  422.     min-height: 80px;
  423. }
  424.  
  425. [class*="col-mb-"] > [class*="col-"] {
  426. padding-bottom: 30px;
  427. }
  428. }
  429.  
  430. @media only screen and (min-width: 575px) and (max-width: 900px) {
  431. .hp-why-tile .col-sm-6 {
  432. flex: 0 0 auto;
  433. width: 100%;
  434. }
  435. .client-hp-intro {
  436. min-height: 100px;
  437. }
  438. .hp-material-intro {
  439.     min-height: 80px;
  440. }
  441. }
  442.  
  443. @media only screen and (min-width: 560px) and (max-width: 780px) {
  444. .hp-why-tile .col-sm-6 {
  445. flex: 0 0 auto;
  446. width: 100%;
  447. }
  448. .client-hp-intro {
  449. min-height: 100px;
  450. }
  451. .hp-material-intro {
  452.     min-height: 80px;
  453. }
  454. }
  455.  
  456. @media only screen and (min-width: 960px) {
  457. .hp-showroom-tile {
  458. background: url('/images/newsite/visit-showroom-hero.jpg') no-repeat center;
  459. background-size: cover;
  460. min-height: 450px;
  461. margin: 0px 0px;
  462. padding: 0px 0px
  463. }
  464. .hp-showroom-content {
  465. margin: 80px 0px 0px 40px;
  466. padding: 0px 40px;
  467. }
  468. .footer-locations li {
  469. display: inline-block;
  470. padding-left: 20px;
  471. }
  473. }
  474.  
  475. @media only screen and (min-width: 900px) and (max-width: 1150px) {
  476. .hp-content-why {
  477.     padding: 20px 10px 10px 20px;
  478.     min-height: 350px;
  479. }
  480. .hp-why-hero {
  481. background: url('/images/newsite/why-mont-hero.jpg') no-repeat center;
  482. background-size: cover;
  483. min-height: 350px;
  484. }
  485. .client-hp-intro {
  486. min-height: 250px;
  487. }
  488. .hp-material-intro {
  489.     min-height: 80px;
  490. }
  491. }
  492.  
  493. @media only screen and (min-width: 990px) and (max-width: 1200px) {
  494. .hp-material-intro {
  495. min-height: 100px;
  496. }
  497. }
  498.  
  499. @media only screen and (min-width: 1200px) {
  500. .hp-material-intro {
  501. min-height: 80px;
  502. }
  503. }
  504.  
  505. .dark #footer, #footer.dark {
  506. color: rgba(255,255,255,0.75);
  507. }
  508.  
  509. .dark #footer, #footer.dark {
  510. color: rgba(255,255,255,0.75);
  511. }
  512.  
  513. .dark #footer, #footer.dark {
  514. color: rgba(255,255,255,0.75);
  515. background-color: #646161;
  516. border-top-color: rgba(255,255,255,0.15);
  517. }
  518. .dark #copyrights, #copyrights.dark {
  519. color:#FFF;
  520. background-color: #646161;
  521. }
  522.  
  523. #copyrights img {
  524. max-width: 150px;
  525. }
  526.  
  527. .footer-locations {
  528. margin-top: 40px 0px 40px 0px;
  529. color: #FFF;
  530. text-align: center;
  531. padding-top: 40px;
  532. padding-bottom: 40px;
  533. }
  534.  
  535. .footer-locations .row {
  536. margin-top: 40px 0px 40px 0px;
  537. }
  538.  
  539. .footer-locations a {
  540. color: #FFF;
  541. }
  542.  
  543. .footer-locations ul {
  544. list-style: none;
  545. text-align: center;
  546. }
  547.  
  548. .footer-monique-brand {
  549. width: 70px;
  550. }
  551.  
  552. .inventory-search {
  553. width: 250px;
  554. border: 1px solid #cb1937;
  555. padding: 8px;
  556. text-align: center;
  557. font-size: 16px;
  558. margin-bottom: 0 auto;
  559. }
  560.  
  561. #videocontainer {
  562. margin-top: 0;
  563.     padding-top: 0;
  564. margin-bottom: 0;
  565.     padding-bottom: 0;
  566. }
  568. #introvideo {
  569. width:100%
  570. }
  571. </style>
  572.  
  573. <title>MontSurfaces | Leading Granite, Marble, Quartz &amp; Fine Surfaces Supplier</title><meta name="keywords" content="Granite, Marble, Porcelain, Quartz, Countertops, Quartzite, Onyx, Travertine, Soapstone, kitchen, island, natural stone, shower, slab, Mont Surfaces, remod">
  574. <meta name="description" content="Mont offers unparalleled collections of porcelain Panels, Porcelain Slabs, Natural Stone (granite, marble, onyx, soapstone, travertine), and Engineered Quartz. Contact us!">
  575. <meta name="referrer" content="no-referrer-when-downgrade">
  576. <meta name="robots" content="all">
  577. <meta content="montgranite" property="fb:profile_id">
  578. <meta content="en_US" property="og:locale">
  579. <meta content="MontSurfaces" property="og:site_name">
  580. <meta content="website" property="og:type">
  581. <meta content="https://www.montsurfaces.com" property="og:url">
  582. <meta content="Leading Granite, Marble, Quartz &amp; Fine Surfaces Supplier" property="og:title">
  583. <meta content="Mont offers unparalleled collections of porcelain Panels, Porcelain Slabs, Natural Stone (granite, marble, onyx, soapstone, travertine), and Engineered Quartz. Contact us!" property="og:description">
  584. <meta name="twitter:card" content="summary">
  585. <meta name="twitter:site" content="@MontGraniteInc">
  586. <meta name="twitter:creator" content="@MontGraniteInc">
  587. <meta name="twitter:title" content="Leading Granite, Marble, Quartz &amp; Fine Surfaces Supplier">
  588. <meta name="twitter:description" content="Mont offers unparalleled collections of porcelain Panels, Porcelain Slabs, Natural Stone (granite, marble, onyx, soapstone, travertine), and Engineered Quartz. Contact us!">
  589. <link href="https://www.montsurfaces.com" rel="canonical">
  590. <link href="https://www.montsurfaces.com" rel="home">
  591. <link type="text/plain" href="https://www.montsurfaces.com/humans.txt" rel="author"></head>
  592.  
  593. <body class="stretched">
  594.  
  595. <!-- Document Wrapper
  596. ============================================= -->
  597. <div id="wrapper" class="clearfix">
  598. <div class="contact_panel">
  599. <button class="btn btn-primary side-panel">Contact Us</button>
  600. </div>
  601.  
  602. <!-- Header
  603. ============================================= -->
  604. <header id="header" class="full-header">
  605. <div id="header-wrap">
  606. <div class="container">
  607. <div class="header-row">
  608.  
  609. <!-- Logo
  610. ============================================= -->
  611. <div id="logo">
  612. <a href="/" class="standard-logo" data-dark-logo="/images/logo/montlogo.png"><img src="/images/logo/montlogo.png" alt="Mont Surfaces"></a>
  613. <a href="/" class="retina-logo" data-dark-logo="/images/logo/montlogo.png"><img src="/images/logo/montlogo.png" alt="Mont Surfaces"></a>
  614. </div><!-- #logo end -->
  615.  
  616. <div class="header-misc">
  617.  
  618. </div>
  619.  
  620. <div id="primary-menu-trigger">
  621. <svg class="svg-trigger" viewBox="0 0 100 100"><path d="m 30,33 h 40 c 3.722839,0 7.5,3.126468 7.5,8.578427 0,5.451959 -2.727029,8.421573 -7.5,8.421573 h -20"></path><path d="m 30,50 h 40"></path><path d="m 70,67 h -40 c 0,0 -7.5,-0.802118 -7.5,-8.365747 0,-7.563629 7.5,-8.634253 7.5,-8.634253 h 20"></path></svg>
  622. </div>
  623.  
  624. <!-- Primary Navigation
  625. ============================================= -->
  626. <nav class="primary-menu">
  627.  
  628. <ul class="menu-container">
  629. <li class="menu-item">
  630. <a class="menu-link" href="/"><div>Home</div></a>
  631. </li>
  632. <li class="menu-item">
  633. <a class="menu-link" href="#"><div>Inventory</div></a>
  634. <ul class="sub-menu-container">
  635. <li class="menu-item">
  636. <a class="menu-link" href="https://inventory.montsurfaces.com/Location/Cleveland"><div>Cleveland</div></a>
  637. </li>
  638. <li class="menu-item">
  639. <a class="menu-link" href="https://inventory.montsurfaces.com/Location/Columbus"><div>Columbus</div></a>
  640. </li>
  641. <li class="menu-item">
  642. <a class="menu-link" href="https://inventory.montsurfaces.com/Location/Cincinnati"><div>Cincinnati</div></a>
  643. </li>
  644. <li class="menu-item">
  645. <a class="menu-link" href="https://inventory.montsurfaces.com/Location/Louisville"><div>Louisville</div></a>
  646. </li>
  647. <li class="menu-item">
  648. <a class="menu-link" href="https://inventory.montsurfaces.com/Location/Indianapolis"><div>Indianapolis</div></a>
  649. </li>
  650. <li class="menu-item">
  651. <a class="menu-link" href="https://inventory.montsurfaces.com/Location/Detroit"><div>Detroit</div></a>
  652. </li>
  653. <li class="menu-item">
  654. <a class="menu-link" href="https://inventory.montsurfaces.com/Location/Grand Rapids"><div>Grand Rapids</div></a>
  655. </li>
  656. <li class="menu-item">
  657. <a class="menu-link" href="https://inventory.montsurfaces.com/Location/Pittsburgh"><div>Pittsburgh</div></a>
  658. </li>
  659. </ul>
  660. </li>
  661. <li class="menu-item">
  662. <a class="menu-link" href="#"><div>Discover</div></a>
  663. <ul class="sub-menu-container">
  664. <li class="menu-item">
  665. <a class="menu-link" href="/about"><div>About Mont</div></a>
  666. </li>
  667. <li class="menu-item">
  668. <a class="menu-link" href="/inspiration"><div>Inspiration</div></a>
  669. </li>
  670. </ul>
  671. </li>
  672. <li class="menu-item">
  673. <a class="menu-link" href="#"><div>Products</div></a>
  674. <ul class="sub-menu-container">
  675. <li class="menu-item">
  676. <a class="menu-link" href="/products"><div>Mont Products</div></a>
  677. <ul class="sub-menu-container">
  678. <li class="menu-item">
  679. <a class="menu-link" href="/collection/natural"><div>Natural Stone</div></a>
  680. </li>
  681. <li class="menu-item">
  682. <a class="menu-link" href="/collection/engineeredquartz"><div>Engineered Quartz</div></a>
  683. </li>
  684. <li class="menu-item">
  685. <a class="menu-link" href="/collection/porcelain"><div>Porcelain</div></a>
  686. </li>
  687. <li class="menu-item">
  688. <a class="menu-link" href="/collection/porcelainpaver"><div>Porcelain Pavers</div></a>
  689. </li>
  690. <li class="menu-item">
  691. <a class="menu-link" href="/collection/synthesis"><div>Mont Synthesis&trade;</div></a>
  692. </li>
  693. <li class="menu-item">
  694. <a class="menu-link" href="/collection/semi-precious"><div>Semi-Precious Stone</div></a>
  695. </li>
  696. </ul>
  697. </li>
  699. <li class="menu-item">
  700. <a class="menu-link" href="https://inventory.montsurfaces.com/"><div><i class="icon-arrow-right1"></i>View Our Inventory</div></a>
  701. </li>
  702. </ul>
  703. </li>
  704. <li class="menu-item">
  705. <a class="menu-link" href="#"><div>Clientele</div></a>
  706. <ul class="sub-menu-container">
  707. <li class="menu-item">
  708. <a class="menu-link" href="/customers/homeowners"><div>HomeOwners</div></a>
  709. </li>
  710. <li class="menu-item">
  711. <a class="menu-link" href="/customers/fabricators"><div>Fabricators</div></a>
  712. </li>
  713. <li class="menu-item">
  714. <a class="menu-link" href="/customers/professionals"><div>Design Professionals</div></a>
  715. </li>
  716. <li class="menu-item">
  717. <a class="menu-link" href="/customers/commercial"><div>Commercial</div></a>
  718. </li>
  719. </ul>
  720. </li>
  721. <li class="menu-item">
  722. <a class="menu-link" href="/resources"><div>Resources</div></a>
  723. <ul class="sub-menu-container">
  724. <li class="menu-item">
  725. <a class="menu-link" href="/professionals"><div>Find a Mont Quartz Partner</div></a>
  726. </li>
  727. <li class="menu-item">
  728. <a class="menu-link" href="/professionals/synthesis"><div>Find a Mont Synthesis Partner</div></a>
  729. </li>
  730. <li class="menu-item">
  731. <a class="menu-link" href="/resources/care"><div>Care and Maintenance</div></a>
  732. <ul class="sub-menu-container">
  733. <li class="menu-item">
  734. <a class="menu-link" href="/resources/care/natural-stone"><div>Natural Stone</div></a>
  735. </li>
  736. <li class="menu-item">
  737. <a class="menu-link" href="/resources/care/engineered-quartz"><div>Engineered Quartz</div></a>
  738. </li>
  739. <li class="menu-item">
  740. <a class="menu-link" href="/resources/care/porcelain"><div>Porcelain</div></a>
  741. </li>
  742. </ul>
  743. </li>
  744. <li class="menu-item">
  745. <a class="menu-link" href="/resources/testimonials"><div>Testimonials</div></a>
  746. </li>
  747. <li class="menu-item">
  748. <a class="menu-link" href="/resources/frequently-asked-questions"><div>Frequently Asked Questions</div></a>
  749. </li>
  750. <li class="menu-item">
  751. <a class="menu-link" href="http://mont.stoneprofits.com/Customers/" target="_blank">Pro Login</a>
  752. </li>
  753. <li class="menu-item">
  754. <a class="menu-link" href="/resources"><div>Additional Resources</div></a>
  755. </li>
  756. </ul>
  757. </li>
  758. <li class="menu-item">
  759. <a class="menu-link" href="#"><div>Contact</div></a>
  760. <ul class="sub-menu-container">
  761. <li class="menu-item">
  762. <a class="menu-link" href="/locations/cleveland"><div>Cleveland</div></a>
  763. </li>
  764. <li class="menu-item">
  765. <a class="menu-link" href="/locations/columbus"><div>Columbus</div></a>
  766. </li>
  767. <li class="menu-item">
  768. <a class="menu-link" href="/locations/cincinnati"><div>Cincinnati</div></a>
  769. </li>
  770. <li class="menu-item">
  771. <a class="menu-link" href="/locations/louisville"><div>Louisville</div></a>
  772. </li>
  773. <li class="menu-item">
  774. <a class="menu-link" href="/locations/indianapolis"><div>Indianapolis</div></a>
  775. </li>
  776. <li class="menu-item">
  777. <a class="menu-link" href="/locations/detroit"><div>Detroit</div></a>
  778. </li>
  779. <li class="menu-item">
  780. <a class="menu-link" href="/locations/grand_rapids"><div>Grand Rapids</div></a>
  781. </li>
  782. <li class="menu-item">
  783. <a class="menu-link" href="/locations/pittsburgh"><div>Pittsburgh</div></a>
  784. </li>
  785. </ul>
  786. </li>
  787. </ul>
  788.  
  789. </nav><!-- #primary-menu end -->
  790.  
  791. <form class="top-search-form" action="search.html" method="get">
  792. <input type="text" name="q" class="form-control" value="" placeholder="Type &amp; Hit Enter.." autocomplete="off">
  793. </form>
  794.  
  795. </div>
  796. </div>
  797. </div>
  798. <div class="header-wrap-clone"></div>
  799. </header><!-- #header end -->
  801.  
  802.  
  803.        
  804. <section id="slider" class="slider-element min-vh-100 dark include-header">
  805. <div class="slider-inner">
  807. <div class="container">
  808. <div class="slider-caption slider-caption-center">
  809. <h2 data-animate="fadeInUp">Get Inspired</h2>
  810. <p>
  811. Mont has an expansive collection of exquisite surfaces that make a statement in your home.
  812. </p>
  813. </div>
  814. </div>
  816. <div class="video-wrap" style="z-index: 1;">
  817. <video poster="/images/video/montsurfaces-intro-poster.jpg" preload="auto" loop autoplay muted>
  818. <source src="/images/video/montsurfaces-intro2.mp4" type="video/mp4" />
  819. </video>
  820. <div class="video-overlay" style="background-color: rgba(0,0,0,0.45);"></div>
  821. </div>
  823. </div>
  824. </section>
  826. <!-- Content
  827. ============================================= -->
  828. <section id="content">
  829. <div class="content-wrap">
  830. <div id="hp-featured-materials" class="container clearfix">
  831. <div class="section mt-0 border-0 mb-0 hp-tile" >
  832. <div class="container clearfix">
  834. <div class="center mb-0">
  835. <h2>View Mont Collections</h2>
  836. </div>
  838. </div>
  839. </div>
  840. <div class="hp-featured-materials-row row justify-content-center col-mb-50">
  841. <div class="col-sm-6 col-lg-4">
  842. <div class="feature-box media-box hp-featured-material">
  843. <div class="fbox-media">
  844. <img src="/images/newsite/natural-stone.jpg" alt="Natural Stone">
  845. </div>
  846. <div class="fbox-content px-0">
  847. <h3>Natural Stone</h3>
  848. <div class="hp-material-intro">
  849. <p>Natural Stone is available in every color imaginable, bringing a unique work of art to your home. </p>
  850. </div>
  851. <a href="/collection/natural" class="hp-tile-button">View Collection</a>
  852. </div>
  854. </div>
  855. </div>
  856.  
  857. <div class="col-sm-6 col-lg-4">
  858. <div class="feature-box media-box hp-featured-material">
  859. <div class="fbox-media">
  860. <img src="/images/newsite/engineered-quartz.jpg" alt="Engineered Quartz">
  861. </div>
  862. <div class="fbox-content px-0">
  863. <h3>Engineered Quartz</h3>
  864. <div class="hp-material-intro">
  865. <p>Mont Quartz is a custom-designed line which appeals to an array of contemporary styles. </p>
  866. </div>
  867. <a href="/collection/engineeredquartz" class="hp-tile-button">View Collection</a>
  868. </div>
  869. </div>
  870. </div>
  871.  
  873.  
  874. <div class="col-sm-6 col-lg-4">
  875. <div class="feature-box media-box hp-featured-material">
  876. <div class="fbox-media">
  877. <img src="/images/newsite/porcelain.jpg" alt="Porcelain">
  878. </div>
  879. <div class="fbox-content px-0">
  880. <h3>Porcelain</h3>
  881. <div class="hp-material-intro">
  882. <p>Porcelain is a minimal maintenance surface that allows for a myriad of applications and stunning designs.
  883. </p>
  884. </div>
  885. <a href="/collection/porcelain" class="hp-tile-button">View Collection</a>
  886. </div>
  887. </div>
  888. </div>
  889. </div>
  890. <div class="section mt-0 border-0 mb-0 hp-tile" >
  891. <div class="container clearfix">
  893. <div class="center mb-0">
  895. </div>
  897. </div>
  898. </div>
  899. <div class="row justify-content-center col-mb-50">
  900.  
  901. <div class="col-sm-6 col-lg-4">
  902. <div class="feature-box media-box hp-featured-material">
  903. <div class="fbox-media">
  904. <img src="/images/newsite/synthesis/synthesis-hero-home.jpg" alt="Mont Synthesis">
  905. </div>
  906. <div class="fbox-content px-0">
  907. <h3>Mont Synthesis<sup>&trade;</sup></h3>
  908. <div class="hp-material-intro">
  909. <p>Mont Synthesis is a modular porcelain shower surround system that is mechanically fastened to stud framing. </p>
  910. </div>
  911. <a href="/collection/synthesis" class="hp-tile-button">View Mont Synthesis</a>
  912. </div>
  913. </div>
  914. </div>
  915.  
  916. <div class="col-sm-6 col-lg-4">
  917. <div class="feature-box media-box hp-featured-material">
  918. <div class="fbox-media">
  919. <img src="/images/newsite/semi-precious-stone-home-page.jpg" alt="Semi-Precious Stone">
  920. </div>
  921. <div class="fbox-content px-0">
  922. <h3>Semi-Precious Stone</h3>
  923. <div class="hp-material-intro">
  924. <p>This Collection is unrivaled in its artful beauty and sets the standard for advanced technology and craftsmanship.</p>
  925. </div>
  926. <a href="/collection/semi-precious" class="hp-tile-button">View Collection</a>
  927. </div>
  929. </div>
  930. </div>
  931.  
  933. <div class="col-sm-6 col-lg-4">
  934. <div class="feature-box media-box hp-featured-material">
  935. <div class="fbox-media">
  936. <img src="/images/newsite/porcelain-paver-home-page.jpg" alt="Porcelain Pavers">
  937. </div>
  938. <div class="fbox-content px-0">
  939. <h3>Porcelain Pavers</h3>
  940. <div class="hp-material-intro">
  941. <p>Combining design and sustainability, this Collection adapts to any outdoor use, from gardens to patios to terraces.</p>
  942. </div>
  943. <a href="/collection/porcelainpaver" class="hp-tile-button">View Collection</a>
  944. </div>
  945. </div>
  946. </div>
  947.  
  949. </div>
  950. </div>
  951. <div class="clear"></div>
  952. <div class="container clearfix">
  953. <div class="section border-top-0 border-0 bg-transparent hp-why-tile">
  954. <div class="row justify-content-center col-mb-50 hp-tile">
  955. <div class="col-sm-6 col-lg-6 hp-col hp-col-dark">
  956. <div class="hp-content-why">
  957. <h3>Why Mont</h3>
  958. <p>Our customer-obsession inspires us; we are passionate and dedicated to finding the perfect surface
  959. for your home. Our knowledgeable and courteous Customer Service Specialists have the expertise to
  960. guide you through the exciting material selection process.
  961. </p>
  962. <p>
  963. We love unique surface materials. We travel the world to hand pick every surface that we purchase,
  964. so that you can be confident in the material you choose. Visit or call us to learn more about Mont!
  965. </p>
  966. </div>
  967. </div>
  968. <div class="col-sm-6 col-lg-6 hp-col">
  969. <div class="hp-why-hero">
  971. </div>
  972. </div>
  973. </div>
  974. </div>
  975. </div>
  976.  
  977. <div class="clear"></div>
  978.  
  979. <div class="section border-top-0 border-0 bg-transparent hp-showroom-tile">
  980. <div class="row col-mb-50 hp-showroom-content">
  981. <div class="col-sm-6 col-lg-4 hp-col">
  982. <div class="hp-content-light">
  983. <h3>View Our Inventory</h3>
  984. <p>We are a wholesale supplier of fine surfaces.  Our Design Centers and Surface Selection Warehouses feature hundreds of dazzling surface options in each of our 8 Divisions throughout the Midwest.</p>
  985. <a href="https://inventory.montsurfaces.com/" class="hp-showroom-button">Inventory</a>
  986. </div>
  987. </div>
  988.  
  989. <div class="col-sm-6 col-lg8- hp-col">
  990.  
  991. </div>
  992. </div>
  993. </div>
  994.  
  997. <div class="row bottommargin-lg align-items-stretch">
  998.  
  999. <div class="col-lg-4 overflow-hidden" style="min-height: 420px; background-color: #FFF;"><!-- col-padding  -->
  1000. <div class="hp-cust-type-tile">
  1001. <h3 class="text-uppercase" style="font-size: 1rem; font-weight: 600;">Homeowner</h3>
  1002. <div class="client-hp-intro">
  1003. <p style="line-height: 1.8;">We know what it takes to bring you a top-notch customer experience, showcasing over 400 varieties and guiding you through the process. Come visit us today; no appointment necessary!</p>
  1004. </div>
  1005. <a href="/customers/homeowners" class="button button-border button-dark button-rounded text-uppercase m-0">Read More</a>
  1006. </div>
  1007. </div>
  1008.  
  1009. <div class="col-lg-4 overflow-hidden" style="min-height: 420px; background-color: #FFF;">
  1010. <div class="hp-cust-type-tile">
  1011. <h3 class="text-uppercase" style="font-size: 1rem; font-weight: 600;">Fabricator</h3>
  1012. <div class="client-hp-intro">
  1013. <p style="line-height: 1.8;">We provide an exclusive experience for your customers. We also free up your time by seamlessly handling the paperwork and providing product delivery directly to your location. </p>
  1014. </div>
  1015. <a href="/customers/fabricators" class="button button-border button-dark button-rounded text-uppercase m-0">Read More</a>
  1016. </div>
  1017. </div>
  1018.  
  1019. <div class="col-lg-4 overflow-hidden" style="min-height: 420px; background-color: #FFF;">
  1020. <div class="hp-cust-type-tile">
  1021. <h3 class="text-uppercase" style="font-size: 1rem; font-weight: 600;">Design Professional</h3>
  1022. <div class="client-hp-intro">
  1023. <p style="line-height: 1.8;">We guarantee an exceptional material-selection process for your client. Our experienced staff will guide your client through the selection process so that you can focus on other things.</p>
  1024. </div>
  1025. <a href="/customers/professionals" class="button button-border button-dark button-rounded text-uppercase m-0">Read More</a>
  1026. </div>
  1027. </div>
  1028.  
  1029. <div class="clear"></div>
  1030.  
  1031. </div>
  1032.  
  1034.  
  1035.  
  1036. </div>
  1037. </section><!-- #content end -->
  1038.  
  1039.  
  1040.  
  1041.  
  1042.        <div class="hover_panel"></div>
  1043.  
  1044.        <!-- Footer
  1045. ============================================= -->
  1046. <footer id="footer" class="dark grey">
  1047. <div class="container">
  1048.  
  1049. <!-- Footer Widgets
  1050. ============================================= -->
  1051. <div class="footer-locations">
  1052.  
  1053. <div class="row col-mb-50">
  1054. <div class="col-lg-12">
  1055. <h3>Locations</h3>
  1056.  
  1057. <ul>
  1058. <li><a href="/locations/cleveland">Cleveland</a></li>
  1059. <li><a href="/locations/columbus">Columbus</a></li>
  1060. <li><a href="/locations/cincinnati">Cincinnati</a></li>
  1061. <li><a href="/locations/detroit">Detroit</a></li>
  1062. <li><a href="/locations/grand_rapids">Grand Rapids</a></li>
  1063. <li><a href="/locations/indianapolis">Indianapolis</a></li>
  1064. <li><a href="/locations/pittsburgh">Pittsburgh</a></li>
  1065. <li><a href="/locations/louisville">Louisville</a></li>
  1066. </ul>
  1067. </div>
  1068. </div>
  1069.  
  1070. </div><!-- .footer-widgets-wrap end -->
  1071.  
  1072. </div>
  1073.  
  1074. <!-- Copyrights
  1075. ============================================= -->
  1076. <div id="copyrights">
  1077. <div class="container">
  1078.  
  1079. <div class="row col-mb-30">
  1080.  
  1081. <div class="col-md-6">
  1082. <img src="/images/newsite/footer-logo.jpg" /> <img class="footer-monique-brand" src="/images/newsite/monique-250.png" /><br />
  1083. Copyrights &copy; 2024 Mont Surfaces All Rights Reserved<br>
  1084. <div class="copyright-links"><a href="/privacy">Privacy Policy</a> / <a href="/disclaimer">Disclaimer</a></div>
  1085. </div>
  1086.  
  1087. <div class="col-md-6 text-center text-md-right">
  1088. <div class="d-flex justify-content-center justify-content-md-end">
  1089. <a target="_blank" href="https://www.facebook.com/montgranite" class="social-icon si-small si-borderless si-facebook">
  1090. <i class="icon-facebook"></i>
  1091. <i class="icon-facebook"></i>
  1092. </a>
  1093.  
  1094. <a target="_blank" href="https://www.youtube.com/channel/UCphAqTXwVEvQ9CDL1xiJ2iQ" class="social-icon si-small si-borderless si-youtube">
  1095. <i class="icon-youtube"></i>
  1096. <i class="icon-youtube"></i>
  1097. </a>
  1098.  
  1099. <a target="_blank" href="https://www.instagram.com/montsurfaces/" class="social-icon si-small si-borderless si-instagram">
  1100. <i class="icon-instagram"></i>
  1101. <i class="icon-instagram"></i>
  1102. </a>
  1103.  
  1104. <a target="_blank" href="https://www.houzz.com/professionals/tile-stone-and-countertops/mont-surfaces-by-mont-granite-pfvwus-pf~25328583/__public" class="social-icon si-small si-borderless si-houzz">
  1105. <i class="icon-houzz"></i>
  1106. <i class="icon-houzz"></i>
  1107. </a>
  1109. <a target="_blank" href="https://www.linkedin.com/in/mont-surfaces-26049917" class="social-icon si-small si-borderless si-linkedin">
  1110. <i class="icon-linkedin"></i>
  1111. <i class="icon-linkedin"></i>
  1112. </a>
  1113. </div>
  1114. </div>
  1115.  
  1116. </div>
  1117.  
  1118. </div>
  1119. </div><!-- #copyrights end -->
  1120. </footer><!-- #footer end -->
  1121.  
  1122. </div><!-- #wrapper end -->
  1123.  
  1124. <!-- Go To Top
  1125. ============================================= -->
  1126. <div id="gotoTop" class="icon-angle-up"></div>
  1127.  
  1128. <aside data-flyout>
  1129.        <div data-heading>
  1130.            <h2>Contact Us</h2>
  1131.            <button class="flyout-close">X</button>
  1132.        </div>
  1133.  
  1134.        <div>
  1135.            <div id="flyout_intro">
  1136. <img src="/images/contact-mont-surfaces.jpg"> <h3>Have Questions?</h3>
  1137. <p>Do you have questions on our products or need to contact a Mont Design Center in your area? Let us help.</p>
  1138. </div>
  1139.            <div id="flyout_message"></div>
  1140.            <form id="contactFlyoutForm">
  1141.                <input name="flag" value="1" type="hidden">
  1142.                <input name="referring_page" id="referring_page" value="" type="hidden">
  1143.                * = required
  1144. <div class="form-group">
  1145.                    <label class="control-label" for="name">Mont Location Preference * </label>
  1146. <select class="form-control" id="flyout-location" name="flyout-location">
  1147. <option value="">Select a Location...</option>
  1148. <option value="cleveland">Cleveland</option>
  1149. <option value="columbus">Columbus</option>
  1150. <option value="cincinnati">Cincinnati</option>
  1151. <option value="louisville">Louisville</option>
  1152. <option value="indianapolis">Indianapolis</option>
  1153. <option value="detroit">Detroit</option>
  1154. <option value="grand_rapids">Grand Rapids</option>
  1155. <option value="pittsburgh">Pittsburgh</option>
  1156. </select>
  1157.                </div>
  1158.                <div class="form-group">
  1159.                    <label class="control-label" for="name">Your Name * </label>
  1160.                    <input class="form-control" id="flyout-name" name="flyout-name" type="text">
  1161.                </div>
  1162.                <div class="form-group">
  1163.                    <label class="control-label" for="phone">Phone</label>
  1164.                    <input class="form-control" id="flyout-phone" name="flyout-phone" type="text">
  1165.                </div>
  1166.                <div class="form-group">
  1167.                    <label class="control-label" for="email">Email Address * </label>
  1168.                    <input class="form-control" id="flyout-email" name="flyout-email" type="email">
  1169.                </div>
  1170.                <div class="form-group">
  1171.                    Question *
  1172.                    <textarea id="flyout-question" class="form-control" cols="40" rows="5" name="flyout-question"></textarea>
  1173.                </div>
  1174.                <input id="flyout-send" value="Send" type="submit">
  1175.            </form>
  1176.  
  1177.        </div>
  1178.  
  1179.    </aside>
  1180.  
  1181. <!-- JavaScripts
  1182. ============================================= -->
  1183. <script src="/js/jquery.js"></script>
  1184. <script src="/js/plugins.min.js"></script>
  1185.  
  1186. <!-- Footer Scripts
  1187. ============================================= -->
  1188. <script src="/js/functions.js"></script>
  1189.  
  1190. <!-- SLIDER REVOLUTION 5.x SCRIPTS  -->
  1191. <script src="/include/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
  1192. <script src="/include/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
  1193.  
  1194. <script src="/include/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
  1195. <script src="/include/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
  1196. <script src="/include/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
  1197. <script src="/include/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
  1198. <script src="/include/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
  1199. <script src="/include/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
  1200. <script src="/include/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
  1201. <script src="/include/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
  1202.  
  1203. <script>
  1204.  
  1205. var tpj = jQuery;
  1206. var revapi202;
  1207. var $ = jQuery.noConflict();
  1208.  
  1209. tpj(document).ready(function() {
  1210. if (tpj("#rev_slider_579_1").revolution == undefined) {
  1211. revslider_showDoubleJqueryError("#rev_slider_579_1");
  1212. } else {
  1213. revapi202 = tpj("#rev_slider_579_1").show().revolution({
  1214. sliderType: "standard",
  1215. jsFileLocation: "include/rs-plugin/js/",
  1216. sliderLayout: "fullscreen",
  1217. dottedOverlay: "none",
  1218. delay: 9000,
  1219. responsiveLevels: [1140, 1024, 778, 480],
  1220. visibilityLevels: [1140, 1024, 778, 480],
  1221. gridwidth: [1140, 1024, 778, 480],
  1222. gridheight: [728, 768, 960, 720],
  1223. lazyType: "none",
  1224. shadow: 0,
  1225. spinner: "off",
  1226. stopLoop: "on",
  1227. stopAfterLoops: 0,
  1228. stopAtSlide: 1,
  1229. shuffle: "off",
  1230. autoHeight: "off",
  1231. fullScreenAutoWidth: "off",
  1232. fullScreenAlignForce: "off",
  1233. fullScreenOffsetContainer: "",
  1234. fullScreenOffset: "15%",
  1235. disableProgressBar: "on",
  1236. hideThumbsOnMobile: "off",
  1237. hideSliderAtLimit: 0,
  1238. hideCaptionAtLimit: 0,
  1239. hideAllCaptionAtLilmit: 0,
  1240. debugMode: false,
  1241. fallbacks: {
  1242. simplifyAll:"off",
  1243. disableFocusListener:false,
  1244. },
  1245. parallax: {
  1246. type:"mouse",
  1247. origo:"slidercenter",
  1248. speed:300,
  1249. levels:[2,4,6,8,10,12,14,16,18,20,22,24,49,50,51,55],
  1250. },
  1251. navigation: {
  1252. keyboardNavigation:"off",
  1253. keyboard_direction: "horizontal",
  1254. mouseScrollNavigation:"off",
  1255. onHoverStop:"off",
  1256. touch:{
  1257. touchenabled:"on",
  1258. swipe_threshold: 75,
  1259. swipe_min_touches: 1,
  1260. swipe_direction: "horizontal",
  1261. drag_block_vertical: false
  1262. },
  1263. arrows: {
  1264. style: "hermes",
  1265. enable: false,
  1266. hide_onmobile: false,
  1267. hide_onleave: false,
  1268. left: {
  1269. h_align: "left",
  1270. v_align: "center",
  1271. h_offset: 10,
  1272. v_offset: 0
  1273. },
  1274. right: {
  1275. h_align: "right",
  1276. v_align: "center",
  1277. h_offset: 10,
  1278. v_offset: 0
  1279. }
  1280. }
  1281. }
  1282. });
  1283. revapi202.on("revolution.slide.onloaded",function (e) {
  1284. setTimeout( function(){ SEMICOLON.slider.sliderDimensions(); }, 200 );
  1285. });
  1286.  
  1287. revapi202.on("revolution.slide.onchange",function (e,data) {
  1288. SEMICOLON.slider.revolutionSliderMenu();
  1289. });
  1290. }
  1291.  
  1292. tpj('.contact-us-btn').on("click", function(e) {
  1293. console.log(window.location.href);
  1294. console.log('sending event');
  1295. dataLayer.push({'event': 'contact_flyout'});
  1296. tpj('#referring_page').val(window.location.href);
  1297. var flyout = $('[data-flyout]');
  1298. flyout.css({"right": "0px", "opacity": 1});
  1299. });
  1300.  
  1301. // flyout contact us panel
  1302. tpj('.side-panel').on("click", function(e) {
  1303. console.log(window.location.href);
  1304. console.log('sending event');
  1305. dataLayer.push({'event': 'contact_flyout'});
  1306. tpj('#referring_page').val(window.location.href);
  1307. var flyout = $('[data-flyout]');
  1308. flyout.css({"right": "0px", "opacity": 1});
  1309. });
  1310. tpj('[data-flyout] .flyout-close').on("click", function(e) {
  1311. $('#flyout_message').removeClass("alert-warning alert-success");
  1312. $('#flyout_message').html('');
  1313. var flyout = $('[data-flyout]');
  1314. flyout.css({"right": "-300px", "opacity": 0});
  1315. });
  1316. tpj('#contactFlyoutForm').on("submit", function(e) {
  1317. e.preventDefault();
  1318. var flyout_error = false;
  1320. var name = tpj('#flyout-name').val();
  1321. var phone = tpj('#flyout-phone').val();
  1322. var email = tpj('#flyout-email').val();
  1323. var question = tpj('#flyout-question').val();
  1324. var location = tpj('#flyout-location option:selected').val();
  1325. console.log('location chosen: ' + location );
  1327. if(location.length == 0){
  1328. flyout_error = true;
  1329. $('#flyout-location').css({"border-color": "#cb1937"});
  1330. }else{
  1331. $('#flyout-location').css({"border-color": "#e0e0e0"});
  1332. }
  1333. if(name.length == 0){
  1334. flyout_error = true;
  1335. $('#flyout-name').css({"border-color": "#cb1937"});
  1336. }else{
  1337. $('#flyout-name').css({"border-color": "#e0e0e0"});
  1338. }
  1339. if(email.length == 0 || email.indexOf('@') == '-1'){
  1340. flyout_error = true;
  1341. $('#flyout-email').css({"border-color": "#cb1937"});
  1342. }else{
  1343. $('#flyout-email').css({"border-color": "#e0e0e0"});
  1344. }
  1345. if(question.length == 0){
  1346. flyout_error = true;
  1347. $('#flyout-question').css({"border-color": "#cb1937"});
  1348. }else{
  1349. $('#flyout-question').css({"border-color": "#e0e0e0"});
  1350. }
  1351.  
  1352.  
  1353. if(flyout_error == false){
  1354. tpj('#flyout-send').attr({'disabled' : 'true', 'value' : 'Sending...' });
  1355. tpj('#flyout_message').addClass('alert');
  1356. var formData = $("#contactFlyoutForm").serialize();
  1357. tpj.ajax({
  1358. type: "POST",
  1359. url: "/mail-send-flyout.php",
  1360. data: formData,
  1361. contentType: "application/x-www-form-urlencoded",
  1362. dataType: "html",
  1363. success: function (result) {
  1364. if(result == 'sent'){
  1365. $('#flyout_intro').addClass("intro-hide");
  1366. $('#flyout_message').removeClass("alert-danger").addClass("alert-success");
  1367. $('#flyout_message').html('Thank you, we will get back to you.');
  1368. $('#contactFlyoutForm')[0].reset();
  1369. $('#flyout-send').removeAttr('disabled').attr('value', 'Send');
  1370. }else{
  1371. $('#flyout_message').removeClass("alert-success").addClass("alert-danger");
  1372. $('#flyout_message').html('There was an error sending, please try again.');
  1373. $('#flyout-send').removeAttr('disabled').attr('value', 'Send');
  1374. }
  1375. },
  1376. error: function () {
  1377. //alert("error ");
  1378. },
  1379. complete: function () {
  1380. // Handle the complete event
  1381. //alert("ajax completed ");
  1382. }
  1383. });
  1384. }
  1385. });
  1386. }); /*ready*/
  1387.  
  1388.  
  1389.  
  1390. </script>
  1391.  
  1392. <script>
  1393. /* <![CDATA[ */
  1394. var google_conversion_id = 892271232;
  1395. var google_custom_params = window.google_tag_params;
  1396. var google_remarketing_only = true;
  1397.  
  1398. /* ]]> */
  1399. </script>
  1400.  
  1401.  
  1402. <script src="//www.googleadservices.com/pagead/conversion.js"></script>
  1403. <noscript>
  1404. <div style="display:inline;">
  1405. <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/892271232/?value=0&amp;guid=ON&amp;script=0" />
  1406. </div>
  1407. </noscript>
  1408.  
  1409. <script type="text/javascript" src="//tag.brandcdn.com/autoscript/montgraniteinc_vg1wvk1fmvvwvda9/Mont_Granite_Inc.js"></script>
  1410.  
  1411. <!-- Facebook Pixel Code -->
  1412. <script>
  1413. ! function (f, b, e, v, n, t, s) {
  1414. if (f.fbq) return;
  1415. n = f.fbq = function () {
  1416. n.callMethod ?
  1417. n.callMethod.apply(n, arguments) : n.queue.push(arguments)
  1418. };
  1419. if (!f._fbq) f._fbq = n;
  1420. n.push = n;
  1421. n.loaded = !0;
  1422. n.version = '2.0';
  1423. n.queue = [];
  1424. t = b.createElement(e);
  1425. t.async = !0;
  1426. t.src = v;
  1427. s = b.getElementsByTagName(e)[0];
  1428. s.parentNode.insertBefore(t, s)
  1429. }(window, document, 'script',
  1430. 'https://connect.facebook.net/en_US/fbevents.js');
  1431. fbq('init', '315081175607709');
  1432. fbq('track', 'PageView');
  1433. </script>
  1434. <noscript>
  1435. <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=your-pixel-id-goes-here&ev=PageView&noscript=1" />
  1436. </noscript>
  1437. <!-- End Facebook Pixel Code -->
  1438.  
  1439. <!-- LINKEDIN INSIGHTS trackingSnip -->
  1440. <script>
  1441. _linkedin_data_partner_id = "202266";
  1442. </script>
  1443. <script>
  1444. (function () {
  1445. var s = document.getElementsByTagName("script")[0];
  1446. var b = document.createElement("script");
  1447. b.type = "text/javascript";
  1448. b.async = true;
  1449. b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
  1450. s.parentNode.insertBefore(b, s);
  1451. })();
  1452. </script>
  1453. <noscript>
  1454. <img height="1" width="1" style="display:none;" alt="" src="https://dc.ads.linkedin.com/collect/?pid=202266&fmt=gif" />
  1455. </noscript>
  1456. <!-- Begin TVSquared Page Visits Tracking Code -->
  1457.  
  1458. <script type="text/javascript">
  1459.  
  1460. var _tvq = window._tvq = window._tvq || [];
  1461.  
  1462. (function() {
  1463.  
  1464. var u = (("https:" == document.location.protocol) ?
  1465.  
  1466. "https://collector-39964.us.tvsquared.com/"
  1467.  
  1468. :
  1469.  
  1470. "http://collector-39964.us.tvsquared.com/");
  1471.  
  1472. _tvq.push(['setSiteId', "TV-6309093654-1"]);
  1473.  
  1474. _tvq.push(['setTrackerUrl', u + 'tv2track.php']);
  1475.  
  1476. _tvq.push([function() {
  1477.  
  1478. this.deleteCustomVariable(5, 'page')
  1479.  
  1480. }]);
  1481.  
  1482. _tvq.push(['trackPageView']);
  1483.  
  1484. var d = document,
  1485.  
  1486. g = d.createElement('script'),
  1487.  
  1488. s = d.getElementsByTagName('script')[0];
  1489.  
  1490. g.type = 'text/javascript';
  1491.  
  1492. g.defer = true;
  1493.  
  1494. g.async = true;
  1495.  
  1496. g.src = u + 'tv2track.js';
  1497.  
  1498. s.parentNode.insertBefore(g, s);
  1499.  
  1500. })();
  1501.  
  1502. </script>
  1503.  
  1504. <!-- End TVSquared Tracking Code -->
  1505.  
  1506. <script type="application/ld+json">{"@context":"http://schema.org","@graph":[{"@type":"Organization","description":"Mont offers unparalleled collections of porcelain Panels, Porcelain Slabs, Natural Stone (granite, marble, onyx, soapstone, travertine), and Engineered Quartz. Contact us!","mainEntityOfPage":"https://www.montsurfaces.com","name":"Leading Granite, Marble, Quartz & Fine Surfaces Supplier","url":"https://www.montsurfaces.com"},{"@id":"https://montsurfaces.com#identity","@type":"Organization","description":"Mont is a wholesale supplier of fine surfaces that is open to the general public. Our Design Centers and Indoor Slab Showrooms feature hundreds of dazzling surface options for residential and commercial applications that, once selected, are administered through your industry professional.","name":"Mont Surfaces","url":"https://montsurfaces.com"},{"@id":"#creator","@type":"Organization"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://www.montsurfaces.com","name":"Homepage","position":1}],"name":"Breadcrumbs"}]}</script></body>
  1507. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda