<section class="bg-black position-relative overflow-hidden">
<div class="container position-relative">
<div class="mw-4xl mx-auto">
<div class="row align-items-center align-items-xl-stretch">
<div class="col-md-6 d-xl-none position-relative order-last order-md-first"><img class="position-absolute top-0 end-0 mt-12 mt-md-0 me-n24" src="nightsable-assets/images/application-section/lines.png" alt=""><img class="img-fluid" src="nightsable-assets/images/application-section/phone.png" alt=""></div>
<div class="d-none d-xl-block col-xl-7 position-relative h-100"><img class="position-absolute top-50 end-0 me-n24 mt-32" src="nightsable-assets/images/application-section/lines.png" alt=""><img class="position-absolute top-50 start-0 ms-n32" src="nightsable-assets/images/application-section/phone.png" alt=""></div>
<div class="col-md-6 col-xl-5">
<div class="mw-sm mx-auto me-md-0 py-12 py-md-52">
<div class="mw-xs mb-6"><span class="badge mb-4 text-primary">Nightsable Card</span>
<h3 class="font-heading mb-6" style="letter-spacing: -0.1rem;">Get a Nightsable App</h3>
<p class="text-secondary-light mb-0">Nightsable is a strategic branding agency focused on brand creation, rebrands, and brand</p>
</div>
<div class="d-flex"><a class="btn me-6 p-0" href="#"><img class="img-fluid" src="nightsable-assets/images/application-section/app-store.png" alt=""></a><a class="btn p-0" href="#"><img class="img-fluid" src="nightsable-assets/images/application-section/google-play.png" alt=""></a></div>
</div>
</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
