→ 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

338

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

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

1 month ago

164

v.5.3
Interactive Data Visualization Dashboard

Author:
Ross Wille

3 months ago

270

v.5.3
Dashboard Statistics Cards

Author:
Aisha Bello

5 days ago

29

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

Author:
Riz Mohammad

5 months ago

326

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

Author:
Mishti

6 months ago

389

v.4.6
Stats cards using Bootstrap 5
BS5 stat cards

Author:
Anonymous

5 months ago

1.4k

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

Author:
Nguyen Minh

6 months ago

351

v.4.6
Responsive Dashboard Statistics Cards

Author:
Ankit khedkar

1 month ago

230

v.5.3
Interactive image carousel using Bootstrap 5
Full-width carousel with automatically sliding images

Author:
Prajwal Hallale

9 months ago

318

v.5.3
Contact Us Page with Google Maps and Form Validation
HTML: Form Fields: Includes fields for name, email, and message. Google Map: A div with an id of map where the Google Map will be displayed. Feedback Elements: <div> elements for displaying validation messages and success messages. CSS: Styling: Adds padding for the contact section, sets the map height, and styles feedback and success messages. JavaScript: Google Maps Initialization: Uses the Google Maps JavaScript API to create and display a map centered at specified coordinates. Replace YOUR_GOOGLE_MAPS_API_KEY with your actual API key. Form Validation: Validates the input fields and displays appropriate messages if the input is invalid or missing. How to Use: Replace API Key: Insert your Google Maps API key in the script tag for Google Maps. Customize Coordinates: Update the latitude and longitude in the initMap function to reflect your actual location. Validation Rules: Customize validation logic as needed for your form requirements.

Author:
zobaidul kaziex

3 months ago

2.3k

v.4.6
Interactive Kanban Task Board

Author:
Anonymous

3 months ago

1.4k

v.5.3
Cookie Consent Banner Made with bootstrap
Fade from the bottom with options and persistent storage

Author:
Arturo

3 days ago

25

v.5.3

Didn't find component you were looking for?

Search from 280+ componenent