<div class="row clearfix products-27">
	<div class="col-12">
		<p class="h6">DISCOVER WHAT'S NEW</p>
		<h1 class="display-3">OUR MENU</h1>
		<div class="spacer height-60"></div>
	</div>
</div>
<div class="row clearfix products-27" style="padding: 0;">
	<div class="col-12 col-md-4 d-flex" style="padding: 0;">
		<div class="card bg-light border-0 rounded-0">
			<div class="image-wrapper image-ratio-16-9">
				<img src="{{ config('builder.frontend_asset_path') }}/snippets/images/gabrielle-henderson-1375813-unsplash-r9m0T1.jpg" alt=""/>
			</div>
			<div class="card-body" style="text-align: center;">
				<h3 class="card-title">Main Menu</h3>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
				<p><a href="#" class="btn btn-primary">View All</a></p>
			</div>
		</div>
	</div>
	<div class="col-12 col-md-4 d-flex" style="padding: 0;">
		<div class="card bg-light border-0 border-white rounded-0">
			<div class="image-wrapper image-ratio-16-9">
				<img src="{{ config('builder.frontend_asset_path') }}/snippets/images/miguel-andrade-1377611-unsplash-t1GK02.jpg" alt="" class="card-img-top"/>
			</div>
			<div class="card-body border-left border-right border-white" style="text-align: center;">
				<h3 class="card-title">A'la Carte</h3>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
				<p><a href="#" class="btn btn-primary">View All</a></p>
			</div>
		</div>
	</div>
	<div class="col-12 col-md-4 d-flex" style="padding: 0;">
		<div class="card bg-light border-0 rounded-0">
			<div class="image-wrapper image-ratio-16-9">
				<img src="{{ config('builder.frontend_asset_path') }}/snippets/images/gabrielle-henderson-1375813-unsplash-r9m0T1.jpg" alt=""/>
			</div>
			<div class="card-body" style="text-align: center;">
				<h3 class="card-title">A'la Carte</h3>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
				<p><a href="#" class="btn btn-primary">View All</a></p>
			</div>
		</div>
	</div>
</div>
