-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
102 lines (101 loc) · 3.93 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FoodXpress</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<header>
<!--navbar-->
<div class="navbar">
<div class="nav-logo">
<div class="logo"></div>
</div>
<div class="searchbar">
<input placeholder="Search your food" class="search">
<div class="search-icon">
<i class="fa-solid fa-magnifying-glass" style="color:#000000;"></i>
</div>
</div>
<div class="nav-account">
<i class="fa-regular fa-user"></i>
Account
</div>
<div class="nav-cart">
<i class="fa-solid fa-cart-shopping" style="color:#ffffff;"></i>
Cart
</div>
</div>
<!--panel-->
<div class="panel">
<div class="panel-all border">
<i class="fa-solid fa-bars"></i>
Home
</div>
<div class="panel-ops">
<p class="border">Sign up</p>
<p class="border">Help</p>
<p class="border">Membership</p>
</div>
</div>
</div>
</header>
<!--hero section-->
<div class="hero-sec">
<div class="hero-msg">
<h1>Something is Cooking</h1>
<br>
<p>When you need food get the best from your nearby stores at a much affordable price.</p>
<p>Order Anytime , Anything , sitting anywhere!!</p>
<br>
<button>Let's Order</button>
</div>
</div>
<hr>
<div class="sub">
<div class="sub1">
<div class="con1">
<h1>About Us</h1>
<br>
<p>Welcome to FoodXpress, where delicious meals meet affordability. FoodXpress is your go-to destination for freshly prepared, excess food from restaurants and homes at low costs. We are dedicated to reduce food waste while offering tasty options for every palate. Join us in our mission to make food accessible and sustainable for all.</p>
</div>
<div id="container1">
<img id="tv-image" src="img2.png" alt="TV Image">
</div>
</div>
<div class="sub2">
<div class="con2">
<h1>Our Promises</h1>
<br>
<div class="text">
<ul>
<li>Strict hygiene standards adhered to during food preparation and delivery.</li>
<li>Diverse menu options to cater to various tastes and dietary preferences.</li>
<li>Real-time tracking of orders for transparency and convenience.</li>
<li>Flexible return or refund policies in case of dissatisfaction.</li>
<li>Commitment to evolving and enhancing the user experience based on feedback and trends.</li>
</ul>
</div>
</div>
<div id="container1">
<img id="tv-image" src="img1-final.png" alt="Delivery Partner">
</div>
</div>
</div>
<div class="footer">
<h3>Contact Me</h3>
<p>Email: <a href="[email protected]" class="mail">[email protected]</ahref></a></p>
<p>Phone: <a href="+91 9903109862"></a>+91 9903109862</p>
</div>
<div class="end">
<p>
<i class="fa-regular fa-copyright"></i>
estd 2024
</p>
</div>
</body>
</html>