-
Notifications
You must be signed in to change notification settings - Fork 50
/
index.html
196 lines (178 loc) · 9.25 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Food Coders</title>
<meta name="viewport" content="width = device-width, initial-scale = 1, shrink-to-fit = no">
<!-- Place favicon.ico in the root directory -->
<link rel="shortcut icon" href="https://ik.imagekit.io/daringbaba/Food_Coders/FC.png?ik-sdk-version=javascript-1.4.3&updatedAt=1671793577325">
<!--Fonts-->
<link href="https://fonts.googleapis.com/css?family=Cabin|Herr+Von+Muellerhoff|Source+Sans+Pro" rel="stylesheet">
<!--Fonts-->
<!--FontAwesome-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<!--FontAwesome-->
<link rel="stylesheet" href="/css/page-css/homepage/main.css">
<link rel="stylesheet" href="css/main.min.css">
</head>
<body class="stop-scroll">
<!--Start loader-->
<div class="loader-wrap">
<div class="loader">
<span class="loader-item"></span><span class="loader-item"></span><span class="loader-item"></span><span class="loader-item"></span><span class="loader-item"></span><span class="loader-item"></span><span class="loader-item"></span><span class="loader-item"></span><span class="loader-item"></span><span class="loader-item"></span>
</div>
</div>
<!--End loader-->
<!--Start Header-->
<header>
<nav>
<div class="logo">
<a href="index.html"><img height="50" src="https://ik.imagekit.io/daringbaba/Food_Coders/image__1_-removebg-preview.png?ik-sdk-version=javascript-1.4.3&updatedAt=1671791653349" alt="Rosa Logo"></a>
</div>
<div class="toggle">
<span class="first"></span>
<span class="middle"></span>
<span class="last"></span>
</div>
<div class="navigation-bar">
<ul>
<li class="active"><a href="index.html">Home<span class="underline"></span></a></li>
<li><a href="./html-files/pages/Page1.html">Recipes<span class="underline"></span></a></li>
<li><a href="/html-files/support-pages/About.html">About<span class="underline"></span></a></li>
<li><a href="/html-files/support-pages/Contact.html">Contact<span class="underline"></span></a></li>
<li><a href="/html-files/auth/login.html">Login<span class="underline"></span></a></li>
<li><a href="./html-files/auth/register.html">SignUp<span class="underline"></span></a></li>
</ul>
</div>
</nav>
<div class="text">
<h2>Welcome</h2>
<h1>FOOD CODERS</h1>
<div class="arrow">
<span class="left"></span>
<i class="fas fa-asterisk"></i>
<span class="right"></span>
</div>
<span>A New Way To Find Fantastic Recipes</span>
<div class="button" ><button><a href="./html-files/pages/Page1.html">
Go To Recipes
</a></button></div>
</div>
<svg class="svg-down" width="192" height="61" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 160.7 61.5" enable-background="new 0 0 160.7 61.5" xml:space="preserve"><path fill="currentColor" d="M80.3,61.5c0,0,22.1-2.7,43.1-5.4s41-5.4,36.6-5.4c-21.7,0-34.1-12.7-44.9-25.4S95.3,0,80.3,0c-15,0-24.1,12.7-34.9,25.4S22.3,50.8,0.6,50.8c-4.3,0-6.5,0,3.5,1.3S36.2,56.1,80.3,61.5z"></path></svg>
<div class="arrow-down">
</div>
</header>
<!--End Header-->
<!--start About Us-->
<div class="about-us">
<div class="text">
<h2>Discover</h2>
<h3>Our Story</h3>
<div><i class="fas fa-asterisk"></i></div>
<p>Food Coders is a recipe website that believes in making cooking simple and fun. We have a team of passionate foodies who love to experiment in the kitchen and share their findings with the world. We believe that anyone can cook, regardless of skill level, and we are here to help you along your culinary journey.</p>
<div><a class="a-CTA" href="/html-files/support-pages/About.html">About Us</a></div>
</div>
<div class="image-container">
<div class="image image1">
<img src="https://ik.imagekit.io/daringbaba/Food_Coders/Sindhi-Vegetable-Biryani-7__1_.jpg?ik-sdk-version=javascript-1.4.3&updatedAt=1671789919672" alt="Food Photo">
</div>
<div class="image image2">
<img src="https://ik.imagekit.io/daringbaba/Food_Coders/crispy-fafda-with-sweet-jalebi-is-indian-snack-most-popular-gujarat-selective-focus_466689-27924__1_.jpg?ik-sdk-version=javascript-1.4.3&updatedAt=1671790169755" alt="Food Photo">
</div>
</div>
</div>
<!--End About Us-->
<!--start Recipes-->
<div class="recipes">
<div class="image"></div>
<div class="text">
<h2>Tasteful</h2>
<h3>Recipes</h3>
</div>
</div>
<!--End Recipes-->
<!--start Menu-->
<div class="menu">
<div class="box-model">
<i class="fas fa-times fa-2x close"></i>
<div class="arrow">
<div class="arrow arrow-right"></div>
<div class="arrow arrow-left"></div>
</div>
<div class="box-image-container">
<div class="box-image">
<img src="" alt="Food Photo">
</div>
</div>
</div>
<div class="menu-image-container">
<div class="image active">
<img src="https://img.freepik.com/premium-photo/sev-puri-is-famous-midday-snack-india-served-rustic-wooden-background-selective-focus_726363-1083.jpg?w=2000" alt="Sev Puri">
</div>
<div class="image">
<img src="https://content3.jdmagicbox.com/comp/ahmedabad/r9/079pxx79.xx79.191214020511.m3r9/catalogue/giriraj-dhokla-and-misal-pav-thaltej-ahmedabad-restaurants-1dvqakdngs.jpg" alt="Misal Pav">
</div>
<div class="image">
<img src="https://www.thespruceeats.com/thmb/UnVh_-znw7ikMUciZIx5sNqBtTU=/1500x0/filters:no_upscale():max_bytes(150000):strip_icc()/steamed-momos-wontons-1957616-hero-01-1c59e22bad0347daa8f0dfe12894bc3c.jpg" alt="Momos">
</div>
<div class="image">
<img src="https://gumlet.assettype.com/swarajya%2F2021-12%2F51196f71-c2c1-4d05-8652-bad38b006861%2Fidli_dosa_food.jpg?q=75&auto=format%2Ccompress&w=1200" alt="Idli and Dosa">
</div>
</div>
<div class="text">
<h2>Most Popular</h2>
<h3>Recipes</h3>
<div><i class="fas fa-asterisk"></i></div>
<p>For those with pure food indulgence in mind, come next door and sate your desires with our ever changing internationally and seasonally inspired small plates. We love food, lots of different food, just like you.</p>
<div><a class="a-CTA" href="./html-files/pages/Page1.html">View The Full Menu</a></div>
</div>
</div>
<!--Start Footer-->
<footer>
<div class="text">
<h2>ABOUT FOOD CODERS</h2>
<div><i class="fas fa-asterisk"></i></div>
<p>Our website is filled with easy-to-follow recipes that will help you impress your friends and family. We also have a community forum where you can ask questions, share tips, and connect with other foodies. Whether you're a beginner cook or a seasoned pro, we hope you'll find Foodcoders to be a valuable resource.</p>
</div>
<div class="contact-container">
<div class="social-media">
<h3>Follow Along</h3>
<div class="links">
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-facebook-square"></i></a>
<a href="#"><i class="fab fa-pinterest"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="newsletter">
<h3>NewsLetter</h3>
<form method="post">
<input type="email" name="email" placeholder="Type Your Email">
<i class="fas fa-envelope"></i>
</form>
</div>
</div>
</footer>
<!--End Footer-->
<!--Start Copy-Right-->
<div class="copyright">
<svg class="svg-up" width="192" height="61" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 160.7 61.5" enable-background="new 0 0 160.7 61.5" xml:space="preserve"><path fill="#262526" d="M80.3,61.5c0,0,22.1-2.7,43.1-5.4s41-5.4,36.6-5.4c-21.7,0-34.1-12.7-44.9-25.4S95.3,0,80.3,0c-15,0-24.1,12.7-34.9,25.4S22.3,50.8,0.6,50.8c-4.3,0-6.5,0,3.5,1.3S36.2,56.1,80.3,61.5z"></path></svg>
<i class="fas fa-angle-double-up arrow-up"></i>
<ul class="info">
<li>© Food Coders</li>
<li>Gorakhpur, India</li>
<li>Mob: +91 7071132485</li>
<li>Made with love by <a href="#">NoobCoders</a> </li>
</ul>
<ul class="CTA">
<li><a href="#">PERMISSIONS AND COPYRIGHT</a></li>
<li><a href="#">CONTACT THE TEAM</a></li>
</ul>
</div>
<!--End Copy-Right-->
<!-- Add your site or application content here -->
<script src="js/main.js"></script>
<script src="js/main.min.js"></script>
</body>
</html>