-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
227 lines (211 loc) · 8.64 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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Cuisine Restaurant</title>
<!-- external CSS link -->
<link rel="stylesheet" href="css/normalize.css">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA=="
crossorigin="anonymous"
/>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<nav>
<div class="dropdown">
<button class="dropdown-btn"><i class="fas fa-bars"></i></button><!--
--><div class="dropdown-content">
<ul>
<li><a href="">Home</a></li>
<li><a href="">About Us</a></li>
<li><a href="">Menu</a></li>
<li><a href="">Order Now</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Location</a></li>
<li><a href=""><i class="fas fa-shopping-cart"></i></a></li>
<li><a href=""><i class="fas fa-search"></i></a></li>
</ul>
</div>
</div>
</nav>
<section class="section-margins header-pos clear">
<section class="header-main">
<h1>Welcome<br>To Our Cuisine<br>Restaurant</h1>
<div class="header-search">
<form class="remove-margin" action="" method="">
<input type="search" name="search" placeholder="Search here">
</form>
<button class="btn curved-right" type="button">Location <i class="fas fa-caret-down"></i></button>
</div>
<section>
<section class="social-links">
<a href=""><i class="fab fa-facebook-f"></i> 252K</a>
<a href=""><i class="fab fa-twitter"></i> 62K</a>
<a href=""><i class="fab fa-instagram"></i> 55K</a>
</section>
</section>
</header>
<section class="discover-section section-margins clear">
<div class="col-1-2-extend">
<h2>About us</h2>
<div class="text">
<p class="large bold remove-margin">Discover Our<br>Restaurant Story</p>
<p>Cuisine is a team work of Cuisine Restaurant Cafe, we aim
at promoting the foodstuff industry through the branches, we
establish and through the new dishes and integrate between
different cultures. Nullam cuisante Etiam sit amet orci apet
eros faucibut tin sidunt. Duis leo,, Seod fingilo mauris sit
amet nibti. Domeo sodales sagittis magno. Aenean commaado
ligula. Sed fringillo mauris sit amet nitih. Domec sodales
sagittis magna. Agnean commodo ligula.</p>
<p>Nullam quis ante. Etiam sit amet arei aget enos faucibus
tineidunt. Duis leo. Sed fringilla mouris sit amet nibti.
Danes sodales sagittia magna Aenean commodo ligula.</p>
</div>
</div>
<div>
<div class="inline-block">
<p>
<span class="btn curved-left">Discover Menu</span>
</p>
</div><!--
--><div class="inline-block">
<a class="btn curved-right faint-color btn-extend" href="#menu">
<i class="fas fa-long-arrow-alt-right"></i>
</a>
</div>
</div>
</section>
<section id="menu" class="section-margins clear">
<div class="center">
<h2>Order Online Now</h2>
<p class="text-pad large bold">Our Speciality Cuisine</p>
<div class="dropdown">
<div class="drop-btns">
<button id=breakfast class="drop-btn">Breakfast</button>
<button id=lunch class="drop-btn">Lunch</button>
<button id=dinner class="drop-btn">Dinner</button>
<button id=dessert class="drop-btn">Dessert</button>
<button id=shake class="drop-btn">Shake</button>
</div>
<div class="foods">
<div class="dropdown-content breakfast-content">
<img src="images/b3.jpg" alt="" height="" width="">
<img src="images/b3.jpg" alt="" height="" width="">
<img src="images/b3.jpg" alt="" height="" width="">
<img src="images/b3.jpg" alt="" height="" width="">
<img src="images/b3.jpg" alt="" height="" width="">
<img src="images/b3.jpg" alt="" height="" width="">
<img src="images/b3.jpg" alt="" height="" width="">
<img src="images/b3.jpg" alt="" height="" width="">
</div>
<div class="dropdown-content lunch-content hidden">
<img src="images/l1.jpg" alt="" height="" width="">
<img src="images/l1.jpg" alt="" height="" width="">
<img src="images/l1.jpg" alt="" height="" width="">
<img src="images/l1.jpg" alt="" height="" width="">
<img src="images/l1.jpg" alt="" height="" width="">
<img src="images/l1.jpg" alt="" height="" width="">
<img src="images/l1.jpg" alt="" height="" width="">
<img src="images/l1.jpg" alt="" height="" width="">
</div>
<div class="dropdown-content dinner-content hidden">
<img src="images/b8.jpg" alt="" height="" width="">
<img src="images/b8.jpg" alt="" height="" width="">
<img src="images/b8.jpg" alt="" height="" width="">
<img src="images/b8.jpg" alt="" height="" width="">
<img src="images/b8.jpg" alt="" height="" width="">
<img src="images/b8.jpg" alt="" height="" width="">
<img src="images/b8.jpg" alt="" height="" width="">
<img src="images/b8.jpg" alt="" height="" width="">
</div>
<div class="dropdown-content dessert-content hidden">
<img src="images/b3.jpg" alt="" height="" width="">
<img src="images/b8.jpg" alt="" height="" width="">
<img src="images/b3.jpg" alt="" height="" width="">
<img src="images/b8.jpg" alt="" height="" width="">
<img src="images/b3.jpg" alt="" height="" width="">
<img src="images/b8.jpg" alt="" height="" width="">
<img src="images/b3.jpg" alt="" height="" width="">
<img src="images/b8.jpg" alt="" height="" width="">
</div>
<div class="dropdown-content shake-content hidden">
<img src="images/b6.jpg" alt="" height="" width="">
<img src="images/b6.jpg" alt="" height="" width="">
<img src="images/b6.jpg" alt="" height="" width="">
<img src="images/b6.jpg" alt="" height="" width="">
<img src="images/b6.jpg" alt="" height="" width="">
<img src="images/b6.jpg" alt="" height="" width="">
<img src="images/b6.jpg" alt="" height="" width="">
<img src="images/b6.jpg" alt="" height="" width="">
</div>
</div>
<div class="link-dots">
<span class="" onclick="currentDiv(1)"></span>
<span class="" onclick="currentDiv(2)"></span>
<span class="active" onclick="currentDiv(3)"></span>
<span class="" onclick="currentDiv(4)"></span>
<span class="" onclick="currentDiv(5)"></span>
<span class="" onclick="currentDiv(6)"></span>
</div>
</div>
</section>
<section class="booking-section section-margins center clear">
<div>
<h2 class="text-pad">Book Table</h2>
<p class="large bold">Opening Hours</p>
</div>
<i class="fas fa-phone-alt f8-orange"></i>
<p>Call Now</p>
<p class="f8-orange bold numbers center">+12345 678 910</p>
<div class="col-1-2 center">
<p class="days center">Monday to Tuesday</p>
<p class="bold numbers center">09:00 am - 22:00 pm</p>
</div><!--
--><div class="col-1-2 center">
<p class="days center">Friday to Saturday</p>
<p class="bold numbers center">11:00 am - 20:00 pm</p>
</div>
<video width="" height="" controls>
<source src="" type="video/mp4">
Your browser does not support the video tag
</video>
</section>
<section class="testimonial-section section-margins center clear">
<div>
<h2>Testimonials</h2>
<p class="large bold">Customer Say</p>
</div>
<div class="slides">
<img class="profile-icon" src="images/profile-icon.png" alt="profile-icon" height="80px" width="80px">
<p class="larger-font">Mr John Smith</p>
<p class="light-color">Art Director</p>
<div class="ratings">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<p class="italicised">Delicous boneless, skinless chicken
breasts and fresh mushrooms in garlic and white wine sauce.
Cuisine is a team work of Cuisine Restaurant Cafe, we aim at
promoting the foodstuff industry through the branches, we
establish and through the new dishes.</p>
<div class="link-dots">
<span class="" onclick="currentDiv(1)"></span>
<span class="" onclick="currentDiv(2)"></span>
<span class="active" onclick="currentDiv(3)"></span>
<span class="" onclick="currentDiv(4)"></span>
<span class="" onclick="currentDiv(5)"></span>
</div>
</div>
</section>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>