forked from TheGuyDangerous/FoodCoders
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
263 lines (242 loc) · 11.8 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
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
<!DOCTYPE html>
<html style="font-size: 16px;">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content="Food coders Hackathon Foodie recipes coders Code Academy">
<meta name="description"
content="Welcome to Food Coders !
Login. Get Exclusive recipes from all over the Internet at one place.Updated daily with over a 100 recipes to choose from.Created for the Code Academy Hackathon 2021.">
<meta name="page_type" content="np-template-header-footer-from-plugin">
<title>Home</title>
<link rel="shortcut icon" href="images/FC.png" type="image/png">
<link rel="stylesheet" href="noobcoders.css" media="screen">
<link rel="stylesheet" href="Home.css" media="screen">
<link rel="stylesheet" href="carousel.css" />
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
<script class="u-script" type="text/javascript" src="noobcoders.js" defer=""></script>
<link id="u-theme-google-font" rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
<link id="u-page-google-font" rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i">
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Organization",
"name": "FoodCoders",
"logo": "images/Remini20211005111607851-removebg1.png"
}</script>
<meta name="theme-color" content="#478ac9">
<meta property="og:title" content="Home">
<meta property="og:description"
content="Welcome to Food Coders !
Login. Get Exclusive recipes from all over the Internet at one place.Updated daily with over a 100 recipes to choose from.Created for the Code Academy Hackathon 2021.">
<meta property="og:type" content="website">
</head>
<body data-home-page="Home.html" data-home-page-title="Home" class="u-body">
<header class="u-clearfix u-header u-header" id="sec-aeb5">
<div class="u-clearfix u-sheet u-sheet-1">
<a href="index.html" data-page-id="915512892" class="u-image u-logo u-image-1" data-image-width="3456"
data-image-height="3408" title="Home">
<img src="images/Remini20211005111607851-removebg1.png" class="u-logo-image u-logo-image-1 ani-img">
</a>
<nav class="u-menu u-menu-dropdown u-offcanvas u-menu-1">
<div class="menu-collapse" style="font-size: 1rem; letter-spacing: 0px; font-weight: 500;">
<a class="u-button-style u-custom-active-border-color u-custom-active-color u-custom-border u-custom-border-color u-custom-borders u-custom-hover-border-color u-custom-hover-color u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-text-active-color u-custom-text-color u-custom-text-hover-color u-custom-top-bottom-menu-spacing u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base"
href="#">
<svg>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use>
</svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="menu-hamburger" viewBox="0 0 16 16" style="width: 16px; height: 16px;">
<rect y="1" width="16" height="2"></rect>
<rect y="7" width="16" height="2"></rect>
<rect y="13" width="16" height="2"></rect>
</symbol>
</defs>
</svg>
</a>
</div>
<div class="u-custom-menu u-nav-container">
<ul class="u-nav u-spacing-2 u-unstyled u-nav-1">
<li class="u-nav-item"><a
class="u-active-grey-5 u-border-active-palette-1-base u-border-hover-palette-1-base u-button-style u-hover-grey-10 u-nav-link u-text-active-grey-90 u-text-grey-90 u-text-hover-grey-90"
href="index.html" style="padding: 10px 20px;">Home</a>
</li>
<li class="u-nav-item"><a
class="u-active-grey-5 u-border-active-palette-1-base u-border-hover-palette-1-base u-button-style u-hover-grey-10 u-nav-link u-text-active-grey-90 u-text-grey-90 u-text-hover-grey-90"
href="Vegetarian.html" style="padding: 10px 20px;">Recipes</a>
</li>
<li class="u-nav-item"><a
class="u-active-grey-5 u-border-active-palette-1-base u-border-hover-palette-1-base u-button-style u-hover-grey-10 u-nav-link u-text-active-grey-90 u-text-grey-90 u-text-hover-grey-90"
href="About.html" style="padding: 10px 20px;">About</a>
</li>
<li class="u-nav-item"><a
class="u-active-grey-5 u-border-active-palette-1-base u-border-hover-palette-1-base u-button-style u-hover-grey-10 u-nav-link u-text-active-grey-90 u-text-grey-90 u-text-hover-grey-90"
href="Contact.html" style="padding: 10px 20px;">Contact</a>
</li>
</ul>
</div>
<div class="u-custom-menu u-nav-container-collapse">
<div class="u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
<div class="u-inner-container-layout u-sidenav-overflow">
<div class="u-menu-close"></div>
<ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2">
<li class="u-nav-item"><a class="u-button-style u-nav-link" href="Home.html"
style="padding: 10px 20px;">Home</a>
</li>
<li class="u-nav-item"><a class="u-button-style u-nav-link" href="Vegetarian.html"
style="padding: 10px 20px;">Recipes</a>
</li>
<li class="u-nav-item"><a class="u-button-style u-nav-link" href="About.html"
style="padding: 10px 20px;">About</a>
</li>
<li class="u-nav-item"><a class="u-button-style u-nav-link" href="Contact.html"
style="padding: 10px 20px;">Contact</a>
</li>
</ul>
</div>
</div>
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
</div>
</nav>
</div>
</header>
<section class="u-clearfix u-image u-section-1" id="carousel_b9b1" data-image-width="1620" data-image-height="1080">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-align-left u-container-style u-group u-group-1">
<div
class="u-container-layout u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-container-layout-1 ani-content">
<h3 class="u-text u-text-default u-text-1">WELCOME TO</h3>
<h1 class="u-custom-font u-font-roboto-condensed u-text u-text-2">Food coders</h1>
<p class="u-text u-text-default u-text-3">A new way to find fascinating recipes</p>
<a href="Vegetarian.html" data-page-id="745226877"
class="u-active-white u-border-1 u-border-active-white u-border-white u-border-hover-black u-btn u-button-style u-hover-black u-text-white u-none u-btn-1 ani-side">Go
To Recipes</a>
</div>
</div>
<img class="u-image u-image-default u-preserve-proportions u-image-1 log-img"
src="https://i.postimg.cc/T1gYMDyb/Blue-Modern-Gear-Illustration-Technology-Logo-3-removebg-preview.png" alt=""
data-image-width="800" data-image-height="800">
</div>
</section>
<!-- slider -->
<div class="slideshow-container">
<h1>Our latest Recipes</h1>
<div class="mySlides">
<div class="carousel-box">
<div class="carousel-text">
<div class="carousel-heading">
<h2>Pani Puri</h2><br>
</div>
<p class="review">
Pani Puri is a popular Indian street food of crispy, fried, hollow dough balls that are stuffed with boiled
potatoes, steamed moong sprouts, spicy tangy water and sweet chutney.
</p>
</div>
<div class="carousel-img">
<img
src="images\kisspng-panipuri-chaat-indian-cuisine-fish-ball-india-food-5b16ce81dfcca8.4656705215282213139167-11.png"
alt="" />
</div>
</div>
</div>
<div class="mySlides">
<div class="carousel-box">
<div class="carousel-text">
<div class="carousel-heading">
<h2>Dhokla</h2><br>
</div>
<p class="review">
Dhokla originated from Gujrat as a vegetarian dish which is made out of fermented batter made out of rice,
dal, chickpea flour etc. This can be served as a snack.<br> <br>
</p>
</div>
<div class="carousel-img">
<img src="images\gujrati-food-khaman-dhokla_57665-54151.jpg" alt="" />
</div>
</div>
</div>
<div class="mySlides">
<div class="carousel-box">
<div class="carousel-text">
<div class="carousel-heading">
<h2>Momos</h2> <br>
</div>
<p class="review">
Momos are one of the most famous street food. Momo is a dumpling which can be had with spicy chutney which
makes it more tasty. It can either be veg or non-veg.
</p>
</div>
<div class="carousel-img">
<img src="images\momos-png-11.png" alt="" />
</div>
</div>
</div>
<div class="mySlides">
<div class="carousel-box">
<div class="carousel-text">
<div class="carousel-heading">
<h2>Dosa and Idli</h2> <br>
</div>
<p class="review">
It is one of the common and famous south indian dish. This is made out of dal, rice and other ingedients.
Sambhar and chutney is considered as the best combination for this food.
</p>
</div>
<div class="carousel-img">
<img src="images\home-chefs-idli-dosa-images-11562879844nboi06ehuw1.png" alt="" />
</div>
</div>
</div>
<div class="mySlides">
<div class="carousel-box">
<div class="carousel-text">
<div class="carousel-heading">
<h2>Jalebi</h2> <br>
</div>
<p class="review">
Jalebi is a sweet snack which is made out of sugar, ghee and flour, It is an Indian snack that every human
would like because of its sweetness and juiciness.
</p>
</div>
<div class="carousel-img">
<img src="images\jalebi-png-jalebi-3501.png" alt="" />
</div>
</div>
</div>
<div class="mySlides">
<div class="carousel-box">
<div class="carousel-text">
<div class="carousel-heading">
<h2>Biryani</h2> <br>
</div>
<p class="review">
A must try dish of india, availabel in different types and varities. It can be made out of rice and veg and
non-veg with spices and flavors. Once if you tried this there's no going back.
</p>
</div>
<div class="carousel-img">
<img src="images\murgh-dum-biryani-2351.png" alt="" />
</div>
</div>
</div>
<br><br><br>
<div class="carousel-btn-div">
<a href="Vegetarian.html" class="carousel-btn" target="_blank">Show more</a>
</div>
<!-- Next and previous buttons -->
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<br />
<script src="carousel.js"></script>
<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-d483">
<div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
<p class="u-small-text u-text u-text-variant u-text-1">Created with ❤️ by Team noob_coders for<br> Code
Academy Hackathon
</p>
</div>
</footer>
</body>
</html>