<div class="container py-5">
<div class="row g-4 align-items-center bg-light rounded-4 p-4">
<div class="col-md-6"><img src="https://images.unsplash.com/photo-1499750310107-5fef28a66643?w=800&h=600&fit=crop" alt="Person reading email newsletter" class="img-fluid rounded-4"></div>
<div class="col-md-6"><span class="text-primary fw-bold text-uppercase small">Newsletter</span>
<h2 class="fw-bold mt-2">Stay in the loop</h2>
<p class="text-muted">Get new components, tutorials, and freebies straight to your inbox — twice a month.</p>
<form class="row g-2">
<div class="col-8"><input type="email" class="form-control" placeholder="Email address"></div>
<div class="col-4"><button class="btn btn-primary w-100">Join</button></div>
</form>
</div>
</div>
</div>