<section>
<div class="container">
<div class="row gutter-0">
<div class="col-lg-6">
<a href="" class="card card-fill bordered border-primary text-hover-primary hover-arrow">
<div class="card-body foreground">
<h4 class="font-weight-bold mb-2">Let's connect. Follow us on social media.</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</p>
</div>
</a>
</div>
<div class="col-lg-6">
<a href="" class="card card-fill hover-arrow bg-primary text-white">
<div class="card-body">
<h4 class="font-weight-bold mb-2">We'd love to get in touch with you and your team.</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</p>
</div>
<figure class="canvas">
<img src="assets/images/figure-4.svg" alt="">
</figure>
</a>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col">
<a href="" class="card bg-primary text-white hover-arrow px-5">
<div class="row">
<div class="col-lg-6 py-5">
<h4 class="font-weight-bold">Got special requests ?
<br>Get in touch.</h4>
</div>
<div class="col-lg-3">
<figure class="canvas">
<img src="assets/images/figure-4.svg" alt="">
</figure>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<section class="text-white overflow-hidden">
<div class="container foreground">
<div class="row justify-content-center">
<div class="col-lg-10 text-center">
<h2 class="display-2">Got a special request ? <br>Get in touch.</h2>
<a href="" class="btn btn-white btn-rounded btn-with-icon">Write Us <i class="icon-arrow-right"></i></a>
</div>
</div>
</div>
<figure class="image image-scroll image-overlay-primary" style="background-image: url('../assets/images/small-6.jpg')"
data-bottom-top="transform: scale(1);"
data-top-bottom="transform: scale(1.1);"></figure>
</section>