-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
161 lines (136 loc) · 6.45 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
<!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>
<!-- <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"> -->
<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=Roboto&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav>
<ul>
<li><a href="#">About</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Recipes</a></li>
<li><a href="#">Home</a></li>
<li class="home-left">
<div class="search">
<input type="text" name="recipes" placeholder="Search Recipies">
<input type="button" value="Search">
</div>
</li>
</ul>
</nav>
<section class="top-part flexible-container">
<div class="half-width">
<h1><span class="span-color">Skip</span> The Diet,</h1>
<h1>Just Eat Healthy</h1>
<h1>With Food Network</h1>
<p>Our Food Network is the best Online Food Delivery Service. We Provide
only the Halal food item. Our
Cooking procedure is
very hygienic. You are welcome to experience taste our exclusive
recipe.</p>
<br>
<a class="button" target="_blank"
href="https://facebook.com/almamun2b">Order Food</a>
</div>
<div class="half-width">
<img src="images/models/image-1.png" alt="">
</div>
</section>
<section class="middle-part flexible-container">
<div class="half-width">
<img src="images/models/image-2.png" alt="">
</div>
<div class="half-width">
<div class="about-me">
<h3>About Us</h3>
<p>FOOD NETWORK is a unique lifestyle network, website and magazine
that connects viewers to the
power and joy of food. The network strives to be viewers' best
friend in food and is committed
to leading by teaching,
inspiring, empowering and entertaining through its talent and
expertise.</p>
<br>
<a class="button" target="_blank"
href="https://www.linkedin.com/in/mycodinglab/">Contact Me</a>
</div>
</div>
</section>
<section class="recipies-section">
<div class="bottom-part">
<div class="recipies-intro">
<div>
<h3>My Recipies</h3>
<p>Food Networks Features the largest collection of
professionally-tested recipes online from
food experts at the magazines and cookbooks
you love and trust. Here is some of food items you may like.
</p>
</div>
</div>
<div class="food-menu">
<div class="food-items">
<img src="images/food/Cover1.png" alt="">
<h4>Recipe one</h3>
<p>A side of salmon, hot off the grill and laid on fig leaves
from a backyard tree if you
have one, makes a spectacular
main course. If you're daunted by the prospect of flipping
such a large piece of fish,
cut it into three sections before
grilling .</p>
</div>
<div class="food-items">
<img src="images/food/Cover2.png" alt="">
<h4>Recipe Two</h3>
<p>Light the grill for this sweet Brown Sugar-Grilled Salmon.
Pair it with this summer's
best Zucchini and Fennel "Noodles"
for a quick, 25-minute dinner that is sure to hit the
spot.</p>
</div>
<div class="food-items">
<img src="images/food/Cover3.png" alt="">
<h4>Recipe Three</h3>
<p>Spice-crusted salmon teams up with the smoky crunch of
grilled cucumbers. A creamy yogurt
raita, spiked with fresh dill and
tangy bits of pickled okra, cools it all down.</p>
</div>
</div>
</div>
</section>
<div class="social-link">
<h2>Feedback Us to Improve Services</h2>
<textarea placeholder="Leave Your Feedback Here..." name="feedback" id=""
cols="30" rows="10"></textarea>
<br>
<input class="button" type="submit" value="Send Feedback">
</div>
<div class="social-link">
<h2>Follow Us On Social Media</h2>
<a target="_blank" href="https://facebook.com/almamun2b">Facebook</a>
<a target="_blank" href="https://instagram.com/almamun2b">Instagram</a>
<a target="_blank" href="https://twitter.com/almamun2b">twitter</a>
<a target="_blank" href="https://linkedin.com/in/almamun2b">LinkedIn</a>
</div>
<footer>
<div>
<h4><span class="span-color ">Food</span> Network</h4>
<p>© Abdullah Al Mamun 2021, a <span class="span-color">MyCodingLab</span>
initiative.</p>
</div>
</footer>
</body>
</html>