-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
172 lines (166 loc) · 6.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>GERICHT</title>
<link rel="stylesheet" href="./style.css" />
<link rel="stylesheet" href="./mobile.css" />
</head>
<body>
<div class="nav">
<div class="left">
<a href="" class="left-text" id="">GERICHT</a>
</div>
<div class="parent">
<img src="./cross-circle-svgrepo-com.svg" class="mobile2" />
<div class="mid">
<a href="" class="home">Home</a>
<a href="" class="" id="">Page </a>
<a href="" class="" id="">Contact us</a>
<a href="" class="" id="">Blog </a>
<a href="" class="" id="">Landing</a>
</div>
<div class="right">
<a href="" class="" id="">Login /Register</a>
<a href="" class="" id="">Book Table</a>
</div>
</div>
<div class="mobile">
<img src="./hamburger-button-svgrepo-com.svg" class="mobile1" />
</div>
</div>
<div class="line"></div>
<!-- ------------------HERE Div 2--------------------------------------- -->
<div class="div-nd">
<div class="nd-left">
<div class="subheading">
<p>chase the new flavour</p>
<img src="./assets/spoon.svg" class="spoon" />
</div>
<div class="Ohead"><h1>The Key To Fine Dining</h1></div>
<div class="para2">
<p>
Sit Tellus Lobortis Sed Senectus Vivamus Molestie. Condimentum
Volutpat Morbi Facilisis Quam Scelerisque Sapien. Et, Penatibus
Aliquam Amet Tellus
</p>
</div>
<button class="primary-btn">Explore Menu</button>
</div>
<div class="nd-right">
<img src="./assets/welcome.png" class="welcome" />
</div>
</div>
<!-- 3rd div -->
<div class="div-rd">
<div class="left-kief-slide">
<div class="right-slide-heading">
<p>Instagram</p>
<img src="./assets/spoon.svg" class="spoon/>
</div>
<div class="slide-head"><h1>Photo Gallery</h1></div>
<div class="">
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolor,
molestias? Recusandae rerum inventore eaque rem magnam numquam animi
excepturi qui.
</p>
</div>
<button class="primary-btn2">Explore Menu</button>
</div>
<img src="./assets/knife.png" class="knief2" />
<div class="right-kief-slide">
<div class="right-slide-heading">
<p>Instagram</p>
<img src="./assets/spoon.svg" class="spoon/>
</div>
<div class="slide-head"><h1>Photo Gallery</h1></div>
<div class="right-kife">
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolor,
molestias? Recusandae rerum inventore eaque rem magnam numquam animi
excepturi qui.
</p>
</div>
<button class="primary-btn2">Explore Menu</button>
</div>
</div>
<!-- ---------------Photo gallery------------------------- -->
<div class="slide-part">
<div class="slide-show">
<img src="./assets/gallery01.png" class="slide-img" />
<!-- <div class="number1">2 / 4</div> -->
<img src="./assets/gallery02.png" class="slide-img" />
<!-- <div class="number1">3 / 4</div> -->
<img src="./assets/gallery03.png" class="slide-img" />
<!-- <div class="number1">4 / 4</div> -->
<img src="./assets/gallery04.png" class="slide-img" />
<!-- Next and previous slide -->
<!-- <a href="" class="prev" onclick="plusslide(-1)">❮</a>
<a href="" class="next" onclick="plusslide(1)">❯</a> -->
<div class="next">
<img src="./point-right-svgrepo-com.svg" class="slide-next" />
</div>
<div class="prev">
<img src="./pointing-left-svgrepo-com.svg" class="slide-prev" />
</div>
</div>
<div class="right-part-slide">
<div class="right-slide-heading">
<p>Instagram</p>
<img src="./assets/spoon.svg" class="spoon/>
</div>
<div class="slide-head"><h1>Photo Gallery</h1></div>
<div class="">
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolor,
molestias? Recusandae rerum inventore eaque rem magnam numquam animi
excepturi qui.
</p>
</div>
<button class="primary-btn2">Explore Menu</button>
</div>
</div>
<!-- EMail section -->
<div class="footer">
<div class="footer__email">
<p>News Letter</p>
<img src="./assets/spoon.svg" class="footer__spoon" />
<h1 class="footer__head">Subscribe To Our Newsletter</h1>
<p>And Never Miss Latest Updates!</p>
<input
type="EMail"
value=""
placeholder="Your Email Here"
class="email__input"
/>
<button class="primary-btn">Subscribe</button>
</div>
<div class="footer__footer">
<div class="footer__footer_first footer__child">
<h1>Contact Us</h1>
<a href="" class="" id="">9 W 53rd St, New York, NY 10019, USA</a>
<a href="" class="" id="">+1 212-344-1230</a>
<a href="" class="" id="">+1 212-344-1230</a>
</div>
<div class="footer__footer_sec footer__child">
<img src="./assets/spoon.svg" class="spoon" />
<img src="./assets/gericht.png" alt="" class="footer__footer__img" />
<p>
"The Best Way To Find Yourself Is To Lose Yourself In The Service Of
Other"
</p>
</div>
<div class="footer__footer__rd footer__child">
<h1 class="footer__rd_head">Working Hours</h1>
<p>Monday-Friday:</p>
<p>08:00 Am - 12:00 Am</p>
</div>
</div>
<div class="reserverd">2022 Gericht. All Rights Reserved</div>
</div>
<script type="text/javascript" src="./script.js"></script>
</body>
</html>