Bootstrap hero header snipp – v20

bootstrap hero header snipp

<!DOCTYPE html>
<html lang="en">

  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Bootstrap header snipp</title>
  <link href="" rel="stylesheet">
  .bg-full {
    background-image: url(;
    background-repeat: repeat;
.h-9 {
    height: 2.25rem!important;
.h-15 {
    height: 5rem!important;
.h-11 {
    height: 3rem!important;


  <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="" class="h-9 position-absolute d-none d-lg-block"  style="top: -9%; left: -6%" alt="">
          <img src="" 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="" class="h-11 rounded-3" alt=""></a></span>
            <span><a href="#"><img src="" class="h-11 rounded-3" alt=""></a></span>
        <!-- /column -->
        <div class="col-lg-6 ms-auto mb-4" style="margin-bottom: -15rem !important;">
          <figure class="position-relative"><img src="" alt=""></figure>
        <!-- /column -->
      <!-- /.row -->
    <!-- /.container -->
    <div class="overflow-hidden" style="z-index:1;">
      <div class="text-light">
        <svg xmlns="" viewBox="0 0 1440 100"><g fill="currentColor"><polygon points="1440 100 0 100 0 85 1440 0 1440 100" /></g></svg>
    <!-- /.overflow-hidden -->
  <!-- /section -->

Spread the love

Related Posts

Begin typing your search term above and press enter to search. Press ESC to cancel.

Back To Top