<section class="position-relative pt-32 pb-28 bg-black overflow-hidden">
<img class="position-absolute top-0 start-0" src="gradia-assets/elements/contact/radial3.svg" alt="">
<div class="position-relative container" style="z-index: 50;">
<div class="row g-16">
<div class="col-12 col-md-6">
<div class="mw-md-lg">
<h2 class="fs-6 fw-semibold text-white lh-sm mb-7">Want to get in touch with us?</h2>
<p class="text-secondary-light mw-md-sm mb-0">Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.</p>
</div>
</div>
<div class="col-12 col-md-6">
<div class="mw-md-md ms-auto">
<h2 class="d-inline-block fs-17 fw-semibold mb-4" style="background: linear-gradient(98.24deg, #6CD5F7 0%, #FEE2CE 35.94%, #B0A9DF 69.27%, #5B6AF0 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">Send us a mail</h2>
<p class="fs-15 text-white mb-16">[email protected]</p>
<h2 class="d-inline-block fs-17 fw-semibold mb-4" style="background: linear-gradient(98.24deg, #6CD5F7 0%, #FEE2CE 35.94%, #B0A9DF 69.27%, #5B6AF0 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">Follow us</h2>
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link fs-15 fw-normal text-white" href="#">Facebook</a></li>
<li class="nav-item"><a class="nav-link fs-15 fw-normal text-white" href="#">Twitter</a></li>
<li class="nav-item"><a class="nav-link fs-15 fw-normal text-white" href="#">Linkedin</a></li>
<li class="nav-item"><a class="nav-link fs-15 fw-normal text-white" href="#">Instagram</a></li>
<li class="nav-item"><a class="nav-link fs-15 fw-normal text-white" href="#">Pinterest</a></li>
</ul>
</div>
</div>
</div>
</div>
</section>Framework
Bootstrap
UI Library
All Libraries
Components
- Alert 85
- Application 53
- Banners 15
- Blog 56
- Call to action 95
- Careers 4
- Contact 38
- Content 59
- Cookies 41
- E-commerce (orders) 14
- E-commerce (products) 24
- FAQ 43
- Features 132
- Footers 53
- Graphs 18
- HTTP codes 48
- Hero section 91
- How it works 43
- Logo clouds 72
- Modals 3
- Navbar 68
- Navigation (horizontal) 92
- Navigation (vertical) 6
- Newsletter 45
- Portfolio 39
- Pricing 43
- Projects 9
- Reviews 5
- Sign in / Sign up 71
- Stats 76
- Tables 57
- Team 41
- Testimonials 41
- Users 25
A clear contact path is a key component of a successful website. The contact form or address data should be clearly highlighted on it.
Choose from many variations of the Bootstrap components contacts. The variants shown here are available in various UI libraries in the Shuffle editor. You will also find many other types of components that will be in the same style. This will allow you to build a comprehensive Bootstrap website template. Each library is designed by a professional designer and coded by our team of developers.
Get access to all sections of the Bootstrap components contacts, code and our editor. Try the demo for free.
