Image Box

<div class="row">
	<div class="mb-6 mb-md-0" style="max-width: 400px">
		<div class="card border-0 text-center">
			<div class="mw-102 mx-auto">
				<img src="../../images/image-box-11.jpg" alt="Guaranteed PURE">
			</div>
			<div class="card-body px-0 pt-6 mt-1 pb-0">
				<h3 class="fs-24 mb-3">Guaranteed PURE</h3>
				<p class="mb-0">All Grace formulations adhere to strict purity standards and will never contain harsh or toxic ingredients</p>
			</div>
		</div>
	</div>
</div>

<div class="row">
	<div class="col-md-4 mb-6 mb-md-0">
		<div class="card border-0 text-center">
			<div class="mw-160 mx-auto hover-zoom-in rounded-circle">
				<img src="../../images/image-box-04.jpg" alt="Moisturizers">
			</div>
			<div class="card-body px-0 pt-6 pb-0">
				<h4 class="fs-20"><a href="#" class="text-decoration-none">Moisturizers<sup class="pl-1 fs-14 font-weight-bold">12</sup></a></h4>
			</div>
		</div>
	</div>
</div>

<div class="row">
	<div class="col-md-6 mb-6 mb-md-0">
		<div class="card border-0 text-center">
			<a href="#" class="d-block hover-shine hover-zoom-in">
				<img src="../../images/image-box-10.jpg" alt="Summer Collection">
			</a>
			<div class="card-body px-0 pt-6 pb-0">
				<h3 class="fs-24 mb-2"><a href="#" class="text-decoration-none">Summer Collection</a></h3>
				<a href="#" class="btn btn-link text-secondary">Shop now<i class="far fa-arrow-right fs-12 pl-1"></i></a>
			</div>
		</div>
	</div>
</div>

<div class="row">
	<div class="mb-6 mb-md-0" style="max-width: 400px">
		<div class="card border-0 text-center">
			<div class="mw-140 mx-auto">
				<img src="../../images/image-box-16.jpg" alt="Guaranteed PURE">
			</div>
			<div class="card-body px-0 pt-4 mt-1 pb-0">
				<h3 class="fs-24 mb-3">Guaranteed PURE</h3>
				<p class="mb-0">All Grace formulations adhere to strict purity standards and will never contain harsh or toxic ingredients</p>
			</div>
		</div>
	</div>
</div>

<div class="row">
	<div class="mb-6 mb-md-0 p-8" style="max-width: 500px">
		<div class="media border-0">
			<div class="mw-90 mr-6">
				<img src="../../images/image-box-18.jpg" alt="Guaranteed PURE">
			</div>
			<div class="media-body">
				<h3 class="fs-24 mb-3">Guaranteed PURE</h3>
				<p class="mb-0">All Grace formulations adhere to strict purity standards and will never contain harsh or toxic ingredients</p>
			</div>
		</div>
	</div>
</div>

<div class="row">
	<div class="mb-6 mb-md-0 w-100" style="max-width: 650px">
		<div class="card border-0 text-center hot-product">
			<div class="mx-auto position-relative z-index-1">
				<img src="../../images/image-box-22.png" alt="shroom serum">
			</div>
			<div class="card-body px-0 pt-9 pb-0">
				<h6 class="card-subtitle mb-2 text-red font-weight-400 custom-font-03 fs-70 fs-md-90 fs-xl-122 lh-1">Hot Product</h6>
				<h3 class="fs-40 text-uppercase letter-spacing-003 mb-5">shroom serum</h3>
				<p class="mb-0 fs-18 mx-auto mb-4" style="max-width: 390px">Lorem ipsum dolor sit amet, consectetur adipi, scing seddo eiusmod temporincididunt ut labore et dolore magna aliqua. </p>
				<a href="../../shop-page-04.html" class="btn btn-link bg-transparent text-secondary border-secondary rounded-0 border-bottom border-0 p-0 fs-16 font-weight-600 border-2x">
					Shop Now <svg class="icon icon-arrow-right"><use xlink:href="#icon-arrow-right"></use></svg>
				</a>
			</div>
		</div>
	</div>
</div>