→ Anonymous
→ Clean hero section with image

Clean hero section with image

Forked from> @prajwal/clean-hero-section-with-image

tugas

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

Tags: Hero

Author Anonymous

v.5.3

Fork Fullscreen

<div class="row">
        <div class="col-md-6 pt-3">
            <small class="text-uppercase" style="color: #9B5DE5;">Welcome to Our Journey</small>
            <h1 class="h2 mb-4" style="font-weight: 600;">About Our <span style="color: #9B5DE5;">Company</span></h1>
            <p class="text-secondary" style="line-height: 2;">Embark on a journey with us as we strive to redefine excellence and innovation in every step. Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit repellat iure laboriosam cum voluptatum, nam minima deserunt aut? Distinctio voluptatibus dolor quaerat quo omnis illo sequi at velit, odit quod!</p>

</div>
        <div class="col-md-6 text-center">
            <div class="row">
                <div class="col-md-6 mb-3">
                    <img src="https://images.pexels.com/photos/3184433/pexels-photo-3184433.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=1&amp;w=500" class="w-100 rounded" alt="">
                </div>
                <div class="col-md-6 mb-3">
                    <img src="https://images.pexels.com/photos/3184431/pexels-photo-3184431.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=1&amp;w=500" class="w-100 rounded" alt="">
                </div>
            </div>
        </div>
    </div>
</div>

More Examples

Animated hero section

Author:
Anonymous

1 year ago

4.7k

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

10 months ago

1.8k

v.4.6
Simple hero section

Author:
Mateo Rojas

7 months ago

4.1k

v.5.3
Basic hero
Hero section with background image

Author:
Prajwal Hallale

1 year ago

2.5k

v.4.6
Simple hero
Hero section with a linear gradient

Author:
Moana silva

1 year ago

1.3k

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

Author:
Prajwal Hallale

1 year ago

3.2k

v.5.3
Hero section with an image

Author:
Ankit khedkar

10 months ago

7.5k

v.5.3
Clean hero section with image

Author:
Prajwal Hallale

1 year ago

1.8k

v.5.3
Hero Section with Animations
Interactive hero section with animated elements, key statistics, and modern styling

Author:
Isaac Winslow

8 months ago

4.6k

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

10 months ago

5.9k

v.4.6
Rating section
Rating section fit form for taking user ratings and reviews

Author:
Tane Mahuta

1 year ago

1.8k

v.5.3
addadfadadfadfadf
adfadfadf

Author:
Pranjal Adhikari

1 month ago

140

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent