-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
209 lines (202 loc) · 9.5 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
<!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>Food Lover</title>
<!-- My CSS Links -->
<link rel="stylesheet" href="style.css">
<!-- Google Font Links -->
<link rel="shortcut icon" href="img/fav.png" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;800&family=Montserrat:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<!-- Font Awesome Icon Library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body id="home">
<!-- header section start -->
<header>
<!-- Extra Section (Nav Bar) Start -->
<nav class="nav-bar container">
<a href="index.html" class="logo"><span>FOOD </span>LOVER</a>
<div class="nav-items">
<a href="index.html" class="items">Home</a>
<a href="#about" class="items">About</a>
<a href="#recipies" class="items">Recipies</a>
<a href="#shop" class="items">Products</a>
<a href="#follower" class="items">Followers</a>
<a href="#footer" class="items">Contact</a>
<a href="https://emonahmed.com/" target="_blank" class="items"><span class="nav-button">Order Food</span></a>
</div>
</nav>
<!-- Extra Section (Nav Bar) End-->
<!-- banner section start -->
<div class="banner container">
<div class="banner-content">
<h1><span>Celebrating </span>The <br>
Season Of Food <br>
For The Whole Year</h1>
<p>Welcome to the world of tasty food. Where taste and health can not meet. Luxury food,luxury restaurant!</p>
<a href="https://emonahmed.com/" target="_blank" class="button">Order Food</a>
</div>
<div class="banner-img">
<img src="img/main.png" alt="Banner Img">
</div>
</div>
<!-- banner section end -->
</header>
<!-- header section end -->
<!-- about section start -->
<section id="about" class="about">
<div class="container flex">
<div class="about-img">
<img src="img/Person.png" alt="Person">
</div>
<div class="about-content">
<h2>About Me</h2>
<p>We will probably give excellent client benefit, the best quality fixings, and a noteworthy affair whether it’s an uncommon occasion, easygoing social event of companions or a sentimental night out on the town. Luxurious taste at an inexpensive price.</p>
<a href="https://emonahmed.com/" target="_blank" class="button">I'm Here</a>
</div>
</div>
</section>
<!-- about section end -->
<!-- recipies section start -->
<section class="recipies-section container" id="recipies">
<div class="recipies-content">
<h1>My Recipies</h1>
<p>Curious what equipment and pantry staples we love? Check out our shop, where we share our go-to and recommend appliances, ingredients, tools, and more! We are making it better.</p>
</div>
<div class="recipies">
<div class="recipies-blog">
<img src="img/Project1.jpg" alt="">
<h3>Fluffy Millet Breakfast</h3>
<p>The idea for this snack cake has been swirling around my head for a while after seeing some beautiful millet muffins in Amy Chaplin’s cookbook, At Home in the Whole Food Kitchen.....</p>
</div>
<div class="recipies-blog">
<img src="img/Project2.jpg" alt="">
<h3>Creamy Chocolate</h3>
<p>This creamy, DIY vegan chocolate milk is something special because it’s like Nutella in a glass. We know! Exciting stuff. It’s the real deal but without the dairy and refined sugar. Plus.....</p>
</div>
<div class="recipies-blog">
<img src="img/Project3.png" alt="">
<h3>Vegan Raspberry </h3>
<p>If you’re a strawberry lover, then this strawberry frosting is a must-try! Made with creamy vegan butter, ripe strawberry purée, and organic powdered sugar, it’s a trifecta of flavor, texture, and sweetness!.... </p>
</div>
</div>
</section>
<!-- recipies section end -->
<!-- Extra Section (Feature Products) -->
<section class="shop container" id="shop">
<div class="shop-content">
<h1>Featured Products</h1>
<p>Making Food great again and again. Check out our shop, You will Love it.</p>
</div>
<div class="shop-area">
<div class="shop-bar">
<div class="products">
<img src="img/pro/icons8-french-fries-80.png" alt="">
<div class="product-content">
<p>Fresh French Frie</p>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<p><b>$75</b></p>
</div>
</div>
<div class="products">
<img src="img/pro/icons8-hamburger-80.png" alt="">
<div class="product-content">
<p>Fresh Hamburger</p>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<p><b>$75</b></p>
</div>
</div>
<div class="products">
<img src="img/pro/icons8-hot-dog-80.png" alt="">
<div class="product-content">
<p>Fresh Hot Dog</p>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
<p><b>$75</b></p>
</div>
</div>
</div>
<div class="shop-bar">
<div class="products">
<img src="img/pro/icons8-pizza-80.png" alt="">
<div class="product-content">
<p>Fresh Hot Pizza</p>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>
<p><b>$75</b></p>
</div>
</div>
<div class="products">
<img src="img/pro/icons8-sandwich-80.png" alt="">
<div class="product-content">
<p>Fresh Sandwich</p>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<p><b>$75</b></p>
</div>
</div>
<div class="products">
<img src="img/pro/icons8-wrap-80.png" alt="">
<div class="product-content">
<p>Fresh Wrap</p>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<p><b>$75</b></p>
</div>
</div>
</div>
</div>
</section>
<!-- Extra Section (Feature Products) -->
<!-- follower section start -->
<section class="follower container" id="follower">
<div class="follower-box">
<h1>700k</h1>
<p>Youtube Subscribers</p>
</div>
<div class="follower-box">
<h1>2.4M</h1>
<p>Instagram Followers</p>
</div>
<div class="follower-box">
<h1>100k</h1>
<p>Dribbble Shot Likes</p>
</div>
</section>
<!-- follower section end -->
<!-- footer section start -->
<footer class="footer" id="footer">
<h3>
<span id="footer-color-text">Food</span>
<span id="footer-text">Lover</span>
</h3>
<p>Taste That Makes You Go UMMMMMMM.</p>
</footer>
<!-- footer section end -->
</body>
</html>