About Us Component


This code snippet allows you to create a more detailed “about us” section for your website, featuring a two-column layout. The left column provides space for a detailed company description while the right column can be used to display a prominent image, such as a team photo or company logo. The snippet is built using Bootstrap, making it responsive and easy to customize to match the look and feel of your website. Simply add your own content and image to create a professional-looking “about us” section that tells the story of your company.

<section class="py-5">
	<div class="container">
		<div class="row gx-4 align-items-center justify-content-between">
			<div class="col-md-5 order-2 order-md-1">
				<div class="mt-5 mt-md-0">
					<span class="text-muted">Our Story</span>
					<h2 class="display-5 fw-bold">About Us</h2>
					<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
					<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p><a class="btn btn-primary mt-2" href="#">Learn more</a>
				</div>
			</div>
			<div class="col-md-5 order-1 order-md-2"><img class="img-fluid rounded-3" src="https://freefrontend.dev/assets/square.png"></div>
		</div>
	</div>
</section>
To top