-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
150 lines (147 loc) · 5.81 KB
/
index.html
File metadata and controls
150 lines (147 loc) · 5.81 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="./css/normalize.css">
<link rel="stylesheet" href="./css/style.css" type="text/css">
</head>
<body>
<header>
<div class="header_menu">
<ul class="login_list">
<li><a href="">log in</a></li>
<li><a href="">signup up</a></li>
<li>
<button class="button_menu"><img src="./img/menu.png" alt=""></button>
</li>
</ul>
</div>
<div class='header_title'>
<p>Find your Favorite</p>
<h1>RECIPES</h1>
<button class="button_started">get started</button>
<p>OR SEND US YOUR OWN RECIPES AND <span class="underline">GET REWARDED!</span></p>
</div>
</header>
<main>
<section class="section1">
<div class="section1_icons">
<img src="./img/icon_burger.png" alt="image_bugrger">
<h3>GET INSPIRED</h3>
<hr color='#f57365'>
<p>Lorem ipsum dolor sit amet, consectetur adipisc Pellentesque vel enim a elit viverra elementuma. Aliquam erat volutpat.</p>
</div>
<div class="section1_icons">
<img src="./img/icon_cash.png" alt="image_cash">
<h3>GET REWARDED</h3>
<hr color='#f57365'>
<p>Lorem ipsum dolor sit amet, consectetur adipisc Pellentesque vel enim a elit viverra elementuma. Aliquam erat volutpat.</p>
</div>
<div class="section1_icons">
<img src="./img/icon_coocker.png" alt="image_coock">
<h3>GET SOCIAL</h3>
<hr color='#f57365'>
<p>Lorem ipsum dolor sit amet, consectetur adipisc Pellentesque vel enim a elit viverra elementuma. Aliquam erat volutpat.</p>
</div>
</section>
<section class="section2">
<div class="iphone_image">
<img src="./img/iphone.png" alt="iphone">
</div>
<div class="section2_content">
<h3>INTRODUCING THE FUDI APP</h3>
<hr color='#f57365'>
<br>
<p>Morbi eget posuere dolor. Pellentesque cursus aliquet aliquet. Aeneanet felis sit amet diam mollis ullamcorper. Nullam consequat sem a ante vest ibulum tristique. Suspendisse tristique lacus ac mattis porta. </p>
<p>Vivamus ligula quam, vehicula non lacinia sed, faucibus sit amet libero. In libero dui, eleifend eu nisi id, egestas fringilla odio. In varius quam a mas sa hendrerit ullamcorper a eu justo. Suspendisse porta mattis convallis. Aenean tempus ligula ac odio rhoncus, quis aliquam dolor accumsan. </p>
<p>Suspendisse aliquet felis consectetur libero congue, sed pulvinar diam malesuada. Duis vehicula a nibh id hendrerit. Donec sit amet ultrices ante, a mattis massa. </p>
<img src="./img/App%20store.png" alt="icon_appStore">
<img src="./img/googl%20play.png" alt="icon_googlePay">
</div>
</section>
<section class="section3">
<img src="./img/gay.png" alt="">
<h2><q>I am so happy because I found this recipe, and it just made my life easier. <br> Thanks so much for sharing!</q></h2>
<p><cite>- Michael Dawson, San Francisco, CA -</cite></p>
<div class="etc">
<img src="./img/Ellipse%204.png" alt="elipse">
<img src="./img/Ellipse%204.png" alt="elipse">
<img src="./img/Ellipse%204.png" alt="elipse">
</div>
</section>
<section class="section4">
<h3>BROWSE BY CUISINES</h3>
<hr color='#f57365'>
<ul class="food_list">
<li>
<p>327 Recipes</p>
<h3>italian</h3>
</li>
<li>
<p>856 Recipes</p>
<h3>indian</h3>
</li>
<li>
<p>27 Recipes</p>
<h3>french</h3>
</li>
<li>
<p>174 Recipes</p>
<h3>steakhouse</h3>
</li>
<li>
<p>131 Recipes</p>
<h3>seafood</h3>
</li>
<li>
<p>237 Recipes</p>
<h3>sushi</h3>
</li>
<li>
<p>529 Recipes</p>
<h3>mexican</h3>
</li>
<li>
<p>145 Recipes</p>
<h3>chinese</h3>
</li>
<li>
<p>327 Recipes</p>
<h3>pizza</h3>
</li>
<li>
<p>1437 Recipes</p>
<h3>american</h3>
</li>
</ul>
<ul class="statistic_list">
<li>
<h3>23,567</h3>
<p>Recipes Available</p>
</li>
<li>
<h3>431,729</h3>
<p>Active Users</p>
</li>
<li>
<h3>892,173</h3>
<p>Positive Reviews</p>
</li>
<li>
<h3>56,581</h3>
<p>Photos & Videos</p>
</li>
<li>
<h3>3,182</h3>
<p>Spices and Herbs </p>
</li>
</ul>
</section>
</main>
<footer>
<p>2014 Fudi. All Rights Reserved.</p>
<p><span class="color">DESIGN BY:</span> WWW.BEKADES.COM</p>
</footer>
</body>
</html>