-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (115 loc) · 5.05 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="index.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<title>Restaurant Website</title>
</head>
<body>
<nav>
<ul class="nav-flex-row">
<li class="nav-item">
<a href="#about">About</a>
</li>
<li class="nav-item">
<a href="#reservation">Reservation</a>
</li>
<li class="nav-item">
<a href="#menu">Menu</a>
</li>
<li class="nav-item">
<a href="#shop">Shop</a>
</li>
</ul>
</nav>
<section class="section-intro">
<header>
<h1><i>Grill N' Chill</i></h1>
</header>
<div class="link-to-book-wrapper">
<a class="link-to-book" href="#reservations">Book a table</a>
</div>
</section>
<section class="about-section">
<article>
<h3>
Welcome to Chill N' Grill
</h3>
<p>
Here delicious food and impeccable service come together to create an unforgettable dining experience. Our restaurant is a haven for food lovers, serving up a tantalizing range of dishes that are sure to satisfy every palate. From fresh seafood to succulent steaks, our menu is crafted with the finest ingredients and cooked to perfection by our skilled chefs. Our restaurant also boasts a warm and inviting ambiance, with stylish decor and a friendly staff that is always ready to cater to your every need. Whether you're looking for a romantic dinner for two or a group gathering, our restaurant is the perfect choice. Come dine with us and discover why we're one of the most popular restaurants in town.
</p>
</article>
</section>
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="img/rachel-park-hrlvr2ZlUNk-unsplash.jpg" class="d-block w-100" alt="food">
</div>
<div class="carousel-item">
<img src="img/lily-banse--YHSwy6uqvk-unsplash.jpg" class="d-block w-100" alt="food">
</div>
<div class="carousel-item">
<img src="img/brooke-lark-aGjP08-HbYY-unsplash.jpg" class="d-block w-100" alt="food">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="container">
<div class="row-flex">
<div class="flex-column-form">
<h3>
Make a booking
</h3>
<form class="media-centered">
<div class="form-group">
<p>
Please leave your number we will call to make a reservation
</p>
<input type="name" class="form-control" id="exampleInputName1" aria-describedby="nameHelp" placeholder="Enter your name">
</div>
<div class="form-group">
<input type="number" class="form-control" id="exampleInputphoneNumber1" placeholder="Enter your phone number">
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
<div class="opening-time">
<h3>
Opening times
</h3>
<p>
<span>Monday—Thursday: 08:00 — 22:00</span>
<span>Friday—Saturday: 09:00 — 23:00 </span>
<span>Sunday: 10:00 — 17:00</span>
</p>
</div>
<div class="contact-adress">
<h3>
Contact
</h3>
<p>
<span>+91 7623935910</span>
<span></span>
<span>Lajpat Nagar,South Delhi-110024</span>
</p>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>