<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container"><a class="navbar-brand fw-bold" href="#">STUDIO<span class="text-warning">.</span></a>
<ul class="navbar-nav ms-auto flex-row gap-3">
<li class="nav-item"><a class="nav-link" href="#">Work</a></li>
<li class="nav-item"><a class="nav-link" href="#">About</a></li>
<li class="nav-item"><a class="nav-link" href="#">Contact</a></li>
</ul>
</div>
</nav>
<section class="py-5 bg-dark text-white">
<div class="container py-5"><span class="text-warning">— Creative Studio</span>
<h1 class="display-2 fw-bold">We craft <em class="text-warning">bold</em> brands & digital products.</h1>
<p class="lead text-white-50 mt-3" style="max-width:600px">A boutique agency in Dhaka helping ambitious teams grow through design.</p><a href="#" class="btn btn-warning btn-lg mt-3">See our work →</a>
</div>
</section>
<section class="py-5">
<div class="container">
<h3 class="fw-bold mb-4">Selected work</h3>
<div class="row g-4">
<div class="col-md-6"><a href="#" class="d-block text-decoration-none text-dark"><img src="https://images.unsplash.com/photo-1600880292203-757bb62b4baf?w=800&h=600&fit=crop" alt="Brand identity project cover" class="img-fluid rounded-4">
<h5 class="fw-bold mt-3">Nova Brand Identity</h5><small class="text-muted">Branding · 2025</small>
</a></div>
<div class="col-md-6"><a href="#" class="d-block text-decoration-none text-dark"><img src="https://images.unsplash.com/photo-1558655146-9f40138edfeb?w=800&h=600&fit=crop" alt="App design project cover" class="img-fluid rounded-4">
<h5 class="fw-bold mt-3">Zephyr Mobile App</h5><small class="text-muted">UI/UX · 2024</small>
</a></div>
<div class="col-md-6"><a href="#" class="d-block text-decoration-none text-dark"><img src="https://images.unsplash.com/photo-1561070791-2526d30994b8?w=800&h=600&fit=crop" alt="Website design project cover" class="img-fluid rounded-4">
<h5 class="fw-bold mt-3">Ember Restaurant Web</h5><small class="text-muted">Web · 2024</small>
</a></div>
<div class="col-md-6"><a href="#" class="d-block text-decoration-none text-dark"><img src="https://images.unsplash.com/photo-1626785774573-4b799315345d?w=800&h=600&fit=crop" alt="Packaging design cover" class="img-fluid rounded-4">
<h5 class="fw-bold mt-3">Terra Packaging</h5><small class="text-muted">Packaging · 2023</small>
</a></div>
</div>
</div>
</section>
<section class="py-5 bg-warning">
<div class="container text-center py-3">
<h2 class="fw-bold">Let's build something extraordinary.</h2><a href="#" class="btn btn-dark btn-lg mt-2">Start a project</a>
</div>
</section>
<footer class="py-4 bg-black text-white text-center">
<div class="container"><small>© STUDIO 2026 · Dhaka</small></div>
</footer>