→ Anonymous
→ About me section

About me section

je copy korbe she chor

This bootstrap css example is contributed by Anonymous, on 14-May-2026. Component is made with bootstrap css v.4.6. It is responsive.

Tags: Card

Author Anonymous

735

v.4.6

Fork Fullscreen

<section class="about-section py-5">

<div class="col">
          <img 
            src="https://images.unsplash.com/photo-1500648767791-00dcc994a43e"
            alt="About Image"
            class="img-fluid rounded"
          >
        </div>

<div class="col">
          <h2>About Me</h2>

<p>
            Hi, I’m a creative web developer passionate about building modern
            and responsive websites using Bootstrap and front-end technologies.
          </p>

<p>
            I enjoy designing clean user interfaces and creating smooth user
            experiences for websites and web applications.
          </p>

<button class="btn btn-primary">
            Contact Me
          </button>
        </div>

<div class="col">
          <div class="info-box mb-3">
            <h5>Name</h5>
            <p>John Doe</p>
          </div>

<div class="info-box mb-3">
            <h5>Email</h5>
            <p>john@example.com</p>
          </div>

<div class="info-box">
            <h5>Location</h5>
            <p>Bangladesh</p>
          </div>
        </div>

</div>

</section>

</body>
</html>

More Examples

Personal Info Section

Author:
Tanvir fahad

1 month ago

232

v.4.6
User Profile Card with Social Icons using Bootstrap 5

Author:
Anonymous

1 year ago

7.9k

v.5.3
Skills & Expertise

Author:
Shahriar Noyon

1 month ago

280

v.4.6
Split Landing Page
Split Landing Page

Author:
Rami AlAjo

1 year ago

1.9k

v.4.6
Training Certificate using Bootstrap modal

Author:
Tanvir fahad

1 month ago

282

v.4.6
Client Feedback

Author:
Shahriar Noyon

1 month ago

281

v.4.6
mission and vission
do not copy

Author:
Fitar Ahmed

1 month ago

212

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

1 year ago

8.5k

v.4.6
existing client section
do noy copy

Author:
Fitar Ahmed

1 month ago

251

v.4.6
Map Section

Author:
Tanvir fahad

1 month ago

733

v.4.6
Protfolio_page

Author:
Sahin Miah

1 month ago

779

v.4.6
Services list

Author:
Gana JNsksk

1 month ago

295

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent