→ Juan Martinez
→ Features section

Features section

This bootstrap css example is contributed by Juan Martinez, on 15-Jul-2024. Component is made with bootstrap css v.5.3. It is responsive. similar terms for this example are Services,Why choose us

Tags: Feature showcase

Author Juan Martinez

371

v.5.3

Fork Fullscreen

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">

<section class="py-5 bg-light">
    <div class="container">
        <div class="row g-4">
            <div class="col-md-4">
                <div class="d-flex align-items-center">
                    <i class="bi bi-gear-fill text-primary fs-1 me-3"></i>
                    <div>
                        <h4 class="mb-1">Easy Setup</h4>
                        <p class="mb-0 text-muted">Get started in minutes, not hours.</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="d-flex align-items-center">
                    <i class="bi bi-graph-up text-primary fs-1 me-3"></i>
                    <div>
                        <h4 class="mb-1">Grow Faster</h4>
                        <p class="mb-0 text-muted">Accelerate your business growth.</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="d-flex align-items-center">
                    <i class="bi bi-headset text-primary fs-1 me-3"></i>
                    <div>
                        <h4 class="mb-1">24/7 Support</h4>
                        <p class="mb-0 text-muted">We're here to help, anytime.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

More Examples

Modern Service Cards Component With Icons

Author:
Alaric Sloane

2 months ago

217

v.5.3
Feature showcase
Feature showcase with icos

Author:
Anonymous

9 months ago

392

v.4.6
Feature showcase cards

Author:
Mateo Rojas

1 month ago

112

v.5.3
Features Section
with icons

Author:
Anonymous

5 months ago

220

v.5.3
Interactive Service Cards | Bootstrap 5.3
Modern Bootstrap 5.3 component with elegant card rotations and hover animations. Perfect for featuring services, products, or team members

Author:
Anonymous

1 month ago

489

v.5.3
Features section
Showcase features with icons

Author:
Prajwal Hallale

10 months ago

323

v.4.6
Service Cards with Hover Effects
service showcase component featuring neuromorphic design cards with smooth hover effects, gradient accents, and responsive layout.

Author:
Alaric Sloane

2 months ago

326

v.5.3
HTML and JavaScript for Product Showcase Page
JavaScript: Pagination Handling: The script fetches images based on the current page and updates the pagination controls dynamically. Product Cards: Each product is displayed as a card with an image, title, description, and price

Author:
zobaidul kaziex

4 months ago

262

v.4.6
Feature Cards
showcases three key features with a clean, minimal design.

Author:
Alaric Sloane

2 months ago

259

v.5.3
Bento Grid with Bootstrap 5

Author:
C B

3 months ago

419

v.5.3
Image gallery in bootstrap
Responsive Image gallery

Author:
Mateo Rojas

1 month ago

337

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

4 months ago

384

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent