Simple Testimonial Code Block


This code snippet creates a simple testimonial code block that includes an image, title and a lot of space for a customer’s testimonial. It is designed to feature a single customer’s feedback, with their picture and name, and a large section for them to express their thoughts about your service or product. This can be a great way to showcase customer satisfaction and build trust with potential customers.

<section class="py-5">
	<div class="container">
		<div class="row justify-content-center">
			<div class="col-lg-10">
				<div class="row align-items-center">
					<div class="col-md-4 mb-4 mb-md-0 order-md-2"><img alt="" class="img-fluid rounded-circle" src="https://freefrontend.dev/assets/square-small.png"></div>
					<div class="col-md-8 ps-md-5">
						<div class="text-primary mb-4">
							<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 amet consectetur adipisicing elit. Sapiente accusantium nulla, sequi cupiditate exercitationem sit incidunt rerum explicabo. Soluta beatae esse praesentiumexercitationem vero harum pariatur adipisci qui veritatis est! sequi cupiditate exercitationem sit incidunt rerum explicabo.</p>
						<h5 class="fw-bold">John Doe</h5>
						<div class="text-muted">
							Graphic Designer
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
To top