Simple Call to Action Snippet


This code snippet is a simple call to action component that features two buttons. It is built using Bootstrap, which allows it to be responsive, adjust its layout based on the screen size it is being viewed on, and provide consistent styling for the buttons. The design of this component is simple, focusing on clear messaging and easy user engagement. Each button is prominently displayed and labelled with clear, action-oriented text, “Sign up” or “Learn more”, and are designed to make it easy for users to take the desired action. It can be used in various parts of the website or application, to bring user’s attention on specific important actions or sections.

<section class="py-5">
	<div class="container">
		<div class="row justify-content-center text-center py-4">
			<div class="col-lg-8">
				<span class="text-muted">Lorem ipsum</span>
				<h2 class="display-5 fw-bold my-2">Great Headlines Can Turn Your Visitors Into Sales.</h2>
				<div class="mx-auto py-2">
					<a class="btn btn-primary btn-lg me-2" href="">Learn more</a> <a class="btn btn-outline-primary btn-lg" href="">Get Started</a>
				</div>
			</div>
		</div>
	</div>
</section>
To top