Request a Call Back Code Example


This call to action component allows your website visitors to request a call back, using Bootstrap framework. It is divided into two columns, with one column containing a form that allows users to enter their phone number and request a call back, and the other column containing text with a clear call-to-action message as well as alternative contact information. On larger screens, the layout is divided into two columns which likely makes it more visually appealing and easier to read, and highlights the importance of the call back request form. The design of this component is clean, modern and visually appealing, with the focus on clear messaging, easy user engagement and convenient way for users to request a call back.

<section class="py-5">
	<div class="container">
		<div class="row">
			<div class="col-lg-6">
				<h2 class="display-5 fw-bold">Request a Callback</h2>
				<form class="d-flex pt-4 me-lg-5">
					<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 class="col-lg-6 mt-4 mt-lg-0">
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam feugiat erat quis pulvinar semper. Cras commodo vitae libero ut consequat.</p>
				<div class="d-lg-flex text-primary mt-3 mt-lg-5">
					<a class="text-decoration-none me-4 fs-5 fw-bold" href="tel:+1(234)%20567-89-01">+1(234) 567-89-10</a> <a class="text-decoration-none fs-5 fw-bold" href="mailto:info@collector.com">hello@yourdomain.com</a>
				</div>
			</div>
		</div>
	</div>
</section>
To top