Testimonials Code Block


This testimonials code block provides you with an easy way to showcase three of your customer testimonials. Each testimonial contains an image, title, and description, with one of the testimonials highlighted for extra emphasis. With this code block, you can quickly create a professional-looking page with glowing customer reviews.

<section class="py-5">
	<div class="container">
		<div class="row justify-content-center text-center mb-2 mb-lg-4">
			<div class="col-12 col-lg-8 col-xxl-7 text-center mx-auto">
				<span class="text-muted">Raving Fans</span>
				<h2 class="display-5 fw-bold">Our Testimonials</h2>
				<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta harum ipsum venenatis metus sem veniam eveniet aperiam suscipit.</p>
			</div>
		</div>
		<div class="row py-4">
			<div class="col-md-4 text-center">
				<div class="bg-light p-3 p-lg-5 mb-4">
					<div class="text-dark mb-2">
						<svg class="bi bi-quote" fill="currentColor" height="48" viewbox="0 0 16 16" width="48" xmlns="http://www.w3.org/2000/svg">
						<path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z"></path></svg>
					</div>
					<p>Lorem ipsum dolor, sit consectetur adipisicing elit. Blanditiis magni fugiat molestia</p>
				</div>
				<div class="mb-5 mb-lg-0">
					<img alt="" class="rounded-circle" height="96" src="https://freefrontend.dev/assets/square-small.png" width="96">
					<h5 class="fw-bold mt-4">John Doe</h5>
					<div class="text-muted">
						Graphic Designer
					</div>
				</div>
			</div>
			<div class="col-md-4 text-center">
				<div class="bg-primary text-white p-3 p-lg-5 mb-4">
					<div class="text-white mb-2">
						<svg class="bi bi-quote" fill="currentColor" height="48" viewbox="0 0 16 16" width="48" xmlns="http://www.w3.org/2000/svg">
						<path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z"></path></svg>
					</div>
					<p>Lorem ipsum dolor, sit consectetur adipisicing elit. Blanditiis magni fugiat molestia</p>
				</div>
				<div class="mb-5 mb-lg-0">
					<img alt="" class="rounded-circle" height="96" src="https://freefrontend.dev/assets/square-small.png" width="96">
					<h5 class="fw-bold mt-4">John Doe</h5>
					<div class="text-muted">
						HR Manager
					</div>
				</div>
			</div>
			<div class="col-md-4 text-center">
				<div class="bg-light p-3 p-lg-5 mb-4">
					<div class="text-dark mb-2">
						<svg class="bi bi-quote" fill="currentColor" height="48" viewbox="0 0 16 16" width="48" xmlns="http://www.w3.org/2000/svg">
						<path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z"></path></svg>
					</div>
					<p>Lorem ipsum dolor, sit consectetur adipisicing elit. Blanditiis magni fugiat molestia</p>
				</div>
				<div class="mb-5 mb-lg-0">
					<img alt="" class="rounded-circle" height="96" src="https://freefrontend.dev/assets/square-small.png" width="96">
					<h5 class="fw-bold mt-4">John Doe</h5>
					<div class="text-muted">
						Founder & CEO
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
To top