<!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">
<style>
.bg-cover {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: scroll!important;
background-image:url("https://i.ibb.co/bP15v2q/bg37.jpg");
}
</style>
</head>
<body>
<section class="bg-cover">
<div class="container py-5">
<div class="row py-5">
<div class="col-sm-6 col-xxl-5 text-center text-sm-start">
<h2 class="display-3 fw-bold mb-4 mt-0 mt-lg-5 ls-xs pe-xl-5 pe-xxl-0">We bring solutions to make life <span class="link-underline-success">easier</span></h2>
<p class="lead mb-5 pe-lg-5 pe-xl-5 pe-xxl-0">We are a creative company that focuses on long term relationships with customers.</p>
<div><a href="#" class="btn btn-lg btn-danger px-5">Read More</a></div>
</div>
<!--/column -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<!-- /section -->
</body>
</html>
