Call to Action Section


This code snippet represents a simple call to action section that features two boxes, each containing a distinct call to action and two buttons – “Learn more” and “Sign up”. The layout is built using Bootstrap framework which allows it to be responsive and adjust its layout based on the screen size it’s being viewed on. Each box contains an image, title, and brief description of the associated call to action, along with the two buttons “Learn more” and “Sign up” to guide the user to take the desired action. The design of this component is simple, visually appealing, with the focus on clear messaging and easy user engagement, making it easy for users to understand and act on the desired action.

<section class="py-5">
	<div class="container">
		<div class="row justify-content-center text-center mt-5">
			<div class="col-md-8">
				<span class="text-muted">Lorem ipsum</span>
				<h2 class="fw-bold display-5">Get Started Today</h2>
				<p class="lead mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam feugiat erat quis pulvinar.</p>
			</div>
			<div class="col-lg-8">
				<div class="row gy-3">
					<div class="col-md-6">
						<div class="border rounded-3 bg-white p-5">
							<h3 class="fw-bold mb-0">Learn More</h3>
							<p class="my-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam feugiat consectetur erat dolor quis pulvinar.</p><a class="btn btn-primary" href="">More Info</a>
						</div>
					</div>
					<div class="col-md-6">
						<div class="border rounded-3 bg-white p-5">
							<h3 class="fw-bold mb-0">Get Started</h3>
							<p class="my-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam feugiat consectetur erat dolor quis pulvinar.</p><a class="btn btn-primary" href="">Sign Up</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
To top