<footer id="footer" class="footer bg-base-1">
<div class="footer-top">
<div class="container">
<div class="row cols-xs-space cols-sm-space cols-md-space align-items-center">
<div class="col-lg-6">
<div class="pr-5">
<h3 class="heading heading-3 strong-500 text-normal line-height-1_6">
Let's talk about your project.<br>
branding, social media and e-commerce at
</h3>
<a href="#" class="link link--style-2 heading-3 strong-500">
office@webpixels.io
<i class="ion-arrow-right-c ml-3"></i>
</a>
</div>
<span class="delimiter delimiter--style-1 delimiter--style-1-v2"></span>
<div class="pr-5">
<h3 class="heading heading-4 strong-500 text-normal line-height-1_6">
<span class="c-gray-light">P:</span> +40 777 955 482,
<span class="c-gray-light">P:</span> +40 777 955 582,
</h3>
<h3 class="heading heading-4 strong-500 text-normal line-height-1_6">
<span class="c-gray-light">A:</span> 5th Avenue, Emerald, New York
</h3>
</div>
<ul class="social-media social-media--style-1-v4 mt-5">
<li>
<a href="#" class="facebook" target="_blank" data-toggle="tooltip" data-original-title="Facebook">
<i class="fa fa-facebook"></i>
</a>
</li>
<li>
<a href="#" class="instagram" target="_blank" data-toggle="tooltip" data-original-title="Instagram">
<i class="fa fa-instagram"></i>
</a>
</li>
<li>
<a href="#" class="dribbble" target="_blank" data-toggle="tooltip" data-original-title="Dribbble">
<i class="fa fa-dribbble"></i>
</a>
</li>
<li>
<a href="#" class="dribbble" target="_blank" data-toggle="tooltip" data-original-title="Github">
<i class="fa fa-github"></i>
</a>
</li>
</ul>
</div>
<div class="col-lg-4 ml-lg-auto">
<div class="block block-image-holder">
<div class="block-image">
<img src="<?php echo $rp; ?>assets/images/prv/other/img-6-1000x900.jpg">
</div>
<div class="block-body card-body--overlay d-flex align-items-center">
<div class="card-body-inner text-center">
<a href="" class="link link-sm link--style-4 link--bb text-uppercase ls-2 strong-600">Contact us</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>