Bootstrap hero header snipp with client logo images – v27

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">


  <div class="bg-light">
    <div class="container text-center">
      <div class="row align-items-center">
        <div class="col-lg-6 order-lg-2">
          <img class="img-fluid" src="" alt="" />
        <!-- /column -->
        <div class="col-lg-6 text-center text-lg-start">
          <h1 class="display-4 fw-bold mb-5">A digital agency specializing on <span class="text-primary">mobile design,web design,3D animation</span></h1>
          <p class="fs-4 mb-5 text-secondary">We are an award winning design agency that strongly believes in the power of creative ideas.</p>
          <span><a class="btn btn-primary px-5 py-3 fw-semibold rounded-pill me-2">Get Started</a></span>
        <!-- /column -->
      <!-- /.row -->
      <p class="text-center mb-5 fw-semibold text-black-50 pt-5">Trusted by over 2K+ clients across the world</p>
      <div class="row row-cols-3 row-cols-lg-6">
        <div><img class="img-fluid px-2 px-lg-4 mb-5" src="images/c1.png" alt="" /></div>
        <div><img class="img-fluid px-2 px-lg-4 mb-5" src="images/c2.png" alt="" /></div>
        <div><img class="img-fluid px-2 px-lg-4 mb-5" src="images/c3.png" alt="" /></div>
        <div><img class="img-fluid px-2 px-lg-4 mb-5" src="images/c4.png" alt="" /></div>
        <div><img class="img-fluid px-2 px-lg-4 mb-5" src="images/c5.png" alt="" /></div>
        <div><img class="img-fluid px-2 px-lg-4 mb-5" src="images/c6.png" alt="" /></div>
      <!-- /.row -->
    <!-- /.container -->
  <!-- /section -->

Spread the love

Related Posts

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

Back To Top