<section class="py-24 md:py-40 bg-gray-900 relative">
<div class="absolute top-0 left-0 w-full h-6">
<div class="mx-8 h-6 bg-white"></div>
</div>
<div class="container px-4 mx-auto">
<div class="flex flex-wrap items-center -mx-4 mb-28">
<div class="w-full xl:w-2/3 px-4 mb-8 xl:mb-0">
<h3 class="font-heading text-2xl sm:text-3xl text-white mb-4">Have any question?</h3>
<h2 class="font-heading text-4xl sm:text-5xl md:text-6xl text-white">Follow us and our story</h2>
</div>
<div class="w-full xl:w-auto px-4 xl:ml-auto"><a class="inline-block px-7 py-4 text-center font-medium border border-gray-500 hover:border-gray-400 text-white rounded" href="#">Get Started</a></div>
</div>
<div class="flex flex-wrap -mx-4 -mb-8">
<div class="w-1/2 lg:w-1/3 xl:w-1/5 px-4 mb-8">
<h4 class="text-white mb-5">About</h4>
<ul>
<li class="mb-4"><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Story</a></li>
<li class="mb-4"><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Creative Team</a></li>
<li class="mb-4"><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Founders</a></li>
<li class="mb-4"><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Why Us</a></li>
<li class="mb-4"><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Our Mission</a></li>
<li><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Idea</a></li>
</ul>
</div>
<div class="w-1/2 lg:w-1/3 xl:w-1/5 px-4 mb-8">
<h4 class="text-white mb-5">Product</h4>
<ul>
<li class="mb-4"><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Plans</a></li>
<li class="mb-4"><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Pricing</a></li>
<li class="mb-4"><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Integration</a></li>
<li class="mb-4"><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Sign Up</a></li>
<li><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Careers</a></li>
</ul>
</div>
<div class="w-1/2 lg:w-1/3 xl:w-1/5 px-4 mb-8">
<h4 class="text-white mb-5">Follow</h4>
<ul>
<li class="mb-4"><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">LinkedIn</a></li>
<li class="mb-4"><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Twitter</a></li>
<li class="mb-4"><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Snapchat</a></li>
<li class="mb-4"><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Instagram</a></li>
<li><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Facebook</a></li>
</ul>
</div>
<div class="w-1/2 lg:w-1/3 xl:w-1/5 px-4 mb-8">
<h4 class="text-white mb-5">Application</h4>
<ul>
<li class="mb-4"><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Download Desktop</a></li>
<li class="mb-4"><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Download Mobile</a></li>
<li class="mb-4"><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Sign Up</a></li>
<li class="mb-4"><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Sign In</a></li>
<li class="mb-4"><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Your history</a></li>
<li class="mb-4"><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">FAQ's</a></li>
<li><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Integrations</a></li>
</ul>
</div>
<div class="w-1/2 lg:w-1/3 xl:w-1/5 px-4 mb-8">
<h4 class="text-white mb-5">Support</h4>
<ul>
<li class="mb-4"><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">FAQ's</a></li>
<li class="mb-4"><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Live Chat</a></li>
<li class="mb-4"><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Hotline +442234480171</a></li>
<li><a class="inline-block text-gray-500 hover:text-gray-400 font-light" href="#">Messages</a></li>
</ul>
</div>
</div>
<div class="mt-24 pb-16 -mb-4 border-b border-gray-700"><a class="inline-block text-gray-500 hover:text-gray-400 font-light mb-4 mr-4" href="#">Privacy Policy</a><a class="inline-block text-gray-500 hover:text-gray-400 font-light mb-4 mr-4" href="#">Responsible Disclosure</a><a class="inline-block text-gray-500 hover:text-gray-400 font-light mb-4 mr-4" href="#">Program Policy</a><a class="inline-block text-gray-500 hover:text-gray-400 font-light mb-4" href="#">Terms and Conditions</a></div>
<div class="flex items-center justify-end mt-10">
<span class="text-white">© 2022 Wrexa</span>
<a class="inline-block ml-8" href="#">
<img class="w-16 h-16" src="wrexa-assets/logos/wrexa-logo-primary.svg" alt="">
</a>
</div>
</div>
</section>