Bootstrap 5 Minimal About Me Section

About Me is a minimal and responsive Bootstrap 5 component. You can use it on any blog or portfolio website.
Bootstrap 5 About Me Section
It is easy to use this About Me instance for your following commercial or non-profit tasks. This Bootstrap About Me snippet is a clean, minimal, and professional-looking example.
Tools
Bootstrap Framework
We are using the Bootstrap framework to build this component. This template is compatible with the Bootstrap 5+ framework. This code snippet example has no dependency and is straightforward to use in Bootstrap projects.
Features
- Bootstrap 5
- BS Brain Framework
- HTML5 & CSS3
- W3C Valid
- Commented Code
- Call to Action Button
- Responsive Layout
- Trendy Design
- Clean Snippet
- SEO Optimized
- Easy to Use
- Cross Browser Compatible
Browse
Preview
<!-- About 3 - Bootstrap Brain Component -->
<section class="py-3 py-md-5">
<div class="container mb-4 mb-md-5">
<div class="row justify-content-md-center">
<div class="col-12 col-md-10 col-xxl-8">
<img class="img-fluid rounded shadow" loading="lazy" src="./assets/img/about-img-1.jpg" alt="">
</div>
</div>
</div>
<div class="container overflow-hidden">
<div class="row gy-2 gy-md-0 justify-content-xxl-center">
<div class="col-12 order-md-1 col-md-8 col-xxl-6">
<div class="text-center text-md-start">
<h2 class="display-3 fw-bold lh-1">Lucas Henry</h2>
<p class="text-secondary fs-4 mb-2">UX/UI Designer</p>
<hr class="w-25 mx-auto ms-md-0 mb-4 text-secondary">
<p>Nam sit amet condimentum arcu. Vestibulum non convallis elit, nec finibus purus. Morbi a tortor vitae mauris volutpat lacinia in vel leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Aliquam vel dictum nisi.</p>
<p>Duis bibendum lectus vitae posuere euismod. Nunc semper mauris sed justo consequat mollis. Suspendisse eu lectus ornare, pulvinar tortor eget, iaculis libero. Nullam non metus sed lacus luctus posuere. Morbi semper pharetra tortor sit amet mollis.</p>
</div>
</div>
<div class="col-12 order-md-0 col-md-4 col-xxl-4">
<div class="text-center text-md-start me-md-3 me-xl-5">
<p class="mb-4">
<span class="d-block display-6 lh-1">12+</span>
<span class="fs-4 text-secondary">years of experience</span>
</p>
<div class="d-grid">
<button class="btn btn-primary btn-lg" type="button">Hire Me</button>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- CSS Files -->
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/css/bootstrap.min.css" />
- Use in personal projects
- Customize the template files
- Number of websites/domains
- Create websites for clients
- Remove footer credit link
- Working PHP/AJAX contact form
- Sass/SCSS Files
- JS Source Files
- Premium support via Email
- Forum support
- Free Updates
- Access to all 5 Pro Templates
- Access to all 34 Pro Components
- Use in SaaS
- Resell & Redistribute
BB Startup
Freelancer
$49
3 Months Access
5 Pro BS Templates
34 Pro BS Components
- Use in personal projects
- Customize the template files
- Unlimited Number of websites/domains
- Create websites for clients
- Remove footer credit link
- Working PHP/AJAX contact form
- Sass/SCSS Files
- JS Source Files
- Premium support via Email
- Forum support
- 3 Months Free Updates
- Access to all our 5 Pro Templates
- Access to all our 34 Pro Components
-
Use in SaaS -
Resell & Redistribute
BB Club
Agency
$149
12 Months Access
5 Pro BS Templates
34 Pro BS Components
- Use in personal projects
- Customize the template files
- Unlimited Number of websites/domains
- Create websites for clients
- Remove footer credit link
- Working PHP/AJAX contact form
- Sass/SCSS Files
- JS Source Files
- Premium support via Email
- Forum support
- 12 Months Free Updates
- Access to all our 5 Pro Templates
- Access to all our 34 Pro Components
- Use in SaaS
-
Resell & Redistribute
Bootstrap 5 About Snippets
Explore our stunning collection of Bootstrap About snippets. These examples will help you create substantial and impressive web applications.