<section class="py-12 py-lg-24 bg-black overflow-hidden">
<div class="container">
<div class="text-center mb-20"><span class="badge mb-4 text-primary">Nightsable Card</span>
<h1 class="font-heading h2 text-white mb-6" style="letter-spacing: -0.2rem;">Blog</h1>
</div>
<div class="d-flex justify-content-center"><a class="btn mx-5 p-0 flex-shrink-0 w-100 mw-xs mw-md-md mw-lg-xl text-start border-0" href="#"><img class="img-fluid d-block w-100 mb-8" src="nightsable-assets/images/blog/hand.png" alt="">
<div class="mw-md">
<h6 class="mb-4">Women in business: an interview with Sarah Townsend</h6>
<p class="mw-sm text-white text-opacity-75 mb-6">Nightsable is a strategic branding agency focused on brand creation, rebrands, and brand</p>
<div class="d-flex align-items-center"><img class="img-fluid" src="nightsable-assets/images/blog/avatar.png" alt=""><span class="ms-4 lh-lg fs-9 fw-medium">Wade Warren</span><span class="mx-4">
<svg width="3" height="3" viewBox="0 0 3 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.492 3H0.574V0.83H2.492V3Z" fill="white"></path>
</svg></span><span class="fs-9 lh-lg fw-medium">9 min read</span></div>
</div></a><a class="btn mx-5 p-0 flex-shrink-0 w-100 mw-xs mw-md-md mw-lg-xl text-start border-0" href="#"><img class="img-fluid d-block w-100 mb-8" src="nightsable-assets/images/blog/skyscraper.png" alt="">
<div class="mw-md">
<h6 class="mb-4">Women in business: an interview with Sarah Townsend</h6>
<p class="mw-sm text-white text-opacity-75 mb-6">Nightsable is a strategic branding agency focused on brand creation, rebrands, and brand</p>
<div class="d-flex align-items-center"><img class="img-fluid" src="nightsable-assets/images/blog/avatar.png" alt=""><span class="ms-4 lh-lg fs-9 fw-medium">Wade Warren</span><span class="mx-4">
<svg width="3" height="3" viewBox="0 0 3 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.492 3H0.574V0.83H2.492V3Z" fill="white"></path>
</svg></span><span class="fs-9 lh-lg fw-medium">9 min read</span></div>
</div></a><a class="btn mx-5 p-0 flex-shrink-0 w-100 mw-xs mw-md-md mw-lg-xl text-start border-0" href="#"><img class="img-fluid d-block w-100 mb-8" src="nightsable-assets/images/blog/cash.png" alt="">
<div class="mw-md">
<h6 class="mb-4">Women in business: an interview with Sarah Townsend</h6>
<p class="mw-sm text-white text-opacity-75 mb-6">Nightsable is a strategic branding agency focused on brand creation, rebrands, and brand</p>
<div class="d-flex align-items-center"><img class="img-fluid" src="nightsable-assets/images/blog/avatar.png" alt=""><span class="ms-4 fs-9 lh-lg fw-medium">Wade Warren</span><span class="mx-4">
<svg width="3" height="3" viewBox="0 0 3 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.492 3H0.574V0.83H2.492V3Z" fill="white"></path>
</svg></span><span class="fs-9 lh-lg fw-medium">9 min read</span></div>
</div></a></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
