Created
June 2, 2021 01:01
-
-
Save w3collective/e5312bc5a4412396d80c7b52c06ce62a to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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 • Bookings Essential • 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 & our famous spicy | |
sauce.<br /><span class="text-secondary">$10</span> | |
</p> | |
</li> | |
<li class="list-group-item pt-4"> | |
<h5>Salt & Pepper Calamari</h5> | |
<p> | |
Fresh fried calamari, lightly seasoned with salt & | |
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 & 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 & 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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Source => https://w3collective.com/restaurant-landing-page-bootstrap/