-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
228 lines (221 loc) · 8.19 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
<!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 Network</title>
<!-- google font links -->
<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=Montserrat&display=swap"
rel="stylesheet"
/>
<!-- custom css link -->
<link rel="stylesheet" href="./style.css" />
</head>
<body>
<!-- navbar start -->
<nav>
<ul class="navbar">
<ul class="logo">
<li>
<a href="#"> <span class="brand__color">Food</span> Network</a>
</li>
</ul>
<ul class="nav__items">
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#about__us">About Us</a>
</li>
<li>
<a href="#recipes">Recipes</a>
</li>
<li>
<a href="#chef">Master Chef's</a>
</li>
<li>
<a href="#contact__us">Contact Us</a>
</li>
</ul>
</ul>
</nav>
<!-- navbar end -->
<!-- website main content start -->
<main>
<!-- banner section start -->
<section class="container flex__area" id="banner">
<div class="banner__content half__width">
<h1 class="section__heading">
<span class="brand__color">Skip</span> The Diet, Just Eat Healthy
With Food Network
</h1>
<p class="section__content">
Imagine you don't need a diet because we provide healthy and
delicious food for you!
</p>
<a
href="https://www.facebook.com/dev.farhanNahid"
target="_blank"
class="brand__button"
>Order Now</a
>
</div>
<div class="banner__image half__width">
<img src="./images/banner.png" alt="Banner" />
</div>
</section>
<!-- banner section end -->
<!-- about us section start -->
<section id="about__us">
<div class="container flex__area">
<div class="about__us__image half__width">
<img src="./images/about-me.png" alt="about me" />
</div>
<div class="about__us__content half__width">
<h1 class="section__heading">About Us</h1>
<p class="section__content">
Are you hungry? Then Food Network is the right destination for
you! Food Network is a restaurant. Where you can order your
favourite food for your breakfast, launch or dinner. So why are
you waiting for ? Order now!!!
</p>
<a
href="https://github.com/farhanNahid"
target="_blank"
class="brand__button"
>Contact me</a
>
</div>
</div>
</section>
<!-- about us section end -->
<!-- My recipes section start -->
<section id="recipes" class="container">
<h1 class="section__title">Our Recipes</h1>
<p class="section__text">
Find your favourite food. Here are some of our recipes. you can choose
your favourite one order it..
</p>
<div class="flex__area">
<!-- single recipe card 1 -->
<div class="card recipe__card">
<img class="card__image" src="./images/recipe1.jpg" alt="recipe1" />
<h3 class="card__title">Dim Bhaji</h3>
<p class="card__description">
This is one of our best food. We have one spacial master chef who
can made amusing dim bhaji. if you try it once it will be your
favourite food.
</p>
</div>
<!-- single recipe card 2 -->
<div class="card recipe__card">
<img class="card__image" src="./images/recipe2.png" alt="recipe2" />
<h3 class="card__title">Dal Bhuna</h3>
<p class="card__description">
This is also one of our best food. We have one spacial master chef
who can made amusing dal bhuna. You can consider it as your side
dish for your dinner or lunch.
</p>
</div>
<!-- single recipe card 3 -->
<div class="card recipe__card">
<img class="card__image" src="./images/recipe3.jpg" alt="recipe3" />
<h3 class="card__title">Beeaf Stack</h3>
<p class="card__description">
It is so costly food. We don't say we to eat it regularly. But if
today is your spacial day and you want to enjoy this day, then you
can consider it.
</p>
</div>
</div>
</section>
<!-- My recipes section end -->
<!-- our chef section start -->
<section id="chef">
<div class="container">
<h1 class="section__title">Our Chef's</h1>
<p class="section__text">
Meet to some of Our Awesome Chef's. They win so many international
award & there cooking skill is much better from anyone.
</p>
<div class="flex__area">
<!-- single chef card 1 -->
<div class="card chef__card">
<img class="card__image" src="./images/chef1.jpg" alt="chef1" />
<h3 class="card__title">Gerron Hurt</h3>
</div>
<!-- single chef card 2 -->
<div class="card chef__card">
<img class="card__image" src="./images/chef2.jpg" alt="chef2" />
<h3 class="card__title">Courtney Lapresi</h3>
</div>
<!-- single chef card 3 -->
<div class="card chef__card">
<img class="card__image" src="./images/chef3.jpg" alt="chef3" />
<h3 class="card__title">Sashi Cheliah</h3>
</div>
<!-- single chef card 4 -->
<div class="card chef__card">
<img class="card__image" src="./images/chef4.jpg" alt="chef4" />
<h3 class="card__title">Jennifer Behm</h3>
</div>
</div>
</div>
</section>
<!-- our chef section end -->
<!--Contact us section start -->
<section class="container" id="contact__us">
<h1 class="section__title">Get In Touch</h1>
<p class="section__text">
We Love to hear from you . Whether you have a question or just want to
say hi, fell free to drop a message. We'll try my best to get back to
you
</p>
<form class="contact__us__form">
<input type="text" placeholder="Enter Your Name" required />
<input type="email" placeholder="Enter Your Email" required />
<input type="text" placeholder="Enter Your Address" required />
<textarea cols="30" rows="10" placeholder="Message"></textarea>
<input type="submit" value="Submit" class="brand__button" />
</form>
</section>
<!-- Contact us section end -->
<!-- social media section start -->
<section class="" id="social__media">
<div class="container">
<div class="social__media__container">
<!-- single social media 1 -->
<div class="single__social__item">
<h3>700k</h3>
<p>YouTube Subscribers</p>
</div>
<!-- single social media 2 -->
<div class="single__social__item">
<h3>2.4M</h3>
<p>Instagram Followers</p>
</div>
<!-- single social media 3 -->
<div class="single__social__item">
<h3>100k</h3>
<p>Dribble Shot Likes</p>
</div>
</div>
</div>
</section>
<!-- social media section end -->
</main>
<!-- website main content end -->
<!-- footer area start -->
<footer>
<div class="container">
<h3><span class="brand__color">FOOD</span> NETWORK</h3>
<p>Eat healthy to live healthy. Live healthy to live happy.</p>
</div>
</footer>
<!-- footer area end -->
</body>
</html>