Teams Snippet


This ‘Our Team’ snippet gives you the ability to quickly and easily add three team members to your website. Each team member will have their name, job title, and links to their social media accounts. This snippet is perfect for quickly displaying the individuals that make up your team and increase engagement with visitors.

<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">Our Team</span>
				<h2 class="display-5 fw-bold">Meet the Team</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">
			<div class="col-md-4">
				<div class="card text-center border-0 mb-3">
					<div class="card-body p-3">
						<div class="mb-4 mx-xl-5"><img class="img-fluid rounded-circle" src="https://freefrontend.dev/assets/square.png"></div>
						<h5 class="fw-bold">John Doe</h5>
						<div class="text-muted mb-3">
							Programmer
						</div>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta harum ipsum venenatis metus.</p>
					</div>
				</div>
			</div>
			<div class="col-md-4">
				<div class="card text-center border-0 mb-3">
					<div class="card-body p-3">
						<div class="mb-4 mx-xl-5"><img class="img-fluid rounded-circle" src="https://freefrontend.dev/assets/square.png"></div>
						<h5 class="fw-bold">John Doe</h5>
						<div class="text-muted mb-3">
							Programmer
						</div>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta harum ipsum venenatis metus.</p>
					</div>
				</div>
			</div>
			<div class="col-md-4">
				<div class="card text-center border-0 mb-3">
					<div class="card-body p-3">
						<div class="mb-4 mx-xl-5"><img class="img-fluid rounded-circle" src="https://freefrontend.dev/assets/square.png"></div>
						<h5 class="fw-bold">John Doe</h5>
						<div class="text-muted mb-3">
							Programmer
						</div>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta harum ipsum venenatis metus.</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
To top