Request a Call Back CTA


This code snippet is a call to action component that allows users to request a call back by providing their telephone number. 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 also provides a consistent styling for the form elements like the telephone number field. The overall design is simple, focused on clear messaging making it easy for users to take the desired action.

<section class="py-5 bg-light">
	<div class="container">
		<div class="row justify-content-center">
			<div class="col-md-8 col-lg-6">
				<div class="bg-white text-center p-5 pb-3 rounded-4">
					<h2 class="display-5 fw-bold">Request a Callback</h2>
					<p class="lead mt-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam feugiat erat quis pulvinar.</p>
					<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>
					<p class="mt-3 small fst-italic text-muted">*Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
				</div>
			</div>
		</div>
	</div>
</section>
To top