-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
117 lines (109 loc) · 5.47 KB
/
home.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
<!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>Fitsta</title>
<link rel="icon" href="15103373071553508372-256.png">
<link rel="stylesheet" href="https://use.typekit.net/bwh5yof.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="top-nav-div">
<nav class="top-nav" id="topNav">
<ul class="menu-list">
<a href="/home"><img src="15103373071553508372-256.png" alt="Fitsta Logo" width="40px" id="logo"></a>
<a href="/home">Home</a>
<a href="/MealsPacks">Meals Packages </a>
<a href="#socialMedia">Contact Us</a>
<a href="#aboutUs">About Us</a>
</ul>
</nav>
</div>
</header>
<main>
<div class="hero">
<h1>
Ordering <br> <span class="healthy">healthy</span> <br> is not that <br> hard
</h1>
<div class="buttoms">
<a href="/LoginPage" id="log-buttom"><p>Login</p> </a>
<a href="/RegistrationPage" id="reg-buttom"><p>Register</p> </a>
</div>
</div>
<div class="contents">
<h3>Make your diet more efficient</h3>
<div class="vectors">
<div class="vector">
<img src="8783306411586787995-256 (1).png" alt="choose image">
<div class="vtitles">
<h5>Select</h5>
<p>Select your food between over 2000 foods</p>
</div>
</div>
<div class="vector">
<img src="6408796321583761748-256.png" alt="cooking image">
<div class="vtitles">
<h5>It's ready</h5>
<p>We make it for you in 15 mins</p>
</div>
</div>
<div class="vector">
<img src="15231551861553230909-256.png" alt="delivery image" >
<div class="vtitles">
<h5>Open your door</h5>
<p>We are at you door step</p>
</div>
</div>
<div class="vector">
<img src="16418001731580120721-256.png" alt="">
<div class="vtitles">
<h5>Pay monthly</h5>
<p>Pay your orders at the end of month</p>
</div>
</div>
</div>
<div class="info" id="aboutUs">
<img src="https://images.unsplash.com/photo-1542838132-92c53300491e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=774&q=80" alt="">
<div class="info-text">
<h4>Organic</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tempus augue a neque commodo, eu commodo urna aliquam. Aliquam id libero arcu. Integer tortor dolor, rutrum eu mauris sit amet, porttitor rutrum risus. Mauris mi orci, iaculis ut feugiat tristique, condimentum at dolor. Nunc at dui fermentum, aliquet ex et, porta erat. In quis consequat magna. Duis est nulla, condimentum et placerat ut, aliquam ut lectus.</p>
</div>
</div>
<h4>Our chefs are making these right now</h4>
<div class="footer-menu">
<div class="menu-cards">
<img src="https://image.freepik.com/free-photo/keto-salad-with-superfood-healthy-lifestyle_53876-101571.jpg" alt=" food 1">
<h6>Bean Salad</h6>
<p>4.99$</p>
</div>
<div class="menu-cards">
<img src="https://image.freepik.com/free-photo/spaghetti-meatball-topped-with-parmesan-basil-food_53876-98317.jpg" alt="food 2">
<h6>Meat Spaghetti </h6>
<p>8.49$</p>
</div>
<div class="menu-cards">
<img src="https://image.freepik.com/free-photo/cooked-meat-veggies-kebab-skewers-with-pita_23-2148651053.jpg" alt=" food 3">
<h6>Chicken Kebab</h6>
<p>5.99$</p>
</div>
<div class="menu-cards">
<img src="https://image.freepik.com/free-photo/grilled-chicken-rice-spicy-chickpeas-avocado-cabbage-pepper-buddha-bowl_127032-1996.jpg" alt=" food 4">
<h6>Fit Salad</h6>
<p>4.99$</p>
</div>
</div>
</main>
<footer>
<hr>
<div class="social-media" id="socialMedia">
<h4>Contact Us</h4>
<a href="instagram.com"><img src="5639255371566470606-64.png" alt="instagram"></a>
<a href="facebook.com"><img src="97255801586787813-64.png" alt="Facebook"></a>
<a href="Twitter.com"><img src="7140107361586787870-64.png" alt="Twitter"></a>
</div>
</footer>
</body>
</html>