Bootstrap Fact 2 Section

How to use this Bootstrap snippet

The Finest Design Agency

You convey the idea, and we deliver a refined interface.

We're one of the finest web design agencies that team up with startups, agencies, and founders to design digital products and websites.

More Details

60

Finished Projects

18k+

Issues Solved

10k+

Happy Customers

78

Awwwards Winning

How to use this Bootstrap Fact 2 Section

Place the code in the <body> for Interface 
          
<!-- Fact 2 - Bootstrap Brain Component -->
<section class="bg-light py-3 py-md-5 py-xl-8">
  <div class="container">
    <div class="row gy-3 gy-md-5 gy-lg-0 align-items-center">
      <div class="col-12 col-lg-5">
        <h3 class="fs-6 text-secondary mb-2 mb-xl-3">The Finest Design Agency</h3>
        <h2 class="display-5 mb-3 mb-xl-4">You convey the idea, and we deliver a refined interface.</h2>
        <p class="mb-4 mb-xl-5">We're one of the finest web design agencies that team up with startups, agencies, and founders to design digital products and websites.</p>
        <a href="#!" class="btn bsb-btn-2xl btn-primary rounded-pill">More Details</a>
      </div>
      <div class="col-12 col-lg-7">
        <div class="row justify-content-xl-end">
          <div class="col-12 col-xl-11">
            <div class="row gy-3 gy-md-4">
              <div class="col-12 col-sm-6">
                <div class="card border-0 border-bottom border-primary shadow-sm">
                  <div class="card-body text-center p-4 p-xxl-5">
                    <h3 class="display-1 mb-2">60</h3>
                    <p class="fs-5 mb-0 text-secondary">Finished Projects</p>
                  </div>
                </div>
              </div>
              <div class="col-12 col-sm-6">
                <div class="card border-0 border-bottom border-primary shadow-sm">
                  <div class="card-body text-center p-4 p-xxl-5">
                    <h3 class="display-1 mb-2">18k+</h3>
                    <p class="fs-5 mb-0 text-secondary">Issues Solved</p>
                  </div>
                </div>
              </div>
              <div class="col-12 col-sm-6">
                <div class="card border-0 border-bottom border-primary shadow-sm">
                  <div class="card-body text-center p-4 p-xxl-5">
                    <h3 class="display-1 mb-2">10k+</h3>
                    <p class="fs-5 mb-0 text-secondary">Happy Customers</p>
                  </div>
                </div>
              </div>
              <div class="col-12 col-sm-6">
                <div class="card border-0 border-bottom border-primary shadow-sm">
                  <div class="card-body text-center p-4 p-xxl-5">
                    <h3 class="display-1 mb-2">78</h3>
                    <p class="fs-5 mb-0 text-secondary">Awwwards Winning</p>
                  </div>
                </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/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/components/facts/fact-2/assets/css/fact-2.css">

Fun facts elements display various exciting stats about the company or user profile. This Bootstrap Fun Fact section has a modern and clean design. You can blend this snippet into your web projects very quickly. This Bootstrap Fun Fact elements section has a prominent Call to Action (CTA) button with an appealing header and description. The mobile-first design has made this snippet ultra-responsive.