<!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="bg-success-subtle" style="padding-bottom:278px; padding-top: 100px;">
<div class="container text-center">
<div class="row">
<div class="col-lg-8 col-xl-7 col-xxl-6 mx-auto">
<h1 class="display-4 fw-bold mb-4">We bring solutions to make life easier.</h1>
<p class="lead fs-3 mb-5">We are a creative company that focuses on long term relationships with customers.</p>
<div>
<a class="btn btn-warning rounded-pill me-2 px-5 py-3 mb-5">Read More</a>
</div>
</div>
<!-- /column -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<!-- /section -->
<section class="py-5 bg-dark">
<div class="container">
<div class="row">
<div class="col-12 col-lg-10 mx-auto">
<figure class="mb-5 text-center position-relative" style="margin-top:-300px;"><img src="https://source.unsplash.com/Of_m3hMsoAA/1400x700" class="img-fluid rounded-3" alt="" /></figure>
</div>
</div>
</div>
<!-- /.container -->
</section>
<!-- /section -->
</body>
</html>
