<div class="row clearfix products-02">
	<div class="col-12" style="text-align:center">
		<h1 class="display-4" style="font-weight: bold;">Our Products</h1>
		<p class="h5" style="font-style: italic;">We make shopping way easier &amp; convenient for you</p>
		<div class="spacer height-40"></div>
	</div>
</div>
<div class="row clearfix products-02">
	<div class="col-12 col-md-4" style="text-align:center;">
		<div class="card shadow-sm p-4">
			<div>
				<div class="d-inline-block w-100 mb-3" style="max-width: 150px;">
					<div class="image-wrapper">
						<img src="{{ config('builder.frontend_asset_path') }}/snippets/images/x98sw2520-sh1J31.jpg" alt="" class="rounded-circle"/>
					</div>
				</div>
			</div>
			<h3>Product One</h3>
			<p>Lorem Ipsum is dummy text of the printing industry.</p>
			<p><a href="#" class="btn btn-primary">Buy Now</a></p>
		</div>
	</div>
	<div class="col-12 col-md-4" style="text-align:center;">
		<div class="card shadow-sm p-4">
			<div>
				<div class="d-inline-block w-100 mb-3" style="max-width: 150px;">
					<div class="image-wrapper">
						<img src="{{ config('builder.frontend_asset_path') }}/snippets/images/georgie-cobbs-467923-unsplash-G9q9p2.jpg" alt="" class="rounded-circle"/>
					</div>
				</div>
			</div>
			<h3>Product Two</h3>
			<p>Lorem Ipsum is dummy text of the printing industry.</p>
			<p><a href="#" class="btn btn-primary">Buy Now</a></p>
		</div>
	</div>
	<div class="col-12 col-md-4" style="text-align:center;">
		<div class="card shadow-sm p-4">
			<div>
				<div class="d-inline-block w-100 mb-3" style="max-width: 150px;">
					<div class="image-wrapper">
						<img src="{{ config('builder.frontend_asset_path') }}/snippets/images/martin-widenka-555176-unsplash-sh1J33.jpg" alt="" class="rounded-circle"/>
					</div>
				</div>
			</div>
			<h3>Product Three</h3>
			<p>Lorem Ipsum is dummy text of the printing industry.</p>
			<p><a href="#" class="btn btn-primary">Buy Now</a></p>
		</div>
	</div>
</div>
