→ 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

164

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

10 months ago

303

v.4.6
About Our Company
Display your company data

Author:
Tane Mahuta

6 months ago

376

v.5.3
About us section

Author:
Kemaya m

10 months ago

313

v.4.6
Bootstrap Image Gallery

Author:
Anonymous

9 months ago

720

v.3.4
Contact Us Page with Google Maps and Form Validation
HTML: Form Fields: Includes fields for name, email, and message. Google Map: A div with an id of map where the Google Map will be displayed. Feedback Elements: <div> elements for displaying validation messages and success messages. CSS: Styling: Adds padding for the contact section, sets the map height, and styles feedback and success messages. JavaScript: Google Maps Initialization: Uses the Google Maps JavaScript API to create and display a map centered at specified coordinates. Replace YOUR_GOOGLE_MAPS_API_KEY with your actual API key. Form Validation: Validates the input fields and displays appropriate messages if the input is invalid or missing. How to Use: Replace API Key: Insert your Google Maps API key in the script tag for Google Maps. Customize Coordinates: Update the latitude and longitude in the initMap function to reflect your actual location. Validation Rules: Customize validation logic as needed for your form requirements.

Author:
zobaidul kaziex

4 months ago

3.3k

v.4.6
Basic Footer
Standard footer example with bootstrap 5

Author:
Mateo Rojas

1 month ago

634

v.5.3
Bootstrap 5 chat template

Author:
Andreas Müller

6 months ago

595

v.5.3
Changelog page template

Author:
Asmath

1 month ago

992

v.5.3
Bento grid bootstrap

Author:
Anonymous

1 month ago

189

v.5.3
Bootstrap Tabs with Gradient

Author:
Prajwal Hallale

1 month ago

131

v.5.3
Bento Grid with Bootstrap 5

Author:
C B

3 months ago

420

v.5.3
Clean Modern Footer Design with Social Media
Elegant light-themed footer with interactive elements, newsletter signup, and social media integration built with Bootstrap 5.3.

Author:
Isaac Winslow

2 months ago

733

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent