<!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-full {
background-image: url(https://i.ibb.co/4MSWwGs/bg22.png);
background-size:cover;
}
</style>
</head>
<body>
<div class="bg-full">
<div class="py-5">
<div class="container">
<div class="row g-lg-5 align-items-center text-center text-lg-start">
<div class="col-lg-7">
<h1 class="display-3 pb-4 fw-bold">Networking <span class="text-primary">solutions</span> for worldwide communication</h1>
<p class="fs-4 text-black-50 pb-5">We're a company that focuses on establishing long-term relationships with customers.</p>
<a href="#" class="btn btn-lg btn-danger rounded px-5">Explore Now</a>
</div>
<!--/column -->
<div class="col-lg-5 col-10 mx-auto">
<img class="img-fluid pt-5 pt-lg-0" src="https://bootstraplily.com/demo/images/Connected%20world-amico.svg" alt="" />
</div>
<!--/column -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</div>
<!--/.card-body -->
</div>
</body>
</html>
