Contact us

We'd love to talk about how we can help you.

SVG Illustration

HTML:

          
            <!-- Hire Us Title Section -->
            <div class="position-relative u-gradient-half-primary-v1 z-index-2">
              <div class="container u-space-4-top u-space-5-top--md u-space-2-bottom u-space-5-bottom--lg">
                <div class="row">
                  <div class="col-md-4">
                    <h1 class="text-white">Contact <span class="font-weight-bold">us</span></h1>
                    <p class="lead u-text-light">We'd love to talk about how we can help you.</p>
                  </div>
                </div>
              </div>

              <div class="col-md-8 col-lg-7 position-absolute-bottom-right-0--md z-index-2">
                <!-- SVG Icon -->
                <img src="../../assets/svg/flat-icons/forum-flat-concept-illustration.svg" alt="SVG Illustration">
                <!-- End SVG Icon -->
              </div>

              <!-- SVG Background Shapes -->
              <figure class="w-100 w-sm-75 w-md-40 u-content-centered-y z-index-minus-1 ml-9">
                <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                     viewBox="0 0 849.4 419.7" style="enable-background:new 0 0 849.4 419.7;" xml:space="preserve">
                  <g>
                    <linearGradient id="hireUsBgShape1" gradientUnits="userSpaceOnUse" x1="0.644" y1="109.4822" x2="84.356" y2="109.4822">
                      <stop class="u-stop-color-warning" offset="7.500810e-08"/>
                      <stop class="u-stop-color-danger" offset="1"/>
                    </linearGradient>
                    <path fill="url(#hireUsBgShape1)" d="M77.6,157.5L77.6,157.5c-7.3,5.4-17.7,3.7-23.1-3.6L3.8,84.5c-5.4-7.3-3.7-17.7,3.6-23.1l0,0
                      c7.3-5.4,17.7-3.7,23.1,3.6l50.7,69.4C86.5,141.8,84.9,152.2,77.6,157.5z"/>
                  </g>
                  <g>
                    <linearGradient id="hireUsBgShape2" gradientUnits="userSpaceOnUse" x1="366.1731" y1="39.5945" x2="430.9116" y2="39.5945">
                      <stop class="u-stop-color-primary" offset="7.500810e-08"/>
                      <stop class="u-stop-color-info" offset="1"/>
                    </linearGradient>
                    <path fill="url(#hireUsBgShape2)" d="M425.7,76.7L425.7,76.7c-5.7,4.1-13.7,2.9-17.8-2.8l-39.2-53.7c-4.1-5.7-2.9-13.7,2.8-17.8l0,0
                      c5.7-4.1,13.7-2.9,17.8,2.8l39.2,53.7C432.6,64.6,431.4,72.6,425.7,76.7z"/>
                  </g>
                  <linearGradient id="hireUsBgShape3" gradientUnits="userSpaceOnUse" x1="716" y1="109.4822" x2="739" y2="109.4822">
                    <stop class="u-stop-color-primary" offset="7.500810e-08"/>
                    <stop class="u-stop-color-info" offset="1"/>
                  </linearGradient>
                  <circle fill="url(#hireUsBgShape3)" cx="727.5" cy="109.5" r="11.5"/>
                  <linearGradient id="hireUsBgShape4" gradientUnits="userSpaceOnUse" x1="0" y1="317.4822" x2="29" y2="317.4822">
                    <stop class="u-stop-color-warning" offset="7.500810e-08"/>
                    <stop class="u-stop-color-danger" offset="1"/>
                  </linearGradient>
                  <circle fill="url(#hireUsBgShape4)" cx="14.5" cy="317.5" r="14.5"/>
                  <g>
                    <linearGradient id="hireUsBgShape5" gradientUnits="userSpaceOnUse" x1="139.1731" y1="371.5945" x2="203.9116" y2="371.5945">
                      <stop class="u-stop-color-primary" offset="7.500810e-08"/>
                      <stop class="u-stop-color-info" offset="1"/>
                    </linearGradient>
                    <path fill="url(#hireUsBgShape5)" d="M198.7,408.7L198.7,408.7c-5.7,4.1-13.7,2.9-17.8-2.8l-39.2-53.7c-4.1-5.7-2.9-13.7,2.8-17.8l0,0
                      c5.7-4.1,13.7-2.9,17.8,2.8l39.2,53.7C205.6,396.6,204.4,404.6,198.7,408.7z"/>
                  </g>
                  <g>
                    <linearGradient id="hireUsBgShape6" gradientUnits="userSpaceOnUse" x1="765.644" y1="368.4822" x2="849.356" y2="368.4822">
                      <stop class="u-stop-color-warning" offset="7.500810e-08"/>
                      <stop class="u-stop-color-danger" offset="1"/>
                    </linearGradient>
                    <path fill="url(#hireUsBgShape6)" d="M842.6,416.5L842.6,416.5c-7.3,5.4-17.7,3.7-23.1-3.6l-50.7-69.4c-5.4-7.3-3.7-17.7,3.6-23.1v0
                      c7.3-5.4,17.7-3.7,23.1,3.6l50.7,69.4C851.5,400.8,849.9,411.2,842.6,416.5z"/>
                  </g>
                </svg>
              </figure>
              <!-- End SVG Background Shapes -->

              <!-- SVG Background -->
              <figure class="position-absolute-bottom-0">
                <svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100px" viewBox="20 -20 300 100">
                  <path class="u-fill-white" opacity="0.4" d="M30.913,43.944c0,0,42.911-34.464,87.51-14.191c77.31,35.14,113.304-1.952,146.638-4.729
              c48.654-4.056,69.94,16.218,69.94,16.218v54.396H30.913V43.944z" />
                  <path class="u-fill-white" opacity="0.4" d="M-35.667,44.628c0,0,42.91-34.463,87.51-14.191c77.31,35.141,113.304-1.952,146.639-4.729
              c48.653-4.055,69.939,16.218,69.939,16.218v54.396H-35.667V44.628z" />
                  <path class="u-fill-white" opacity="0" d="M43.415,98.342c0,0,48.283-68.927,109.133-68.927c65.886,0,97.983,67.914,97.983,67.914v3.716
              H42.401L43.415,98.342z" />
                  <path class="u-fill-white" d="M-34.667,62.998c0,0,56-45.667,120.316-27.839C167.484,57.842,197,41.332,232.286,30.428
              c53.07-16.399,104.047,36.903,104.047,36.903l1.333,36.667l-372-2.954L-34.667,62.998z" />
                </svg>
              </figure>
              <!-- End SVG Background Section -->
            </div>
            <!-- End Hire Us Title Section -->