Bootstrap five hero banner snipp example v05

Bootstrap five hero banner snipp example v05

hero banner snipp

Whole html/css code

<!doctype html>
<html lang="en">
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Bootstrap CSS -->
<link href="" rel="stylesheet">

<title>Hero banner snipp</title>


<section class="bg-light py-5">
  <div class="container text-center">
    <div class="row">
      <div class="col-md-10 col-lg-8 col-xl-8 col-xxl-7 mx-auto mb-3">
        <h1 class="display-5 mb-4">Staying on top of your bills never been this easy</h1>
        <p class="lead mb-5">Easily achieve your saving goals. Have all your recurring and one time expenses and incomes in one place.</p>
        <div class="d-flex justify-content-center">
              <a class="btn btn-primary btn-lg rounded mx-2 px-4">Get Started</a>
               <a class="btn btn-outline-dark btn-lg rounded mx-2 px-4">Free Trial</a>
      <!-- /column -->
    <!-- /.row -->

    <div class="row">
      <div class="col-11 col-sm-10 col-lg-11 mx-auto">
       <img src="" class="img-fluid">

      <!-- /column -->
    <!-- /.row -->
  <!-- /.container -->
<!-- /section -->


jsfiddle example

Spread the love

Related Posts

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

Back To Top