→ Fitar Ahmed
→ page title section

page title section

do not copy

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

Tags: Header

Author Fitar Ahmed

v.4.6

Fork Fullscreen

<section class="title-section">
  <div class="container text-center">
    <h1 style="color: black;">My Portfolio</h1>
    <p style="color: black;">Web Developer & Programmer</p>
  </div>
</section>
<section class="py-5">
	<div class="container">
		<div class="row align-items-center justify-content-center">
			<div class="col-md-4 col-lg-3"><img alt="..." class="img-fluid rounded" src="https://freefrontend.dev/assets/square.png"></div>
			<div class="col-md-8 col-lg-7">
				<div class="card-body ms-md-5 mt-3 mt-md-0">
					<div class="text-muted">
						Programmer
					</div>
					<h3 class="fw-bold m-0 mb-4">John Doe</h3>
					<p class="lead">Lorem ipsum dolor sit amet consectetur adipisicing vel eligendi necessitatibus quos voluptates doloribus at itaque</p>
					<div class="d-flex mt-4">
						<a class="btn btn-sm me-2" href=""><svg class="bi bi-facebook" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
						<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path></svg></a> <a class="btn btn-sm me-2" href=""><svg class="bi bi-twitter" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
						<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path></svg></a> <a class="btn btn-sm" href=""><svg class="bi bi-linkedin" fill="currentColor" height="16" viewbox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
						<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"></path></svg></a>
					</div>
				</div>
			</div>
		</div>
	</div>

</section>

More Examples

head section
do not copy please

Author:
Fitar Ahmed

2 days ago

9

v.4.6
navber_and_footer_complate

Author:
Sahin Miah

2 days ago

35

v.4.6
menu with links
dont copy

Author:
Fitar Ahmed

1 day ago

7

v.4.6
Responsive Bootstrap Navbar with Mobile Toggle and Remix Icons
This responsive Bootstrap 5 navbar features a clean and modern design, enhanced with Remix Icons for login and cart functionality. It includes a desktop navigation layout with a logo, links, search bar, and action buttons, while the mobile version adapts seamlessly with a toggle menu. Ideal for e-commerce or multipage websites seeking a sleek and user-friendly header layout.

Author:
Anonymous

11 months ago

3.2k

v.5.3
Fitar's navbar
do not copy

Author:
Fitar Ahmed

2 days ago

20

v.4.6
HTML, CSS, and JavaScript for Multi-layer Dropdown Header
HTML: Added dropdown-submenu class to handle nested dropdowns. CSS: Dropdown Submenu: Positioned to the right of the parent dropdown. JavaScript: Event Listeners: Added to show and hide nested dropdowns on mouse enter and leave. How to Use: Create an header.html file and paste the updated code into it. Include Bootstrap and Font Awesome if needed for styling and icons.

Author:
zobaidul kaziex

1 year ago

3k

v.4.6
responsive Navbar with smoth hover Effect

Author:
SHOURAV ISLAM

3 days ago

25

v.4.6
Navbar Scrollspy

Author:
java stories story

7 months ago

1.9k

v.5.3
Elon Musk
nav and footer

Author:
RAHAT RAHMAN OFICIAL

3 days ago

58

v.4.6
about section bootstrap
about section rro

Author:
RAHAT RAHMAN OFICIAL

3 days ago

39

v.4.6
about us #1

Author:
java stories story

9 months ago

2.2k

v.5.3
misson vission

Author:
Sahin Miah

1 day ago

12

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent