<section class="py-12 py-lg-24 bg-black position-relative overflow-hidden">
<div class="container position-relative">
<div class="mw-lg mx-auto mw-md-5xl">
<div class="row align-items-center">
<div class="col-md-6 mb-20 mb-md-0">
<div class="mw-sm mw-xl-md"><span class="badge mb-4 text-primary">Nightsable Card</span>
<h1 class="font-heading h3 text-white mb-6" style="letter-spacing: -0.2rem;">Making credit history with snazycard</h1>
<p class="mw-xs text-secondary-light mb-10">Nightsable is a strategic branding agency focused on brand creation, rebrands, and brand</p><a class="btn btn-primary" href="#">Start now</a>
</div>
</div>
<div class="col-md-6 position-relative"><img class="position-absolute top-0 start-0 mt-n80 ms-n52" src="nightsable-assets/images/features/bg-blur.png" alt=""><img class="img-fluid d-block w-100" src="nightsable-assets/images/features/card.png" alt=""></div>
</div>
</div>
</div>
</section>
Can't find the right component?
Describe it and Shuffle AI builds it in seconds, ready to edit and export.
Free to start
Generate with AI
