Single Testimonial Snippet

459 ViewsFreeFrontend.dev

This code snippet creates a single customer testimonial that includes an image, title and quote to showcase customer satisfaction and build trust with potential customers. It provides a layout for an image, title and quote to identify the customer and their feedback. This code is a useful tool for businesses to give credibility 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"><img alt="" class="img-fluid rounded" src="https://freefrontend.dev/assets/square.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. Perspiciatis cupiditate voluptatum ullam vero aspernatur, repellendus consectetur culpa dolores corporis sed nemo atque iste, voluptatem.</p>
						<h5 class="fw-bold pt-3">John Doe</h5>
						<div class="text-muted">
							Graphic Designer
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

Related Code Examples

Simple Testimonial Code Block

This code snippet creates a simple testimonial code block that includes an image, title and a lot of space for […]

Testimonial Page Section

This free code snippet creates a testimonial section on a webpage that includes a single testimonial accompanied by an image, […]

Single Testimonial Snippet

This code snippet creates a single customer testimonial that includes an image, title and quote to showcase customer satisfaction and […]

Vertical Testimonials Snippet

This code snippet provides a vertical testimonials design that is sure to attract attention. Testimonials are neatly stacked on top […]

Vertical Testimonials Example

This vertical testimonials example shows you how testimonials can be stacked on top of each other with the help of […]

Testimonials Page Block

This code snippet will help you quickly and easily create a testimonials page block with two testimonials side by side. […]