<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>Framework
All Frameworks
UI Library
All Libraries
Components
- Alert 253
- Application 179
- Banner 53
- Blog 217
- Call to action 338
- Cards 24
- Careers 20
- Charts 3
- Contact 147
- Content 187
- Cookies 168
- E-commerce (orders) 56
- E-commerce (products) 93
- FAQ 145
- Features 427
- Footers 205
- Forms 6
- Gallery 5
- Graphs 55
- HTTP codes 170
- Headers 296
- How it works 184
- Logo clouds 262
- Modals 24
- Navbar 212
- Navigation (horizontal) 340
- Navigation (vertical) 18
- Newsletter 168
- Notifications 4
- Portfolio 161
- Pricing 173
- Projects 9
- Reviews 20
- Rich text 3
- Section headings 72
- Sign in / Sign up 255
- Stats 238
- Tables 147
- Team 160
- Testimonials 193
- Users 59
Component #1
Footers Components by Shuffle
Choose from 205 variations of Footers UI components. Presented here are variants available in various UI libraries.
Get access to all UI components, code, and our visual editor. Try the demo for free!
Component #2
Component #3
Component #4
Component #5
Component #6
