<!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/XyCHB78/bg23.png);
background-repeat: repeat;
background-size:cover;
}
.h-9 {
height: 2.25rem!important;
}
.h-15 {
height: 5rem!important;
}
.h-11 {
height: 3rem!important;
}
</style>
</head>
<body>
<section class="bg-full position-relative">
<div class="container" style="padding-top: 100px;">
<div class="row gx-0 gy-5 align-items-center text-center text-lg-start">
<div class="col-lg-6 col-xxl-5 position-relative">
<img src="https://bootstraplily.com/demo/images/doodle1.svg" class="h-9 position-absolute d-none d-lg-block" style="top: -9%; left: -6%" alt="">
<img src="https://bootstraplily.com/demo/images/doodle2.svg" class="h-15 position-absolute d-none d-lg-block" style="bottom: 9%; right: -22%" alt="">
<h1 class="display-3 fw-bold mb-4">Manage all your books, magazine lending in <span class="text-primary">one place.</span></h1>
<p class="fs-4 text-body-tertiary fw-semibold mb-5">Dropbox is available to download from both App Store and Google Play Store.</p>
<div class="d-flex justify-content-center justify-content-lg-start">
<span><a href="#" class="me-2"><img src="https://bootstraplily.com/demo/images/button-appstore.svg" class="h-11 rounded-3" alt=""></a></span>
<span><a href="#"><img src="https://bootstraplily.com/demo/images/button-google-play.svg" class="h-11 rounded-3" alt=""></a></span>
</div>
</div>
<!-- /column -->
<div class="col-lg-6 ms-auto mb-4" style="margin-bottom: -15rem !important;">
<figure class="position-relative"><img src="https://i.ibb.co/30yjt6y/devices3.png" alt=""></figure>
</div>
<!-- /column -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
<div class="overflow-hidden" style="z-index:1;">
<div class="text-light">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100"><g fill="currentColor"><polygon points="1440 100 0 100 0 85 1440 0 1440 100" /></g></svg>
</div>
</div>
<!-- /.overflow-hidden -->
</section>
<!-- /section -->
</body>
</html>
