Call to Action Component


This code snippet represents a call to action component that features a colored background, designed to draw attention and stand out from the rest of the page. It contains a single call to action button, which is likely to be prominently displayed in the center of the component. The button can be used with text such as “Learn More” or “Sign Up” to clearly communicate the desired action to the user. The layout is built using Bootstrap, which allows it to be responsive and adjust its layout according to the screen size it’s being viewed on.

<section class="py-5 my-md-5 bg-primary">
	<div class="container">
		<div class="row justify-content-center text-center text-white py-4">
			<div class="col-lg-8">
				<span>Sign Up</span>
				<h2 class="display-5 fw-bold">Get Started Today</h2>
				<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam feugiat erat quis pulvinar semper. Cras commodo vitae libero ut consequat</p>
				<div class="d-grid col-3 mx-auto">
					<a class="btn bg-white text-primary" type="submit">Sign up</a>
				</div>
			</div>
		</div>
	</div>
</section>
To top