about us #1

This bootstrap css example is contributed by java stories story, on 30-Jul-2025. Component is made with bootstrap css v.5.3. It is responsive.

Tags: Header

Author java stories story

434

v.5.3

Fork Fullscreen

<section class="py-5 bg-light">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <img src="https://images.pexels.com/photos/3184430/pexels-photo-3184430.jpeg" class="img-fluid rounded shadow" alt="About Us">
                </div>
                <div class="col-lg-6">
                    <h2 class="fw-bold mb-4">About Our Company</h2>
                    <p class="lead text-muted mb-4">We are a passionate team dedicated to creating innovative solutions that help businesses grow and succeed in the digital world.</p>
                    <p class="mb-4">Since 2020, we've been helping companies transform their ideas into reality with cutting-edge technology and creative design.</p>
                    <div class="row text-center">
                        <div class="col-4">
                            <h4 class="fw-bold text-primary">100+</h4>
                            <small class="text-muted">Projects</small>
                        </div>
                        <div class="col-4">
                            <h4 class="fw-bold text-primary">50+</h4>
                            <small class="text-muted">Clients</small>
                        </div>
                        <div class="col-4">
                            <h4 class="fw-bold text-primary">3+</h4>
                            <small class="text-muted">Years</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

More Examples

Sticky Table Headings Example

Author:
Anonymous

3 months ago

1.2k

v.5.3
Hidden Search Widget
Hidden Search Widget

Author:
Rami AlAjo

5 months ago

885

v.4.6
HTML, CSS, and JavaScript for Multi-layer Dropdown Header
HTML: Added dropdown-submenu class to handle nested dropdowns. CSS: Dropdown Submenu: Positioned to the right of the parent dropdown. JavaScript: Event Listeners: Added to show and hide nested dropdowns on mouse enter and leave. How to Use: Create an header.html file and paste the updated code into it. Include Bootstrap and Font Awesome if needed for styling and icons.

Author:
zobaidul kaziex

11 months ago

1.6k

v.4.6
Rotating Navigation Animation
Rotating Navigation Animation

Author:
Rami AlAjo

5 months ago

1.3k

v.4.6
list navbar

Author:
java stories story

3 weeks ago

324

v.5.3
hero parallax

Author:
java stories story

3 weeks ago

825

v.5.3
navbar gradient #1

Author:
java stories story

3 weeks ago

385

v.5.3
navbar white simple #1

Author:
java stories story

3 weeks ago

548

v.5.3
Responsive Bootstrap Navbar with Mobile Toggle and Remix Icons
This responsive Bootstrap 5 navbar features a clean and modern design, enhanced with Remix Icons for login and cart functionality. It includes a desktop navigation layout with a logo, links, search bar, and action buttons, while the mobile version adapts seamlessly with a toggle menu. Ideal for e-commerce or multipage websites seeking a sleek and user-friendly header layout.

Author:
Talha Abdullah Bangyal

2 months ago

1.1k

v.5.3
Responsive Bootstrap Navbar with Mobile Toggle and Remix Icons
This responsive Bootstrap 5 navbar features a clean and modern design, enhanced with Remix Icons for login and cart functionality. It includes a desktop navigation layout with a logo, links, search bar, and action buttons, while the mobile version adapts seamlessly with a toggle menu. Ideal for e-commerce or multipage websites seeking a sleek and user-friendly header layout.

Author:
Anonymous

2 months ago

1.1k

v.5.3
Sound Board
Sound Board

Author:
Rami AlAjo

5 months ago

881

v.4.6
Progress bars
Progress bar variations

Author:
Reza Farhadi

11 months ago

689

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent