→ 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

595

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

5 months ago

2k

v.5.3
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

5 months ago

1k

v.5.3
Stats cards using Bootstrap 5
BS5 stat cards

Author:
Anonymous

9 months ago

5.2k

v.5.3
Interactive Data Visualization Dashboard

Author:
Ross Wille

7 months ago

1.1k

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

Author:
Nguyen Minh

10 months ago

904

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

Author:
Riz Mohammad

9 months ago

763

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

Author:
Mishti

9 months ago

1.4k

v.4.6
Dashboard Statistics Cards

Author:
Aisha Bello

4 months ago

1.1k

v.5.3
Split Landing Page
Split Landing Page

Author:
Rami AlAjo

1 month ago

350

v.4.6
Minimal Pagination

Author:
Levi Treadwell

4 months ago

450

v.5.3
HTML and Bootstrap for Registration Form
HTML: Personal Information Section: Includes fields for full name, email, date of birth, bio, and profile image. Company Information Section: Includes fields for company name, company size (using a dropdown), and location. Submit Button: A button to submit the form. CSS: Background Gradient: Applied to the body. Card Styling: Styled with rounded corners and padding. Button Styling: Custom colors for the submit button. Validation Styling: Highlight invalid fields and display error messages. JavaScript: Validation Logic: Checks if required fields are filled and updates the feedback area with error or success messages. Dynamic Feedback: Updates the form with success or error messages based on validation.

Author:
zobaidul kaziex

7 months ago

4.1k

v.4.6
Accordion example with Bootstrap 5.3

Author:
Ankit khedkar

9 months ago

3.4k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent