→ Anonymous
→ About Section

About Section

This bootstrap css example is contributed by Anonymous, on 21-Oct-2024. Component is made with bootstrap css v.5.3. It is responsive. similar terms for this example is about me

Tags: About us

Author Anonymous

1.3k

v.5.3

Fork Fullscreen

<section id="about" class="py-5 bg-light">
    <div class="container px-4 px-lg-5">
        <div class="row gx-4 gx-lg-5 align-items-center">
            <div class="col-lg-6">
                <h2 class="fw-bolder mb-4">About TechNova</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 pt-4">
                <img src="https://images.unsplash.com/photo-1485827404703-89b55fcc595e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NzEyNjZ8MHwxfHNlYXJjaHw1fHx0ZWNofGVufDB8MHx8fDE3Mjk1MDg5OTV8MA&ixlib=rb-4.0.3&q=80&w=1080" alt="About TechNova" class="img-fluid rounded">
            </div>
        </div>
    </div>
</section>

More Examples

About us section
about us section with image

Author:
Kemaya m

1 year ago

1.3k

v.4.6
About us section

Author:
Kemaya m

1 year ago

1.2k

v.4.6
About Our Company
Display your company data

Author:
Tane Mahuta

1 year ago

1.6k

v.5.3
Testimonial carousel

Author:
Anonymous

8 months ago

828

v.5.3
About Our Company
Display your company data

Author:
Tane Mahuta

1 year ago

1.6k

v.5.3
Horizontal Steps (Interactive)
Stepper component with Navigation buttons

Author:
Aisha Bello

7 months ago

4.1k

v.5.3
Search section

Author:
Ankit khedkar

8 months ago

1.6k

v.5.3
Responsive Card Grid
A responsive grid of cards with hover effects

Author:
Prajwal Hallale

1 year ago

3.6k

v.5.3
Bootstrap Product Card

Author:
Anonymous

1 year ago

2.8k

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

11 months ago

6k

v.4.6
list navbar

Author:
java stories story

1 week ago

138

v.5.3
Responsive footer using HTML 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. How to Use: Create an error.html file and paste the above code into it. Place the error.html file in your web server’s error pages directory or configure your server to serve this file on error.

Author:
zobaidul kaziex

11 months ago

5.3k

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent