Basic Call to Action Code


This code snippet is a basic call to action component that features a long headline, designed to capture the user’s attention and encourage them to take a desired action. It is built using Bootstrap, which allows it to be responsive and adjust its layout based on the screen size it’s being viewed on, and provides consistent styling for the button and headline elements. The headline communicates the key message of the call to action and the two buttons can be labeled with clear, action-oriented text such as “Learn More” or “Sign Up” that make it easy for users to take the desired action. The overall design is simple, focused on clear messaging, and easy user engagement, that helps user to understand the key message and act on the desired action.

<section class="py-5">
	<div class="container">
		<div class="row justify-content-center text-center">
			<div class="col-lg-8">
				<span class="text-muted">Lorem ipsum</span>
				<h2 class="fw-bold py-2">Maximise your productivity with copy and paste code snippets and components for Bootstrap.</h2><a class="btn btn-primary me-2" href="">Learn more</a> <a class="btn btn-outline-primary" href="">Get Started</a>
			</div>
		</div>
	</div>
</section>
To top