-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
143 lines (128 loc) · 5.42 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
131
132
133
134
135
136
137
138
139
140
141
142
143
<!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="styles.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>TBK - The Bamboo Kitchen</title>
</head>
<body>
<nav>
<ul class="nav-flex-row">
<li class="nav-item">
<a href="#about-section">About</a>
</li>
<li class="nav-item">
<a href="#reservation">Reservation</a>
</li>
<li class="nav-item">
<a href="#menu">Menu</a>
</li>
</ul>
</nav>
<section id="about" class="section-intro">
<header>
<h1>TBK - The Bamboo Kitchen</h1>
</header>
<div class="link-to-book-wrapper">
<a class="link-to-book" href="#reservation">Book A Table</a>
</div>
</section>
<section id = "about-section" class="about-section">
<article>
<h3>
Indulge in Exquisite Dining Crafted with Bamboo Essence at The Bamboo Kitchen.
</h3>
<p>
Welcome to The Bamboo Kitchen,
where culinary artistry meets natural elegance.
Nestled in the heart of our vibrant town,
our restaurant offers more than just a meal;
it presents an immersive dining experience.
Step into a realm of gastronomic delight where
bamboo-infused delicacies take center stage.
Our chefs masterfully craft dishes, infusing the subtle,
unique essence of bamboo into each creation.
From the delicate aroma to the rich flavors,
every bite tells a story of innovation and tradition entwined.
Beyond the delectable fare, our ambiance exudes warmth and sophistication,
providing a perfect setting for memorable gatherings and intimate moments.
Join us for a culinary journey unlike any other,
where every dish is a testament to our dedication to exceptional dining.
</p>
</article>
</section>
<div id="menu" 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 id = "reservation" 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 confirm your 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—Friday: 09:00 — 21:00</span>
<span>Saturday—Sunday: 11:00 — 23:00 </span>
</p>
</div>
<div class="contact-adress">
<h3>
Contact
</h3>
<p>
<span>+91 77240 25661</span>
<span>Dharampura Road</span>
<span>Jagdalpur, Chhattisgarh 494001</span>
</p>
</div>
</div>
</div>
<footer class="footer">
<p>© 2023 The Bamboo Kitchen. All rights reserved.</p>
<p>Designed by Ananya M. Jha</p>
</footer>
<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>
<script src="index.js"></script>
</body>
</html>