→ Tane Mahuta
→ Simple stats section

Simple stats section

Forked from> @tane-mahuta/about-our-company

Minimalist stats example made with bootstrap 5

This bootstrap css example is contributed by Tane Mahuta, on 17-Jul-2024. Component is made with bootstrap css v.5.3. It is responsive. similar terms for this example are Info, Show info, Statistics

Tags: Stats

Author Tane Mahuta

461

v.5.3

Fork Fullscreen

<div class="row mt-5">
    <div class="col-md-3 col-6 mb-4">
        <div class="text-center">
            <i class="bi bi-people fs-1 text-primary mb-2"></i>
            <h2 class="fw-bold">500+</h2>
            <p class="text-muted">Clients</p>
        </div>
    </div>
    <div class="col-md-3 col-6 mb-4">
        <div class="text-center">
            <i class="bi bi-briefcase fs-1 text-primary mb-2"></i>
            <h2 class="fw-bold">1000+</h2>
            <p class="text-muted">Projects</p>
        </div>
    </div>
    <div class="col-md-3 col-6 mb-4">
        <div class="text-center">
            <i class="bi bi-trophy fs-1 text-primary mb-2"></i>
            <h2 class="fw-bold">50+</h2>
            <p class="text-muted">Awards</p>
        </div>
    </div>
    <div class="col-md-3 col-6 mb-4">
        <div class="text-center">
            <i class="bi bi-globe fs-1 text-primary mb-2"></i>
            <h2 class="fw-bold">20+</h2>
            <p class="text-muted">Countries</p>
        </div>
    </div>
</div>

More Examples

Responsive Dashboard Statistics Cards

Author:
Ankit khedkar

4 months ago

1.1k

v.5.3
Beautiful Stats Section
App stats section with icons. with hover effect

Author:
Riz Mohammad

7 months ago

537

v.5.3
Stats cards using Bootstrap 5
BS5 stat cards

Author:
Anonymous

7 months ago

3.3k

v.5.3
Dashboard Statistics Cards

Author:
Aisha Bello

2 months ago

582

v.5.3
Interactive Data Visualization Dashboard

Author:
Ross Wille

5 months ago

624

v.5.3
Stats section
Show your product/website stats beautifully

Author:
Nguyen Minh

8 months ago

564

v.4.6
Modern Dashboard Analytics Card
A sleek, modern dashboard component featuring animated metric cards with progress indicators and trend badges. Perfect for displaying key business metrics like revenue, users, and orders with visual progress tracking.

Author:
Alaric Sloane

4 months ago

561

v.5.3
Stats card made with boostrap 4.6
Minimal admin stats card

Author:
Mishti

8 months ago

867

v.4.6
Login form with social login buttons

Author:
Juan Martinez

7 months ago

3.4k

v.5.3
Search bar with search icon in bootstrap 5

Author:
Anonymous

2 months ago

469

v.5.3
Bootstrap tabs filled
Clean, modern design with a filled background

Author:
Prajwal Hallale

2 months ago

249

v.5.3
Error Page, you can use HTML, CSS, and Bootstrap.
HTML: Error Title: A large, bold number (e.g., 404) to indicate the error type. Error Message: A brief message explaining the error. Button: A button to navigate back to the home page. Adjust the href attribute to point to your actual home page URL. CSS: Background Gradient: Applied to the body to give a stylish look. Error Container: Centered on the page with a semi-transparent background for contrast. Button Styling: Custom colors for the button, including hover effects.

Author:
zobaidul kaziex

5 months ago

587

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent