Files
vvveb-cms/static/Vvvebjs/demo/landing/sections/pricing-table/pricing-table-10.html

217 lines
6.9 KiB
HTML
Raw Normal View History

2026-05-17 21:09:32 +08:00
<section class="pricing-table-1 my-3" aria-label="pricing-table-10">
<div class="container py-4">
<div class="row mb-5">
<div class="col-12">
<div class="text-center">
<div>
<h2 class="">Our menu</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a lacus est.
</div>
</div>
</div>
</div>
<!-- Menu Items -->
<div class="row row-cols-1 row-cols-lg-2 g-4 g-xxl-5">
<div class="col">
<div class="d-grid d-sm-flex gap-3 gap-xl-4">
<div class="d-flex d-sm-block flex-shrink-0 col-sm-3">
<img class="position-relative img-fluid" src="demo/img/team-1.jpg" alt="Team 1">
</div>
<div class="w-100">
<div class="d-flex gap-2 align-items-baseline">
<div>
<h3 class="h5 fw-bold">Caesar Salad</h3>
</div>
<div class="flex-grow-1 border-dashed opacity-25"></div>
<div>
<strong class="h5">$10</strong>
</div>
</div>
<div class="opacity-50">
Classic Caesar with romaine lettuce, parmesan cheese, croutons, and creamy dressing.
</div>
</div>
</div>
</div>
<div class="col">
<div class="d-grid d-sm-flex gap-3 gap-xl-4">
<div class="d-flex d-sm-block flex-shrink-0 col-sm-3">
<img class="position-relative img-fluid" src="demo/img/team-2.jpg" alt="Team 2">
</div>
<div class="w-100">
<div class="d-flex gap-2 align-items-baseline">
<div>
<h3 class="h5 fw-bold">Margherita Pizza</h3>
</div>
<div class="flex-grow-1 border-dashed opacity-25"></div>
<div>
<strong class="h5">$15</strong>
</div>
</div>
<div class="opacity-50">
Traditional Italian pizza with tomato, mozzarella, fresh basil, and extra virgin olive oil.
</div>
</div>
</div>
</div>
<div class="col">
<div class="d-grid d-sm-flex gap-3 gap-xl-4">
<div class="d-flex col-sm-3 d-sm-block flex-shrink-0">
<img class="position-relative img-fluid" src="demo/img/team-1.jpg" alt="Team 1">
</div>
<div class="w-100">
<div class="d-flex gap-2 align-items-baseline">
<div>
<h3 class="h5 fw-bold">BBQ Ribs</h3>
</div>
<div class="flex-grow-1 border-dashed opacity-25"></div>
<div>
<strong class="h5">$24</strong>
</div>
</div>
<div class="opacity-50">
Slow-cooked pork ribs glazed with our signature BBQ sauce, served with fries and coleslaw.
</div>
</div>
</div>
</div>
<div class="col">
<div class="d-grid d-sm-flex gap-3 gap-xl-4">
<div class="d-flex col-sm-3 d-sm-block flex-shrink-0">
<img class="position-relative img-fluid" src="demo/img/team-2.jpg" alt="Team 2">
</div>
<div class="w-100">
<div class="d-flex gap-2 align-items-baseline">
<div>
<h3 class="h5 fw-bold">Pasta Primavera</h3>
</div>
<div class="flex-grow-1 border-dashed opacity-25"></div>
<div>
<strong class="h5">$14</strong>
</div>
</div>
<div class="opacity-50">
Fresh garden vegetables tossed with penne pasta in a light garlic and olive oil sauce.
</div>
</div>
</div>
</div>
<div class="col">
<div class="d-grid d-sm-flex gap-3 gap-xl-4">
<div class="d-flex col-sm-3 d-sm-block flex-shrink-0">
<img class="position-relative img-fluid" src="demo/img/team-1.jpg" alt="Team 1">
</div>
<div class="w-100">
<div class="d-flex gap-2 align-items-baseline">
<div>
<h3 class="h5 fw-bold">Chocolate Cake</h3>
</div>
<div class="flex-grow-1 border-dashed opacity-25"></div>
<div>
<strong class="h5">$7</strong>
</div>
</div>
<div class="opacity-50">
Rich and moist chocolate cake with a smooth chocolate ganache frosting.
</div>
</div>
</div>
</div>
<div class="col">
<div class="d-grid d-sm-flex gap-3 gap-xl-4">
<div class="d-flex col-sm-3 d-sm-block flex-shrink-0">
<img class="position-relative img-fluid" src="demo/img/team-2.jpg" alt="Team 2">
</div>
<div class="w-100">
<div class="d-flex gap-2 align-items-baseline">
<div>
<h3 class="h5 fw-bold">Craft Beer</h3>
</div>
<div class="flex-grow-1 border-dashed opacity-25"></div>
<div>
<strong class="h5">$5</strong>
</div>
</div>
<div class="opacity-50">
A selection of local and imported craft beers, served chilled.
</div>
</div>
</div>
</div>
<div class="col">
<div class="d-grid d-sm-flex gap-3 gap-xl-4">
<div class="d-flex col-sm-3 d-sm-block flex-shrink-0">
<img class="position-relative img-fluid" src="demo/img/team-1.jpg" alt="Team 1">
</div>
<div class="w-100">
<div class="d-flex gap-2 align-items-baseline">
<div>
<h3 class="h5 fw-bold">Mushroom Risotto with truffle cream.</h3>
</div>
<div class="flex-grow-1 border-dashed opacity-25"></div>
<div>
<strong class="h5">$16</strong>
</div>
</div>
<div class="opacity-50">
Creamy risotto enriched with porcini mushrooms and finished with black truffle.
</div>
</div>
</div>
</div>
<div class="col">
<div class="d-grid d-sm-flex gap-3 gap-xl-4">
<div class="d-flex col-sm-3 d-sm-block flex-shrink-0">
<img class="position-relative img-fluid" src="demo/img/team-2.jpg" alt="Team 2">
</div>
<div class="w-100">
<div class="d-flex gap-2 align-items-baseline">
<div>
<h3 class="h5 fw-bold">Panna Cotta</h3>
</div>
<div class="flex-grow-1 border-dashed opacity-25"></div>
<div>
<strong class="h5">$9</strong>
</div>
</div>
<div class="opacity-50">
Light and creamy spoon dessert with berry coulis.
</div>
</div>
</div>
</div>
</div>
</div>
</section>