Space hats
Experience a legend
Products
Ready-to-use Shop product blocks and components.
Products #1
<!-- Products Section -->
<div class="container space-2 space-3--lg">
<div class="row">
<div class="col-sm-6 col-lg-3 mb-5">
<!-- Shop Item -->
<a class="d-block border text-dark text-center" href="../html/shop/single-product.html">
<img class="img-fluid" src="../assets/img/500x550/img15.jpg" alt="Image Description">
<div class="border-top p-4">
<h2 class="h5">Longline t-shirt</h2>
<span class="d-block h5 text-primary mb-0">$21</span>
</div>
</a>
<!-- End Shop Item -->
</div>
<div class="col-sm-6 col-lg-3 mb-5">
<!-- Shop Item -->
<a class="d-block border text-dark text-center" href="../html/shop/single-product.html">
<img class="img-fluid" src="../assets/img/500x550/img16.jpg" alt="Image Description">
<div class="border-top p-4">
<h3 class="h5">Slip on shoes</h3>
<span class="d-block h5 text-primary mb-0">$99</span>
</div>
</a>
<!-- End Shop Item -->
</div>
<div class="col-sm-6 col-lg-3 mb-5">
<!-- Shop Item -->
<a class="d-block border text-dark text-center" href="../html/shop/single-product.html">
<img class="img-fluid" src="../assets/img/500x550/img17.jpg" alt="Image Description">
<div class="border-top p-4">
<h3 class="h5">Women's t-shirt</h3>
<span class="d-block h5 text-primary mb-0">$7</span>
</div>
</a>
<!-- End Shop Item -->
</div>
<div class="col-sm-6 col-lg-3 mb-5">
<!-- Shop Item -->
<a class="d-block border text-dark text-center" href="../html/shop/single-product.html">
<img class="img-fluid" src="../assets/img/500x550/img18.jpg" alt="Image Description">
<div class="border-top p-4">
<h3 class="h5">Hoodie</h3>
<span class="d-block h5 text-primary mb-0">$67</span>
</div>
</a>
<!-- End Shop Item -->
</div>
<div class="w-100"></div>
<div class="col-sm-6 col-lg-3 mb-5 mb-lg-0">
<!-- Shop Item -->
<a class="d-block border text-dark text-center" href="../html/shop/single-product.html">
<img class="img-fluid" src="../assets/img/500x550/img19.jpg" alt="Image Description">
<div class="border-top p-4">
<h2 class="h5">Snapback cap</h2>
<span class="d-block h5 text-primary mb-0">$25</span>
</div>
</a>
<!-- End Shop Item -->
</div>
<div class="col-sm-6 col-lg-3 mb-5 mb-lg-0">
<!-- Shop Item -->
<a class="d-block border text-dark text-center" href="../html/shop/single-product.html">
<img class="img-fluid" src="../assets/img/500x550/img20.jpg" alt="Image Description">
<div class="border-top p-4">
<h3 class="h5">Men's t-shirt</h3>
<span class="d-block h5 text-primary mb-0">$7</span>
</div>
</a>
<!-- End Shop Item -->
</div>
<div class="col-sm-6 col-lg-3 mb-5 mb-lg-0">
<!-- Shop Item -->
<a class="d-block border text-dark text-center" href="../html/shop/single-product.html">
<img class="img-fluid" src="../assets/img/500x550/img21.jpg" alt="Image Description">
<div class="border-top p-4">
<h3 class="h5">Pillow</h3>
<span class="d-block h5 text-primary mb-0">$19</span>
</div>
</a>
<!-- End Shop Item -->
</div>
<div class="col-sm-6 col-lg-3">
<!-- Shop Item -->
<a class="d-block border text-dark text-center" href="../html/shop/single-product.html">
<img class="img-fluid" src="../assets/img/500x550/img22.jpg" alt="Image Description">
<div class="border-top p-4">
<h3 class="h5">Glasses case</h3>
<span class="d-block h5 text-primary mb-0">$34</span>
</div>
</a>
<!-- End Shop Item -->
</div>
</div>
</div>
<!-- End Products Section -->
Products #2
Space collection
You favorite color
HTML:
<!-- Products Section -->
<div class="container space-2 space-3--lg">
<div class="card-deck d-block d-lg-flex">
<article class="card border-0 mb-5 mb-lg-0">
<!-- Category -->
<div class="card-body row align-items-stretch no-gutters p-0">
<div class="col-6 border border-right-0">
<div class="space-2 px-3 px-sm-5">
<div class="mb-4">
<h3 class="h4">Space hats</h3>
<p class="mb-0">Experience a legend</p>
</div>
<a href="#">Show Now</a>
</div>
</div>
<div class="col-6 border border-left-0 bg-img-hero-center" data-bg-img-src="../assets/img/500x550/img13.jpg"></div>
</div>
<!-- End Category -->
</article>
<article class="card border-0 mb-5 mb-lg-0">
<!-- Category -->
<div class="card-body row align-items-stretch no-gutters p-0">
<div class="col-6 border border-right-0">
<div class="space-2 px-3 px-sm-5">
<div class="mb-4">
<h3 class="h4">Space collection</h3>
<p class="mb-0">You favorite color</p>
</div>
<a href="#">Show Now</a>
</div>
</div>
<div class="col-6 border border-left-0 bg-img-hero" data-bg-img-src="../assets/img/500x550/img14.jpg"></div>
</div>
<!-- End Category -->
</article>
</div>
</div>
<!-- End Products Section -->
Products #3
HTML:
<div class="row">
<div class="col-sm-6 col-lg-3 mb-5 mb-lg-0">
<!-- Product -->
<article>
<a class="card card-shadow bg-img-hero border-0 gradient-overlay-half-dark-v2 min-height-320 text-white rounded-pseudo p-3" href="#" style="background-image: url(../../assets/img/500x650/img10.jpg);">
<div class="mt-auto">
<span class="h5 font-weight-medium text-uppercase">Chorizo cantimpalo</span>
<p class="text-white mb-2">spanish sausage from Segovia</p>
<ul class="list-inline small text-white">
<li class="list-inline-item">
<span class="fas fa-heart mr-1"></span>
25 like
</li>
<li class="list-inline-item">
<span class="fas fa-comments mr-1"></span>
139 comments
</li>
</ul>
</div>
</a>
</article>
<!-- Emd Product -->
</div>
<div class="col-sm-6 col-lg-3 mb-5 mb-lg-0">
<!-- Product -->
<article>
<a class="card card-shadow bg-img-hero border-0 gradient-overlay-half-dark-v2 min-height-320 text-white rounded-pseudo p-3" href="#" style="background-image: url(../../assets/img/500x650/img11.jpg);">
<div class="mt-auto">
<span class="h5 font-weight-medium text-uppercase">Lomo embuchado</span>
<p class="text-white mb-2">dry cured pork loin</p>
<ul class="list-inline small text-white">
<li class="list-inline-item">
<span class="fas fa-heart mr-1"></span>
362 like
</li>
<li class="list-inline-item">
<span class="fas fa-comments mr-1"></span>
94 comments
</li>
</ul>
</div>
</a>
</article>
<!-- Emd Product -->
</div>
<div class="col-sm-6 col-lg-3 mb-5 mb-sm-0">
<!-- Product -->
<article>
<a class="card card-shadow bg-img-hero border-0 gradient-overlay-half-dark-v2 min-height-320 text-white rounded-pseudo p-3" href="#" style="background-image: url(../../assets/img/500x650/img12.jpg);">
<div class="mt-auto">
<span class="h5 font-weight-medium text-uppercase">Jamón serrano</span>
<p class="text-white mb-2">18 month landrace ham</p>
<ul class="list-inline small text-white">
<li class="list-inline-item">
<span class="fas fa-heart mr-1"></span>
845 like
</li>
<li class="list-inline-item">
<span class="fas fa-comments mr-1"></span>
9561 comments
</li>
</ul>
</div>
</a>
</article>
<!-- Emd Product -->
</div>
<div class="col-sm-6 col-lg-3">
<!-- Product -->
<article>
<a class="card card-shadow bg-img-hero border-0 gradient-overlay-half-dark-v2 min-height-320 text-white rounded-pseudo p-3" href="#" style="background-image: url(../../assets/img/500x650/img13.jpg);">
<div class="mt-auto">
<span class="h5 font-weight-medium text-uppercase">Sobrasada</span>
<p class="text-white mb-2">spreadable chorizo</p>
<ul class="list-inline small text-white">
<li class="list-inline-item">
<span class="fas fa-heart mr-1"></span>
4 like
</li>
<li class="list-inline-item">
<span class="fas fa-comments mr-1"></span>
0 comments
</li>
</ul>
</div>
</a>
</article>
<!-- Emd Product -->
</div>
</div>
Products #4
Sticky chipotle chicken $2.50
Sweet chipotle chilli-glazed chicken bites with toasted sesame seeds.
Salt & pepper calamari $7.99
Served with black garlic aioli.
Wild atlantic scallops $5.00
Served with lobster prosecco sauce, peas, crispy pancetta and straw fries (£2 supplement)
Baked cheddar mushrooms $9.30
Button mushrooms in a creamy Cheddar & spinach sauce, served with toasted artisan breads.
House sharer $14.20
Southern-fried chicken pieces, beer-battered mushrooms.
New breaded torpedo prawns $1.99
With sweet chilli dipping sauce
Wild atlantic scallops $5.00
Served with lobster prosecco sauce, peas, crispy pancetta and straw fries (£2 supplement)
Baked cheddar mushrooms $9.30
Button mushrooms in a creamy Cheddar & spinach sauce, served with toasted artisan breads.
Grilled lamb kofta kebabs $8.00
Served with naan bread and fresh tomato & red onion salsa.
Southern-fried chicken pieces $6.30
With peri-peri sauce and sour cream.
House sharer $14.20
Southern-fried chicken pieces, beer-battered mushrooms.
New breaded torpedo prawns $1.99
With sweet chilli dipping sauce
HTML:
<!-- Menu Section -->
<div class="container">
<!-- Tab Nav -->
<div class="nav nav-tabs justify-content-center tab-modern mb-5" id="h-tab" role="tablist" aria-orientation="vertical">
<a class="nav-link h5 active tab-modern__nav-link mb-4" id="h-tab-forward-tab" data-toggle="pill" href="#h-tab-forward" role="tab" aria-controls="h-tab-forward" aria-selected="true">Breakfast</a>
<a class="nav-link h5 tab-modern__nav-link mb-4" id="h-tab-together-tab" data-toggle="pill" href="#h-tab-together" role="tab" aria-controls="h-tab-together" aria-selected="false">Lunch</a>
<a class="nav-link h5 tab-modern__nav-link mb-4" id="h-tab-tools-tab" data-toggle="pill" href="#h-tab-tools" role="tab" aria-controls="h-tab-tools" aria-selected="false">Dinner</a>
</div>
<!-- End Tab Nav -->
<!-- Tab Content -->
<div class="tab-content" id="h-tabContent">
<div class="tab-pane fade show active" id="h-tab-forward" role="tabpanel" aria-labelledby="h-tab-forward-tab">
<div class="card-deck d-block d-lg-flex">
<!-- Item -->
<a class="card card-shadow card-text-dark p-4 mb-4" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img1.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
Sticky chipotle chicken
<span class="badge badge-purple font-weight-medium float-right ml-3">$2.50</span>
</h4>
<p class="mb-0">Sweet chipotle chilli-glazed chicken bites with toasted sesame seeds.</p>
</div>
</div>
</a>
<!-- End Item -->
<!-- Item -->
<a class="card card-shadow card-text-dark p-4 mb-4" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img2.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
Salt & pepper calamari
<span class="badge badge-purple font-weight-medium float-right ml-3">$7.99</span>
</h4>
<p class="mb-0">Served with black garlic aioli.</p>
</div>
</div>
</a>
<!-- End Item -->
</div>
<div class="card-deck d-block d-lg-flex">
<!-- Item -->
<a class="card card-shadow card-text-dark p-4 mb-4" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img3.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
Wild atlantic scallops
<span class="badge badge-purple font-weight-medium float-right ml-3">$5.00</span>
</h4>
<p class="mb-0">Served with lobster prosecco sauce, peas, crispy pancetta and straw fries (£2 supplement)</p>
</div>
</div>
</a>
<!-- End Item -->
<!-- Item -->
<a class="card card-shadow card-text-dark p-4 mb-4" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img4.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
Baked cheddar mushrooms
<span class="badge badge-purple font-weight-medium float-right ml-3">$9.30</span>
</h4>
<p class="mb-0">Button mushrooms in a creamy Cheddar & spinach sauce, served with toasted artisan breads.</p>
</div>
</div>
</a>
<!-- End Item -->
</div>
<div class="card-deck d-block d-lg-flex">
<!-- Item -->
<a class="card card-shadow card-text-dark p-4 mb-4" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img5.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
House sharer
<span class="badge badge-purple font-weight-medium float-right ml-3">$14.20</span>
</h4>
<p class="mb-0">Southern-fried chicken pieces, beer-battered mushrooms.</p>
</div>
</div>
</a>
<!-- End Item -->
<!-- Item -->
<a class="card card-shadow card-text-dark p-4 mb-4" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img6.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
New breaded torpedo prawns
<span class="badge badge-purple font-weight-medium float-right ml-3">$1.99</span>
</h4>
<p class="mb-0">With sweet chilli dipping sauce</p>
</div>
</div>
</a>
<!-- End Item -->
</div>
<div class="card-deck d-block d-lg-flex">
<!-- Item -->
<a class="card card-shadow card-text-dark p-4 mb-4 mb-lg-0" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img7.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
Grilled lamb kofta kebabs
<span class="badge badge-purple font-weight-medium float-right ml-3">$8.00</span>
</h4>
<p class="mb-0">Served with naan bread and fresh tomato & red onion salsa.</p>
</div>
</div>
</a>
<!-- End Item -->
<!-- Item -->
<a class="card card-shadow card-text-dark p-4" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img8.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
Southern-fried chicken pieces
<span class="badge badge-purple font-weight-medium float-right ml-3">$6.30</span>
</h4>
<p class="mb-0">With peri-peri sauce and sour cream.</p>
</div>
</div>
</a>
<!-- End Item -->
</div>
</div>
<div class="tab-pane fade" id="h-tab-together" role="tabpanel" aria-labelledby="h-tab-together-tab">
<div class="card-deck d-block d-lg-flex">
<!-- Item -->
<a class="card card-shadow card-text-dark p-4 mb-4" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img5.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
House sharer
<span class="badge badge-purple font-weight-medium float-right ml-3">$14.20</span>
</h4>
<p class="mb-0">Southern-fried chicken pieces, beer-battered mushrooms.</p>
</div>
</div>
</a>
<!-- End Item -->
<!-- Item -->
<a class="card card-shadow card-text-dark p-4 mb-4" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img6.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
New breaded torpedo prawns
<span class="badge badge-purple font-weight-medium float-right ml-3">$1.99</span>
</h4>
<p class="mb-0">With sweet chilli dipping sauce</p>
</div>
</div>
</a>
<!-- End Item -->
</div>
<div class="card-deck d-block d-lg-flex">
<!-- Item -->
<a class="card card-shadow card-text-dark p-4 mb-4" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img3.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
Wild atlantic scallops
<span class="badge badge-purple font-weight-medium float-right ml-3">$5.00</span>
</h4>
<p class="mb-0">Served with lobster prosecco sauce, peas, crispy pancetta and straw fries (£2 supplement)</p>
</div>
</div>
</a>
<!-- End Item -->
<!-- Item -->
<a class="card card-shadow card-text-dark p-4 mb-4" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img4.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
Baked cheddar mushrooms
<span class="badge badge-purple font-weight-medium float-right ml-3">$9.30</span>
</h4>
<p class="mb-0">Button mushrooms in a creamy Cheddar & spinach sauce, served with toasted artisan breads.</p>
</div>
</div>
</a>
<!-- End Item -->
</div>
<div class="card-deck d-block d-lg-flex">
<!-- Item -->
<a class="card card-shadow card-text-dark p-4 mb-4" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img1.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
Sticky chipotle chicken
<span class="badge badge-purple font-weight-medium float-right ml-3">$2.50</span>
</h4>
<p class="mb-0">Sweet chipotle chilli-glazed chicken bites with toasted sesame seeds.</p>
</div>
</div>
</a>
<!-- End Item -->
<!-- Item -->
<a class="card card-shadow card-text-dark p-4 mb-4" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img2.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
Salt & pepper calamari
<span class="badge badge-purple font-weight-medium float-right ml-3">$7.99</span>
</h4>
<p class="mb-0">Served with black garlic aioli.</p>
</div>
</div>
</a>
<!-- End Item -->
</div>
<div class="card-deck d-block d-lg-flex">
<!-- Item -->
<a class="card card-shadow card-text-dark p-4 mb-4 mb-lg-0" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img7.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
Grilled lamb kofta kebabs
<span class="badge badge-purple font-weight-medium float-right ml-3">$8.00</span>
</h4>
<p class="mb-0">Served with naan bread and fresh tomato & red onion salsa.</p>
</div>
</div>
</a>
<!-- End Item -->
<!-- Item -->
<a class="card card-shadow card-text-dark p-4" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img8.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
Southern-fried chicken pieces
<span class="badge badge-purple font-weight-medium float-right ml-3">$6.30</span>
</h4>
<p class="mb-0">With peri-peri sauce and sour cream.</p>
</div>
</div>
</a>
<!-- End Item -->
</div>
</div>
<div class="tab-pane fade" id="h-tab-tools" role="tabpanel" aria-labelledby="h-tab-tools-tab">
<div class="card-deck d-block d-lg-flex">
<!-- Item -->
<a class="card card-shadow card-text-dark p-4 mb-4" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img7.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
Grilled lamb kofta kebabs
<span class="badge badge-purple font-weight-medium float-right ml-3">$8.00</span>
</h4>
<p class="mb-0">Served with naan bread and fresh tomato & red onion salsa.</p>
</div>
</div>
</a>
<!-- End Item -->
<!-- Item -->
<a class="card card-shadow card-text-dark p-4 mb-4" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img8.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
Southern-fried chicken pieces
<span class="badge badge-purple font-weight-medium float-right ml-3">$6.30</span>
</h4>
<p class="mb-0">With peri-peri sauce and sour cream.</p>
</div>
</div>
</a>
<!-- End Item -->
</div>
<div class="card-deck d-block d-lg-flex">
<!-- Item -->
<a class="card card-shadow card-text-dark p-4 mb-4" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img5.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
House sharer
<span class="badge badge-purple font-weight-medium float-right ml-3">$14.20</span>
</h4>
<p class="mb-0">Southern-fried chicken pieces, beer-battered mushrooms.</p>
</div>
</div>
</a>
<!-- End Item -->
<!-- Item -->
<a class="card card-shadow card-text-dark p-4 mb-4" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img6.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
New breaded torpedo prawns
<span class="badge badge-purple font-weight-medium float-right ml-3">$1.99</span>
</h4>
<p class="mb-0">With sweet chilli dipping sauce</p>
</div>
</div>
</a>
<!-- End Item -->
</div>
<div class="card-deck d-block d-lg-flex">
<!-- Item -->
<a class="card card-shadow card-text-dark p-4 mb-4" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img1.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
Sticky chipotle chicken
<span class="badge badge-purple font-weight-medium float-right ml-3">$2.50</span>
</h4>
<p class="mb-0">Sweet chipotle chilli-glazed chicken bites with toasted sesame seeds.</p>
</div>
</div>
</a>
<!-- End Item -->
<!-- Item -->
<a class="card card-shadow card-text-dark p-4 mb-4" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img2.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
Salt & pepper calamari
<span class="badge badge-purple font-weight-medium float-right ml-3">$7.99</span>
</h4>
<p class="mb-0">Served with black garlic aioli.</p>
</div>
</div>
</a>
<!-- End Item -->
</div>
<div class="card-deck d-block d-lg-flex">
<!-- Item -->
<a class="card card-shadow card-text-dark p-4 mb-4 mb-lg-0" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img3.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
Wild atlantic scallops
<span class="badge badge-purple font-weight-medium float-right ml-3">$5.00</span>
</h4>
<p class="mb-0">Served with lobster prosecco sauce, peas, crispy pancetta and straw fries (£2 supplement)</p>
</div>
</div>
</a>
<!-- End Item -->
<!-- Item -->
<a class="card card-shadow card-text-dark p-4" href="#">
<div class="row align-items-center">
<div class="col-3">
<img class="img-fluid rounded-circle" src="../../assets/img/500x500/img4.jpg" alt="Image Description">
</div>
<div class="col-9">
<h4 class="h6 font-weight-medium text-uppercase">
Baked cheddar mushrooms
<span class="badge badge-purple font-weight-medium float-right ml-3">$9.30</span>
</h4>
<p class="mb-0">Button mushrooms in a creamy Cheddar & spinach sauce, served with toasted artisan breads.</p>
</div>
</div>
</a>
<!-- End Item -->
</div>
</div>
</div>
<!-- End Tab Content -->
</div>
<!-- End Menu Section -->