-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (122 loc) · 5.13 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
<!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="shortcut icon" href="images/favicon.ico" 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:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500;1,600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<section class="skip-diet">
<div class="container">
<div class="food-diet">
<div class="food-content">
<h1> <span>Skip</span> The Diet,<br>Just Eat healthy <br> with food network</h1>
<p>Food, substance consisting essentially of protein, carbohydrate,<br> fat, and other nutrients used.</p>
<div class="food-button">
<a href="#">Order Food</a>
</div>
</div>
</div>
<div class="food-women">
<div class="fwomen-content">
<img src="images/food-women.png" alt="food women">
</div>
</div>
</div>
</section>
<section class="about-me" style="background-image: url(images/7.png);">
<div class="container">
<div class="about-women">
<div class="awomen-content">
<img src="images/person-image.png" alt="person image">
</div>
</div>
<div class="about-container">
<div class="about-cont">
<h1>About Me</h1>
<p>We support Modernist Cuisine. The Association of Professional Chefs is an organization that aims to unite professional chefs from around the world in a common ...</p>
<div class="about-button">
<a href="#">Contact Me</a>
</div>
</div>
</div>
</div>
</section>
<section class="my-recipes">
<div class="container">
<div class="recipes-content">
<h1>My recipies</h1>
<p>MyRecipes | The largest online collection of professionally-tested recipes, reliable kitchen tips, and mouthwatering daily food content. Come, search, cook, and ...</p>
.
</div>
<div class="recipes-blog">
<div class="recipe-item">
<div class="item-cont">
<img src="images/recipe1.jpg" alt="">
<h3> Easy Peach Cobbler </h3>
<p>What could be a more perfect ending to a summertime meal than </p>
</div>
</div>
<div class="recipe-item">
<div class="item-cont">
<img src="images/recipe2.png" alt="">
<h3> The Classic Burger </h3>
<p>Sink your teeth into a delicious restaurant-style, hamburger recipe.. </p>
</div>
</div>
<div class="recipe-item">
<div class="item-cont">
<img src="images/recipe3.jpg" alt="">
<h3> Traditional Spanish Paella </h3>
<p>Nourishing, vibrant, and served without pretension, paella has held </p>
</div>
</div>
</div>
</div>
</section>
<section class="juice-recipes" style="background-image: url(images/naturalfood.jpg);">
<div class="container">
<div class="juice-content">
<h2>Natural Food</h2>
<p>A natural food or ingredient of a food does not have any constituent or fraction thereof removed or significantly changed, except the removal of water.</p>
<div class="juice-button">
<a href="#"> View all recipes
</a>
</div>
</div>
</div>
</section>
<section class="social">
<div class="container">
<div class="social-content">
<div class="social-item">
<h2>700K</h2>
<p>Youtube Subscribers</p>
</div>
<div class="social-item">
<h2>2.4m</h2>
<p>Instagram Followers</p>
</div>
<div class="social-item">
<h2>100k</h2>
<p>Dribbble Shot Likes</p>
</div>
</div>
</div>
</section>
<footer class="food-network">
<div class="container">
<div class="food-content">
<h3> <span>FOOD</span> NETWORK</h3>
<p>Eat healthy to live healthy. Live healthy to live happy.</p>
</div>
</div>
</footer>
</body>
</html>