<!-- Contact Us Section -->
            <div class="position-relative">
              <div class="u-gradient-half-primary-v1">
                <div class="container u-space-3-top u-space-4-bottom">
                  <div class="row justify-content-md-between align-items-md-start">
                    <div class="col-md-6 mb-7 mb-md-0">
                      <h2 class="text-white mb-5">You wish us<br>to talk about <span class="font-weight-bold">your project</span>?</h2>
                      <a class="h4 u-link-light" href="mailto:support@htmlstream.com">support@htmlstream.com</a>
                    </div>

                    <div class="col-md-6 mt-md-auto text-md-right">
                      <!-- Social Networks -->
                      <ul class="list-inline">
                        <li class="list-inline-item">
                          <a class="u-bg-transparent u-icon u-icon-light--air" href="#">
                            <span class="fab fa-facebook-f u-icon__inner"></span>
                          </a>
                        </li>
                        <li class="list-inline-item">
                          <a class="u-bg-transparent u-icon u-icon-light--air" href="#">
                            <span class="fab fa-google u-icon__inner"></span>
                          </a>
                        </li>
                        <li class="list-inline-item">
                          <a class="u-bg-transparent u-icon u-icon-light--air" href="#">
                            <span class="fab fa-twitter u-icon__inner"></span>
                          </a>
                        </li>
                        <li class="list-inline-item">
                          <a class="u-bg-transparent u-icon u-icon-light--air" href="#">
                            <span class="fab fa-github u-icon__inner"></span>
                          </a>
                        </li>
                      </ul>
                      <!-- End Social Networks -->

                      <span class="h4 u-text-light">+1 (062) 109-9222</span>
                    </div>
                  </div>
                </div>
              </div>

              <!-- SVG Background -->
              <figure class="position-absolute-bottom-0 z-index-2">
                <svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                     width="100%" height="140px" viewBox="20 -20 300 100" style="margin-bottom: -8px;" xml:space="preserve">
                  <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 Contact Us Section -->