Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x"
crossorigin="anonymous"
/>
<title>Waterfront Seafood Restaurant</title>
</head>
<body>
<section class="bg-primary text-center py-5">
<img src="https://img.icons8.com/plasticine/100/000000/whole-fish.png" />
<h1 class="text-light">Waterfront Seafood</h1>
</section>
<section class="my-3">
<div class="container">
<div class="row">
<div class="col-lg-10 offset-lg-1">
<div class="alert alert-primary text-center">
Open Everyday from 12pm &bull; Bookings Essential &bull; BYO Wine
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container my-3">
<div class="row">
<div class="col-lg-6 offset-lg-1">
<ul class="list-group">
<li class="list-group-item pt-4">
<h5>
Crispy Fish Burger <span class="badge bg-secondary">New</span>
</h5>
<p>
Panko crumbed fish fillet, slaw &amp; our famous spicy
sauce.<br /><span class="text-secondary">$10</span>
</p>
</li>
<li class="list-group-item pt-4">
<h5>Salt &amp; Pepper Calamari</h5>
<p>
Fresh fried calamari, lightly seasoned with salt &amp;
pepper.<br /><span class="text-secondary">$12</span>
</p>
</li>
<li class="list-group-item pt-4">
<h5>Fish of the Day</h5>
<p>
Grilled fish of the day, garden salad &amp; served with
chips.<br /><span class="text-secondary">$17</span>
</p>
</li>
<li class="list-group-item pt-4">
<h5>Garlic Prawn Skewer</h5>
<p>
Tiger prawns coated marinated in garlic served on a skewer.<br /><span
class="text-secondary"
>$19</span
>
</p>
</li>
<li class="list-group-item pt-4">
<h5>Seafood Platter</h5>
<p>
Single serve platter containing fish, prawns, oysters &amp; a
glass of wine.<br /><span class="text-secondary">$25</span>
</p>
</li>
</ul>
</div>
<div class="col-lg-4">
<div class="card mb-5">
<div class="card-header">Bookings are essential!</div>
<div class="card-body">
<h5 class="card-title">Bookings are essential!</h5>
<p class="card-text">
Don't miss out - book online to secure a table today.
</p>
<a href="#" class="btn btn-primary">Check Availability</a>
</div>
</div>
<h6 class="font-weight-bold">Opening Hours</h6>
<p>Monday – Sunday<br />8am – 4pm</p>
<h6 class="font-weight-bold">Location</h6>
<p>123 Beach Street<br />Melbourne, Victoria 3000</p>
<h6 class="font-weight-bold">Contact</h6>
<p>
T: <a href="#">07 1234 5678</a><br />E:
<a href="#">info@waterfrontseafood.com</a>
</p>
</div>
</div>
</div>
</section>
</body>
</html>
@w3collective

This comment has been minimized.

Copy link
Owner Author

@w3collective w3collective commented Jun 2, 2021

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment