<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bootstrap header snipp</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<section class="py-5 bg-light">
<div class="container">
<div class="row text-center">
<div class="col-lg-9 col-xxl-7 mx-auto">
<h2 class="display-4 fw-bold mb-4">Creative. Smart. Awesome.</h2>
<p class="lead fs-3 lh-sm px-md-5 mb-5">We are an award winning web & mobile design agency that strongly believes in the power of creative ideas.</p>
</div>
<!-- /column -->
</div>
<!-- /.row -->
<div class="d-flex justify-content-center">
<span><a class="btn btn-warning rounded-pill me-2 px-5 py-3 mx-1 fw-bold">See Projects</a></span>
<span><a class="btn btn-outline-warning rounded-pill me-2 px-5 py-3 mx-1 fw-bold">Contact Us</a></span>
</div>
<!-- /div -->
<div class="row mt-5">
<div class="col-lg-8 mx-auto">
<figure><img class="img-fluid" src="https://bootstraplily.com/demo/images/Team-cuate.svg" alt=""></figure>
</div>
<!-- /column -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<!-- /section -->
</body>
</html>
