About Section

This bootstrap css example is contributed by istiakahmedchowdhury10, on 22-Jul-2026. Component is made with bootstrap css v.4.6. It is responsive.

Tags: Hero

Author istiakahmedchowdhury10

v.4.6

Fork Fullscreen

<section id="about" class="py-5 bg-light">
        <div class="container px-4 px-lg-5">
            <div class="sec-head text-center">
                <h2 class="display-3 fw-bold text-white mb-3 tracking-tight ">
                    <span class="text-danger">About Me </span>
                </h2>

</div>
            <div class="row about-part gx-4 gx-lg-5 align-items-center">
                <div class="col-lg-6">
                    <h2 class="fw-bolder mb-4">My personal biograpy</h2>
                    <p class="lead mb-4">At TechNova, we're passionate about driving digital transformation and
                        empowering
                        businesses to thrive in the digital age. Our team of experts combines cutting-edge technology
                        with
                        innovative solutions to help you stay ahead of the competition.</p>
                    <a class="btn btn-primary btn-lg px-4 me-sm-3" href="#features">Our Services</a>
                    <a class="btn btn-outline-primary btn-lg px-4" href="#contact">Get in Touch</a>
                </div>
                <div class="col-lg-6  py-5">
                    <img src="images/pexels-ben-khatry-430197437-20586318.jpg" alt="About TechNova"
                        class="img-fluid rounded">
                </div>
            </div>
        </div>
    </section>

More Examples

portfoilo page

Author:
Ad Apon7

3 months ago

360

v.5.3
E-Commerce Full

Author:
Zahid Hasan Riyad

1 month ago

322

v.5.3
Gradient Hero Section
A visually stunning hero section with a gradient background and a call-to-action button.

Author:
Prajwal Hallale

2 years ago

5.8k

v.5.3
home_all_contant

Author:
Sahin Miah

3 months ago

988

v.4.6
Personal Portfolio About Section

Author:
Creative Araf

2 months ago

297

v.5.3
HTML and CSS for Hero Section
Explanation: HTML: Hero Section: Uses a background image with a gradient overlay. Hero Content: Centered with a title, subtitle, and a call-to-action button. CSS: Hero Section Styling: Full viewport height with a gradient overlay for better text readability and a background image. Hero Content Styling: Centered with responsive padding and font sizes. Button Styling: Custom button colors and hover effects. Background Image: Placeholder URL: Replace 'https://via.placeholder.com/1920x1080' with the actual URL of your hero image

Author:
zobaidul kaziex

1 year ago

3.9k

v.4.6
Section Title

Author:
istiakahmedchowdhury10

1 month ago

110

v.4.6
Personal Biography section
destra immagine e sinistra testo

Author:
Anonymous

3 months ago

440

v.5.3
Basic hero
Hero section with background image

Author:
Prajwal Hallale

2 years ago

5k

v.4.6
mision and vission

Author:
Ad Apon7

3 months ago

655

v.5.3
Simple hero section

Author:
Mateo Rojas

1 year ago

7.7k

v.5.3
portfolio page

Author:
Md. Hasibur Rahman

1 month ago

149

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent