<?php require_once( 'dashboard/cms.php' ); ?>
<!DOCTYPE html>
<html style="font-size: 16px;">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">
    <meta name="keywords" content="paving, blacktop, pavement, concrete, paving company, s&amp;amp;s paving, residential paving, commercial paving">
    <meta name="description" content="Our Company is proudly family owned and operated, with over fifty years experience we have been fully committed to installing and repairing customers driveways, parking lots, and all types of asphalt and concrete related environments. ">
    <meta name="page_type" content="np-template-header-footer-from-plugin">
    <title>Contact | S&amp;S Asphalt Paving</title>
    <link rel="stylesheet" href="postidol.css" media="screen">
<link rel="stylesheet" href="contact.css" media="screen">
    <script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
    <script class="u-script" type="text/javascript" src="postidol.js" defer=""></script>
    <link rel="icon" href="images/favicon.jpg">
    
    
    
    <link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
    <link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700|Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900">
    <script type="application/ld+json">{
		"@context": "http://schema.org",
		"@type": "Organization",
		"name": "S and S Paving",
		"url": "index.php",
		"logo": "images/SSPaving-LogoSMALLonTRANSPARENT.png",
		"sameAs": [
				"https://facebook.com/Sspaving/",
				"https://twitter.com/SSPaving",
				"https://www.instagram.com/pavingvancouver/"
		]
}</script>
    <meta property="og:title" content="Gallery | S&amp;amp;S Asphalt Paving">
    <meta property="og:type" content="website">
    <meta property="og:description" content="Our Company is proudly family owned and operated, with over fifty years experience we have been fully committed to installing and repairing customers driveways, parking lots, and all types of asphalt and concrete related environments. ">
    <meta name="theme-color" content="#478ac9">
    <link rel="canonical" href="index.php">
    <meta property="og:url" content="index.php">
    <meta name="twitter:site" content="@">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Gallery | S&amp;amp;S Asphalt Paving">
    <meta name="twitter:description" content="S and S Paving">
  </head>
  <body class="u-body u-overlap"><header class="u-align-center u-clearfix u-header u-sticky u-valign-top-lg u-valign-top-md u-valign-top-sm u-valign-top-xs u-white u-header" id="sec-bf02"><a href="#" class="u-image u-logo u-image-1">
        <img src="images/SSPaving-LogoSMALLonTRANSPARENT.png" class="u-logo-image u-logo-image-1" data-image-width="375">
      </a><div class="u-clearfix u-gutter-2 u-layout-wrap u-layout-wrap-1">
        <div class="u-layout">
          <div class="u-layout-row">
            <div class="u-align-center u-container-style u-hidden-sm u-hidden-xs u-layout-cell u-left-cell u-size-5 u-layout-cell-1">
              <div class="u-container-layout u-valign-middle u-container-layout-1">
                <span class="u-icon u-icon-circle u-text-body-color u-icon-1">
                  <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 56 44" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-6a61"></use></svg>
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 44" id="svg-6a61" class="u-svg-content"><g id="Page-1" fill="currentColor" fill-rule="evenodd"><g id="001---Landline-Phone" fill="currentColor" fill-rule="nonzero" transform="translate(-1)"><path id="Shape" d="m29 18c-4.9705627 0-9 4.0294373-9 9s4.0294373 9 9 9 9-4.0294373 9-9c-.006061-4.9680501-4.0319499-8.993939-9-9zm0 12c-1.6568542 0-3-1.3431458-3-3s1.3431458-3 3-3 3 1.3431458 3 3-1.3431458 3-3 3z"></path><circle id="Oval" cx="29" cy="27" r="1"></circle><path id="Shape" d="m56.633 8.9c-3.357-2.679-12.77-8.9-27.633-8.9s-24.276 6.221-27.633 8.9c-.32250266.26134181-.44818609.6958474-.315 1.089l3.311 8.943c.15318574.5044085.66976984.805022 1.184.689l9.678-2.234c.4549933-.1050643.7766996-.5110369.775-.978v-4.47c.0035289-.9555328.4584709-1.8531811 1.227-2.421 3.4466522-2.40250801 7.5732833-3.63562516 11.773-3.518 4.1992477-.11756043 8.3254417 1.11518035 11.772 3.517.7690637.5679231 1.2243934 1.4659756 1.228 2.422v4.47c.000167.4654679.3214673.8692698.775.974l9.678 2.234c.5024136.1155274 1.0103174-.1698167 1.173-.659l3.332-9c.1196533-.38594415-.0093147-.8057846-.325-1.058z"></path><path id="Shape" d="m44.625 19.863-2.3-.53c-1.363853-.3103495-2.3299058-1.5252907-2.325-2.924v-4.47c.0004014-.3221918-.1544593-.6248401-.416-.813-3.1023636-2.14821455-6.8123197-3.24395554-10.584-3.126-3.7719643-.11774584-7.4821737.97796646-10.585 3.126-.2611625.1883761-.4156329.4909891-.415.813v4.47c.0049058 1.3987093-.961147 2.6136505-2.325 2.924l-2.3.53-10.219 16.181c-.10117478.1605296-.15522742.3462489-.156.536v6.42c0 .5522847.44771525 1 1 1h50c.5522847 0 1-.4477153 1-1v-6.42c-.0011059-.1912375-.0558472-.3783281-.158-.54zm-15.625 18.137c-6.0751322 0-11-4.9248678-11-11s4.9248678-11 11-11 11 4.9248678 11 11c-.0071635 6.0721626-4.9278374 10.9928365-11 11z"></path>
</g>
</g></svg>
                </span>
              </div>
            </div>
            <div class="u-align-center u-container-style u-hidden-sm u-hidden-xs u-layout-cell u-size-23 u-layout-cell-2">
              <div class="u-container-layout u-valign-middle u-container-layout-2">
                <p class="u-custom-font u-font-titillium-Web u-text u-text-1">
                  <a href="tel:604-290-8422">(604) 290-8422</a>
                </p>
              </div>
            </div>
            <div class="u-align-center u-container-style u-hidden-sm u-hidden-xs u-layout-cell u-size-7 u-layout-cell-3">
              <div class="u-container-layout u-valign-middle u-container-layout-3">
                <span class="u-icon u-icon-circle u-text-body-color u-icon-2">
                  <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-4f42"></use></svg>
                  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svg-4f42" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" class="u-svg-content"><g><g><path d="M467,61H45c-6.927,0-13.412,1.703-19.279,4.51L255,294.789l51.389-49.387c0,0,0.004-0.005,0.005-0.007    c0.001-0.002,0.005-0.004,0.005-0.004L486.286,65.514C480.418,62.705,473.929,61,467,61z"></path>
</g>
</g><g><g><path d="M507.496,86.728L338.213,256.002L507.49,425.279c2.807-5.867,4.51-12.352,4.51-19.279V106    C512,99.077,510.301,92.593,507.496,86.728z"></path>
</g>
</g><g><g><path d="M4.51,86.721C1.703,92.588,0,99.073,0,106v300c0,6.923,1.701,13.409,4.506,19.274L173.789,256L4.51,86.721z"></path>
</g>
</g><g><g><path d="M317.002,277.213l-51.396,49.393c-2.93,2.93-6.768,4.395-10.605,4.395s-7.676-1.465-10.605-4.395L195,277.211    L25.714,446.486C31.582,449.295,38.071,451,45,451h422c6.927,0,13.412-1.703,19.279-4.51L317.002,277.213z"></path>
</g>
</g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
                </span>
              </div>
            </div>
            <div class="u-align-center u-container-style u-hidden-sm u-hidden-xs u-layout-cell u-right-cell u-size-25 u-layout-cell-4">
              <div class="u-container-layout u-valign-middle u-container-layout-4">
                <p class="u-custom-font u-font-titillium-Web u-text u-text-default u-text-2">
                  <a href="mailto:office@sspaving.net">office@sspaving.net</a>
                </p>
              </div>
            </div>
          </div>
        </div>
      </div><nav class="u-menu u-menu-dropdown u-offcanvas u-menu-1" data-responsive-from="MD">
        <div class="menu-collapse u-custom-font u-font-titillium-Web" style="font-size: 1rem; letter-spacing: 0;">
          <a class="u-button-style u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-top-bottom-menu-spacing u-nav-link u-text-active-black u-text-body-color u-text-hover-palette-3-base" href="#">
            <svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol id="menu-hamburger" viewBox="0 0 16 16" style="width: 16px; height: 16px;"><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
</symbol>
</defs></svg>
          </a>
        </div>
        <div class="u-custom-menu u-nav-container">
          <ul class="u-custom-font u-font-titillium-Web u-nav u-spacing-100 u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-black u-text-body-color u-text-hover-palette-3-base" href="index.php" style="padding: 10px 20px;">HOME</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-black u-text-body-color u-text-hover-palette-3-base" href="about.php" style="padding: 10px 20px;">ABOUT</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-black u-text-body-color u-text-hover-palette-3-base" style="padding: 10px 20px;">SERVICES</a><div class="u-nav-popup"><ul class="u-h-spacing-20 u-nav u-unstyled u-v-spacing-10 u-nav-2"><li class="u-nav-item"><a class="u-active-grey-50 u-black u-button-style u-hover-palette-3-base u-nav-link" href="commercial-paving.php">Commercial</a>
</li><li class="u-nav-item"><a class="u-active-grey-50 u-black u-button-style u-hover-palette-3-base u-nav-link" href="residential-paving.php">Residential</a>
</li></ul>
</div>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-black u-text-body-color u-text-hover-palette-3-base" href="gallery.php" style="padding: 10px 20px;">GALLERY</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-black u-text-body-color u-text-hover-palette-3-base" href="contact.php" style="padding: 10px 20px;">CONTACT</a>
</li></ul>
        </div>
        <div class="u-custom-menu u-nav-container-collapse">
          <div class="u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
            <div class="u-menu-close"></div>
            <ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-3"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="index.php" style="padding: 10px 20px;">HOME</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="about.php" style="padding: 10px 20px;">ABOUT</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" style="padding: 10px 20px;">SERVICES</a><div class="u-nav-popup"><ul class="u-h-spacing-20 u-nav u-unstyled u-v-spacing-10 u-nav-4"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="commercial-paving.php">Commercial</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="residential-paving.php">Residential</a>
</li></ul>
</div>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="gallery.php" style="padding: 10px 20px;">GALLERY</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="contact.php" style="padding: 10px 20px;">CONTACT</a>
</li></ul>
          </div>
          <div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
        </div>
      </nav><div class="u-container-style u-expanded-width u-group u-palette-3-base u-group-1">
        <div class="u-container-layout u-container-layout-5"></div>
      </div></header>
    <section class="skrollable u-align-left u-clearfix u-image u-parallax u-shading u-section-1" id="carousel_24a0" data-image-width="1100" data-image-height="619">
      <div class="u-container-style u-expanded-width u-group u-palette-3-base u-group-1">
        <div class="u-container-layout u-container-layout-1"></div>
      </div>
      <div class="u-container-style u-expanded-width u-group u-white u-group-2">
        <div class="u-container-layout u-container-layout-2"></div>
      </div>
      <div class="u-align-center u-container-style u-group u-group-3" data-animation-name="slideIn" data-animation-duration="2000" data-animation-delay="0" data-animation-direction="Down">
        <div class="u-container-layout u-container-layout-3">
          <h1 class="u-color-scheme-u10 u-color-style-multicolor-1 u-custom-font u-font-oswald u-text u-text-palette-3-base u-title u-text-1">CONTACT</h1>
          <h2 class="u-text u-text-2">Thanks for your interest in S&amp;S Asphalt Paving. What can we do for you?</h2>
          <a href="tel:604-290-8422" class="u-active-white u-btn u-button-style u-hover-palette-3-base u-text-active-black u-text-hover-white u-white u-btn-1">Call Us Now</a>
        </div>
      </div>
    </section>
    <section class="u-clearfix u-grey-5 u-section-2" id="carousel_ac53">
      <div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
        <h2 class="u-custom-font u-font-oswald u-text u-text-default u-text-1" data-animation-name="fadeIn" data-animation-duration="1000" data-animation-delay="0">Let's Connect</h2>
        <div class="u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
          <div class="u-layout">
            <div class="u-layout-col">
              <div class="u-size-30">
                <div class="u-layout-row">
                  <div class="u-align-center u-container-style u-layout-cell u-left-cell u-size-15 u-size-30-md u-layout-cell-1" data-animation-name="fadeIn" data-animation-duration="1000" data-animation-delay="0">
                    <div class="u-container-layout u-container-layout-1">
                      <span class="u-icon u-icon-circle u-text-palette-3-base u-icon-1">
                        <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-fb01"></use></svg>
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svg-fb01" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" class="u-svg-content"><g><g><path d="M256,0C153.755,0,70.573,83.182,70.573,185.426c0,126.888,165.939,313.167,173.004,321.035    c6.636,7.391,18.222,7.378,24.846,0c7.065-7.868,173.004-194.147,173.004-321.035C441.425,83.182,358.244,0,256,0z M256,278.719    c-51.442,0-93.292-41.851-93.292-93.293S204.559,92.134,256,92.134s93.291,41.851,93.291,93.293S307.441,278.719,256,278.719z"></path>
</g>
</g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
                      </span>
                      <cms:editable name='contact_address' type='richtext'><h6 class="u-text u-text-default u-text-2">OUR MAIN OFFICE</h6>
                      <p class="u-text u-text-default u-text-3">407-800 15355 24th Ave, Surrey, British Columbia</p></cms:editable>
                    </div>
                  </div>
                  <div class="u-align-center u-container-style u-layout-cell u-size-15 u-size-30-md u-layout-cell-2" data-animation-name="fadeIn" data-animation-duration="1000" data-animation-delay="0">
                    <div class="u-container-layout u-valign-top-lg u-valign-top-xl u-container-layout-2">
                      <span class="u-icon u-icon-circle u-text-palette-3-base u-icon-2">
                        <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 384 384" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-cd86"></use></svg>
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svg-cd86" x="0px" y="0px" viewBox="0 0 384 384" style="enable-background:new 0 0 384 384;" xml:space="preserve" class="u-svg-content"><g><g><path d="M353.188,252.052c-23.51,0-46.594-3.677-68.469-10.906c-10.719-3.656-23.896-0.302-30.438,6.417l-43.177,32.594    c-50.073-26.729-80.917-57.563-107.281-107.26l31.635-42.052c8.219-8.208,11.167-20.198,7.635-31.448    c-7.26-21.99-10.948-45.063-10.948-68.583C132.146,13.823,118.323,0,101.333,0H30.813C13.823,0,0,13.823,0,30.813    C0,225.563,158.438,384,353.188,384c16.99,0,30.813-13.823,30.813-30.813v-70.323C384,265.875,370.177,252.052,353.188,252.052z"></path>
</g>
</g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
                      </span>
                      <cms:editable name='contact_phone' type='richtext'><h6 class="u-text u-text-default u-text-4">phone number</h6>
                      <p class="u-text u-text-default u-text-5">
                        <a href="tel:604-290-8422">(604) 290-8422</a>
                      </p></cms:editable>
                    </div>
                  </div>
                  <div class="u-align-center-md u-align-center-sm u-align-center-xs u-container-style u-layout-cell u-size-15 u-size-30-md u-layout-cell-3" data-animation-name="fadeIn" data-animation-duration="1000" data-animation-delay="0">
                    <div class="u-container-layout u-valign-top u-container-layout-3">
                      <span class="u-icon u-icon-circle u-text-palette-3-base u-icon-3">
                        <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-e055"></use></svg>
                        <svg xmlns="http://www.w3.org/2000/svg" id="svg-e055" enable-background="new 0 0 512 512" viewBox="0 0 512 512" class="u-svg-content"><path d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z"></path></svg>
                      </span>
                      <cms:editable name='contact_fax' type='richtext'><h6 class="u-align-center-lg u-align-center-xl u-text u-text-default u-text-6">fax</h6>
                      <p class="u-align-center-lg u-align-center-xl u-text u-text-default u-text-7">(604) 535-0249</p></cms:editable>
                    </div>
                  </div>
                  <div class="u-align-center u-container-style u-layout-cell u-right-cell u-size-15 u-size-30-md u-layout-cell-4" data-animation-name="fadeIn" data-animation-duration="1000" data-animation-delay="0">
                    <div class="u-container-layout u-valign-top u-container-layout-4">
                      <span class="u-icon u-icon-circle u-text-palette-3-base u-icon-4">
                        <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-d2c4"></use></svg>
                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svg-d2c4" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" class="u-svg-content"><g><g><path d="M467,61H45c-6.927,0-13.412,1.703-19.279,4.51L255,294.789l51.389-49.387c0,0,0.004-0.005,0.005-0.007    c0.001-0.002,0.005-0.004,0.005-0.004L486.286,65.514C480.418,62.705,473.929,61,467,61z"></path>
</g>
</g><g><g><path d="M507.496,86.728L338.213,256.002L507.49,425.279c2.807-5.867,4.51-12.352,4.51-19.279V106    C512,99.077,510.301,92.593,507.496,86.728z"></path>
</g>
</g><g><g><path d="M4.51,86.721C1.703,92.588,0,99.073,0,106v300c0,6.923,1.701,13.409,4.506,19.274L173.789,256L4.51,86.721z"></path>
</g>
</g><g><g><path d="M317.002,277.213l-51.396,49.393c-2.93,2.93-6.768,4.395-10.605,4.395s-7.676-1.465-10.605-4.395L195,277.211    L25.714,446.486C31.582,449.295,38.071,451,45,451h422c6.927,0,13.412-1.703,19.279-4.51L317.002,277.213z"></path>
</g>
</g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
                      </span>
                      <cms:editable name='contact_mail' type='richtext'><h6 class="u-text u-text-default u-text-8">mail</h6>
                      <p class="u-text u-text-default u-text-9">
                        <a href="mailto:office@sspaving.net">office@sspaving.net</a>
                      </p></cms:editable>
                    </div>
                  </div>
                </div>
              </div>
              <div class="u-size-30">
                <div class="u-layout-row">
                  <div class="u-size-30">
                    <div class="u-layout-col">
                      <div class="u-container-style u-layout-cell u-left-cell u-size-60 u-layout-cell-5" data-animation-name="fadeIn" data-animation-duration="1000" data-animation-delay="0">
                        <div class="u-container-layout u-container-layout-5">
                          <h3 class="u-text u-text-default u-text-10">REQUEST A QUOTE</h3>
                          <script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\" src=\"contactform.php" + window.location.search + "\" width=\"100%\" height=\"708\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E&lt;a href=\"contactform.php\" title=\"contactform\"&gt;&lt;/a&gt;%3C/iframe%3E"));</script>
<noscript>
  <iframe height="708" style="border:none; background:transparent; overflow:hidden; width:100%;"
  id="fb_iframe" src="contactform/contactform.html">
  </iframe>
</noscript>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="u-size-30">
                    <div class="u-layout-col">
                      <div class="u-container-style u-layout-cell u-right-cell u-size-60 u-layout-cell-6" data-animation-name="fadeIn" data-animation-duration="1000" data-animation-delay="0">
                        <div class="u-container-layout u-container-layout-6">
                          <cms:editable name='contact_hours' type='richtext'><h3 class="u-text u-text-default u-text-11">we are here</h3>
                          <h6 class="u-text u-text-default u-text-12">Mon-Fri 8:30am- 5pm / Phones are open 24/7</h6></cms:editable>
                          <div class="u-grey-light-2 u-map u-map-1">
                            <div class="embed-responsive">
                            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2603.128621319297!2d-123.12479998402695!3d49.27395997930911!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x548673d727d5a461%3A0x5a8ffad26ac1d524!2s1231%20Pacific%20Blvd%20%23245%2C%20Vancouver%2C%20BC%20V6Z%200E2!5e0!3m2!1sen!2sca!4v1680028159318!5m2!1sen!2sca" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    
    
    <footer class="u-clearfix u-footer u-white" id="sec-f87a"><div class="u-clearfix u-sheet u-valign-top-xs u-sheet-1">
        <div class="u-clearfix u-expanded-width-lg u-expanded-width-md u-expanded-width-xl u-gutter-30 u-layout-wrap u-layout-wrap-1">
          <div class="u-gutter-0 u-layout">
            <div class="u-layout-row">
              <div class="u-align-left u-container-style u-layout-cell u-left-cell u-size-20 u-size-20-md u-layout-cell-1">
                <div class="u-container-layout u-container-layout-1"><!--position-->
                  <div data-position="" class="u-position u-position-1"><!--block-->
                    <div class="u-block">
                      <div class="u-block-container u-clearfix"><!--block_header-->
                        <h5 class="u-block-header u-text u-text-1"><!--block_header_content--> Information<!--/block_header_content--></h5><!--/block_header--><!--block_content-->
                        <div class="u-block-content u-text u-text-2"><!--block_content_content-->
                          <a href="about.php"> About Us<br>
                          </a>
                          <a href="privacy.php">Privacy Policy<br>
                          </a>
                          <a href="terms.php">Terms + Conditions</a><!--/block_content_content-->
                        </div><!--/block_content-->
                      </div>
                    </div><!--/block-->
                  </div><!--/position-->
                </div>
              </div>
              <div class="u-align-left u-container-style u-layout-cell u-size-20 u-size-20-md u-layout-cell-2">
                <div class="u-container-layout u-container-layout-2"><!--position-->
                  <div data-position="" class="u-position u-position-2"><!--block-->
                    <div class="u-block">
                      <div class="u-block-container u-clearfix"><!--block_header-->
                        <h5 class="u-block-header u-text u-text-3"><!--block_header_content--> Services<!--/block_header_content--></h5><!--/block_header--><!--block_content-->
                        <div class="u-block-content u-text u-text-4"><!--block_content_content-->
                          <a href="commercial-paving.php"> Commercial Paving<br>
                          </a>
                          <a href="residential-paving.php">Residential Paving</a><!--/block_content_content-->
                        </div><!--/block_content-->
                      </div>
                    </div><!--/block-->
                  </div><!--/position-->
                </div>
              </div>
              <div class="u-align-left u-container-style u-layout-cell u-right-cell u-size-20 u-size-20-md u-layout-cell-3">
                <div class="u-container-layout u-container-layout-3"><!--position-->
                  <div data-position="" class="u-position u-position-3"><!--block-->
                    <div class="u-block">
                      <div class="u-block-container u-clearfix"><!--block_header-->
                        <h5 class="u-block-header u-text u-text-5"><!--block_header_content--> Contact<!--/block_header_content--></h5><!--/block_header--><!--block_content-->
                        <div class="u-block-content u-text u-text-6"><!--block_content_content-->Phone: <a href="tel:604-290-8422">(604) 290-8422</a>
                          <br>    Email: <a href="mailto:office@sspaving.net">office@sspaving.net</a><!--/block_content_content-->
                        </div><!--/block_content-->
                      </div>
                    </div><!--/block-->
                  </div><!--/position-->
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="u-border-1 u-border-white u-expanded-width u-line u-line-horizontal u-opacity u-opacity-50 u-line-1"></div>
        <a href="#" class="u-hidden-xs u-image u-logo u-image-1" data-image-width="375" data-image-height="114">
          <img src="images/SSPaving-LogoSMALLonTRANSPARENT.png" class="u-logo-image u-logo-image-1" data-image-width="264.2129">
        </a>
        <img src="images/postidol-media.png" alt="" class="u-image u-image-contain u-image-default u-image-2">
        <div class="u-social-icons u-spacing-25 u-social-icons-1">
          <a class="u-social-url" target="_blank" href="https://facebook.com/Sspaving/">
            <span class="u-icon u-icon-circle u-social-facebook u-social-type-logo u-icon-1">
              <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-8925"></use></svg>
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 112 112" x="0px" y="0px" id="svg-8925"><path d="M75.5,28.8H65.4c-1.5,0-4,0.9-4,4.3v9.4h13.9l-1.5,15.8H61.4v45.1H42.8V58.3h-8.8V42.4h8.8V32.2 c0-7.4,3.4-18.8,18.8-18.8h13.8v15.4H75.5z"></path></svg>
            </span>
          </a>
          <a class="u-social-url" target="_blank" href="https://twitter.com/SSPaving">
            <span class="u-icon u-icon-circle u-social-twitter u-social-type-logo u-icon-2">
              <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-3613"></use></svg>
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 112 112" x="0px" y="0px" id="svg-3613"><path d="M92.2,38.2c0,0.8,0,1.6,0,2.3c0,24.3-18.6,52.4-52.6,52.4c-10.6,0.1-20.2-2.9-28.5-8.2 c1.4,0.2,2.9,0.2,4.4,0.2c8.7,0,16.7-2.9,23-7.9c-8.1-0.2-14.9-5.5-17.3-12.8c1.1,0.2,2.4,0.2,3.4,0.2c1.6,0,3.3-0.2,4.8-0.7 c-8.4-1.6-14.9-9.2-14.9-18c0-0.2,0-0.2,0-0.2c2.5,1.4,5.4,2.2,8.4,2.3c-5-3.3-8.3-8.9-8.3-15.4c0-3.4,1-6.5,2.5-9.2 c9.1,11.1,22.7,18.5,38,19.2c-0.2-1.4-0.4-2.8-0.4-4.3c0.1-10,8.3-18.2,18.5-18.2c5.4,0,10.1,2.2,13.5,5.7c4.3-0.8,8.1-2.3,11.7-4.5 c-1.4,4.3-4.3,7.9-8.1,10.1c3.7-0.4,7.3-1.4,10.6-2.9C98.9,32.3,95.7,35.5,92.2,38.2z"></path></svg>
            </span>
          </a>
          <a class="u-social-url" target="_blank" href="https://www.instagram.com/pavingvancouver/">
            <span class="u-icon u-icon-circle u-social-instagram u-social-type-logo u-icon-3">
              <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-efd0"></use></svg>
              <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 112 112" x="0px" y="0px" id="svg-efd0"><path d="M55.9,32.9c-12.8,0-23.2,10.4-23.2,23.2s10.4,23.2,23.2,23.2s23.2-10.4,23.2-23.2S68.7,32.9,55.9,32.9z M55.9,69.4c-7.4,0-13.3-6-13.3-13.3c-0.1-7.4,6-13.3,13.3-13.3s13.3,6,13.3,13.3C69.3,63.5,63.3,69.4,55.9,69.4z"></path><path d="M79.7,26.8c-3,0-5.4,2.5-5.4,5.4s2.5,5.4,5.4,5.4c3,0,5.4-2.5,5.4-5.4S82.7,26.8,79.7,26.8z"></path><path d="M78.2,11H33.5C21,11,10.8,21.3,10.8,33.7v44.7c0,12.6,10.2,22.8,22.7,22.8h44.7c12.6,0,22.7-10.2,22.7-22.7 V33.7C100.8,21.1,90.6,11,78.2,11z M91,78.4c0,7.1-5.8,12.8-12.8,12.8H33.5c-7.1,0-12.8-5.8-12.8-12.8V33.7 c0-7.1,5.8-12.8,12.8-12.8h44.7c7.1,0,12.8,5.8,12.8,12.8V78.4z"></path></svg>
            </span>
          </a>
        </div>
      </div></footer>
    <span style="height: 64px; width: 64px; margin-left: 0; margin-right: auto; margin-top: 0; background-image: none; right: 20px; bottom: 20px" class="u-back-to-top u-black u-icon u-icon-circle u-opacity u-opacity-85 u-spacing-15" data-href="#">
      <svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 551.13 551.13"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-1d98"></use></svg>
      <svg class="u-svg-content" enable-background="new 0 0 551.13 551.13" viewBox="0 0 551.13 551.13" xmlns="http://www.w3.org/2000/svg" id="svg-1d98"><path d="m275.565 189.451 223.897 223.897h51.668l-275.565-275.565-275.565 275.565h51.668z"></path></svg>
    </span>
  </body>
</html>
<?php COUCH::invoke(); ?>