Call to Action Code Example


This code snippet represents a call to action component that features two distinct call to actions. The first call to action encourages users to request a call back by providing their phone number, and the second call to action encourages users to sign up for a service or product. 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 form elements and the buttons. The overall design is simple and is 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">
			<div class="col-md-6">
				<div class="bg-light border p-4 rounded text-center">
					<span class="text-muted">Request a Callback</span>
					<h2 class="fw-bold display-6 mb-3">Call Me Back</h2>
					<form class="d-flex">
						<input aria-label="input" class="form-control me-2" placeholder="Telephone Number" type="tel"> <button class="btn btn-primary text-nowrap" type="submit">Call Me!</button>
					</form>
				</div>
			</div>
			<div class="col-md-6">
				<div class="bg-primary p-4 mt-md-0 mt-3 rounded text-center">
					<span class="text-light">Get Started</span>
					<h2 class="text-white fw-bold display-6 mb-3">Sign Up Today!</h2><a class="btn btn-outline-light" href="">Sign Up</a>
				</div>
			</div>
		</div>
	</div>
</section>
To top