Bootstrap Fact 5 Section

How to use this Bootstrap snippet

Our Success

We have a proven track record of success.

60+

Finished Projects

18k+

Issues Solved

10k+

Happy Customers

How to use this Bootstrap Fact 5 Section

Place the code in the <body> for Interface 
          
<!-- Fact 5 - Bootstrap Brain Component -->
<section class="bsb-fact-5 py-3 py-md-5">
  <div class="container">
    <div class="row justify-content-md-center">
      <div class="col-12 col-md-10 col-lg-8 col-xl-7">
        <h3 class="fs-5 mb-2 text-secondary text-center text-uppercase">Our Success</h3>
        <h2 class="display-5 mb-5 mb-xl-9 text-center">We have a proven track record of success.</h2>
      </div>
    </div>
  </div>

  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="container-fluid bg-light border shadow">
          <div class="row">
            <div class="col-12 col-md-4 p-0">
              <div class="card border-0 bg-transparent">
                <div class="card-body text-center p-4 p-xxl-5">
                  <h3 class="display-4 fw-bold mb-2">60+</h3>
                  <p class="fs-5 mb-0 text-secondary">Finished Projects</p>
                </div>
              </div>
            </div>
            <div class="col-12 col-md-4 p-0 border-top border-bottom border-start border-end">
              <div class="card border-0 bg-transparent">
                <div class="card-body text-center p-4 p-xxl-5">
                  <h3 class="display-4 fw-bold mb-2">18k+</h3>
                  <p class="fs-5 mb-0 text-secondary">Issues Solved</p>
                </div>
              </div>
            </div>
            <div class="col-12 col-md-4 p-0">
              <div class="card border-0 bg-transparent">
                <div class="card-body text-center p-4 p-xxl-5">
                  <h3 class="display-4 fw-bold mb-2">10k+</h3>
                  <p class="fs-5 mb-0 text-secondary">Happy Customers</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
Place the <link> tag in the <head> for CSS 
          
<link rel="stylesheet" href="https://unpkg.com/bootstrap@5.3.3/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://unpkg.com/bs-brain@2.0.4/components/facts/fact-5/assets/css/fact-5.css">

This Bootstrap Fun Fact Snippet has a modern and impressive format. This Bootstrap Fun Fact section portrays various company stats elegantly. The layout of this Bootstrap Fun Fact component is ultra-responsive. This Bootstrap Fun Fact example is elementary to incorporate in the Bootstrap website templates. This Bootstrap Fun Fact code sits on the top of the Bootstrap 5 framework.