→ Kemaya m
→ About us section

About us section

Forked from> @kemaya/about-us-section

This bootstrap css example is contributed by Kemaya m, on 28-Mar-2024. Component is made with bootstrap css v.4.6. It is responsive. similar terms for this example is about me

Tags: About us

Author Kemaya m

1.3k

v.4.6

Fork Fullscreen

<div class="container my-5">
    <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

About us section
about us section with image

Author:
Kemaya m

1 year ago

1.4k

v.4.6
About Our Company
Display your company data

Author:
Tane Mahuta

1 year ago

1.7k

v.5.3
About Section

Author:
Anonymous

10 months ago

1.5k

v.5.3
Newsletter Form
Rounded newsletter form

Author:
Ross Wille

1 year ago

2.3k

v.5.3
Beautiful Pricing Cards
My project in class

Author:
Nibras Saffar

4 months ago

524

v.4.6
Collapsible Sidebarteste

Author:
Bruno Dezan

4 months ago

2.3k

v.5.3
Bootstrap user profile
User profile card made with bootstrap

Author:
Anonymous

8 months ago

5.4k

v.5.3
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

11 months ago

6.5k

v.4.6
Footer
Footer de Bootstrap con enlaces rápidos, contacto y redes sociales, usando íconos para mejor navegación. Diseño limpio y responsivo. 🚀

Author:
Anonymous

6 months ago

2.1k

v.4.6
Responsive Dashboard Statistics Cards

Author:
Ankit khedkar

10 months ago

4.6k

v.5.3
Professional Bootstrap Pricing Table
Beautiful pricing component built with Bootstrap 5.3, featuring interactive hover effects, mobile-responsive layout, and professional design elements.

Author:
Mason Ashford

9 months ago

2.9k

v.5.3
HTML, CSS, and Bootstrap. This approach will be purely HTML and CSS without any JavaScript.
HTML: Bootstrap Integration: Linked to Bootstrap CDN for styling. Form Structure: Contains input fields for name, email, and message, all within a card component. CSS: Background Gradient: Applied to the body for a visually appealing background. Card Styling: Rounded corners and padding for the card. Button Styling: Custom colors for the submit button, including hover effects. How to Use: Create an index.html file and copy the above code into it. Open the HTML file in your web browser to view the Contact Us form.

Author:
zobaidul kaziex

11 months ago

1.6k

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent