-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
105 lines (103 loc) · 4.55 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
<!DOCTYPE html>
<html lang="en">
<title>Order food online from India's best food delivery service. Order from restaurants near you</title>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" sizes="192x192" href="https://media-assets.swiggy.com/swiggy/image/upload/fl_lossy,f_auto,q_auto,w_192,h_192/portal/c/logo_2022.png">
</head>
<body>
<div class="navbar">
<div class="leftbar">
<ul>
<li><img src="./images/swiggiLogo.png"></li>
<li style="border-bottom: 2px solid; padding: 0; margin: 25px 0px; font-weight: 700; color: #3d4152; font-family: ProximaNova,arial,Helvetica Neue,sans-serif; font-size: 15px;">Comviva</li>
<li style="color: #919191; font-family: ProximaNova,arial,Helvetica Neue,sans-serif;font-size: 13px;">Gurugram</li>
</ul>
</div>
<div class="rightbar">
<ul>
<li><span class="material-symbols-outlined">Search</span>Search</li>
<li><span class="material-symbols-outlined">percent</span>Offer</li>
<li><span class="material-symbols-outlined">help</span>Help</li>
<li><span class="material-symbols-outlined">person</span>#</li>
<li><span class="material-symbols-outlined">shopping_bag</span>Cart</li>
</ul>
</div>
</div>
<div class="content">
<p>Best offer for you</p>
<div class="section">
<div class="box1"><img src="./images/img1.png"></div>
<div class="box1"><img src="./images/img2.png"></div>
<div class="box1"><img src="./images/img3.png"></div>
<div class="box1"><img src="./images/img1.png"></div>
<div class="box1"><img src="./images/img2.png"></div>
<div class="box1"><img src="./images/img3.png"></div>
</div>
<p>What's on your mind?</p>
<div class="section">
<div class="box2"><img src="./images/food1.png"><h4>CHICKEN</h4></div>
<div class="box2"><img src="./images/food2.png"><h4>BURGER</h4></div>
<div class="box2"><img src="./images/food3.png"><h4>FASTFOOD</h4></div>
<div class="box2"><img src="./images/food6.webp"><h4>CAKE</h4></div>
<div class="box2"><img src="./images/food5.png"><h4>FRIEDS</h4></div>
<div class="box2"><img src="./images/food4.png"><h4>SPICY</h4></div>
</div>
<p>Top selling foods</p>
<div class="section">
<div class="box1"><img src="./images/img1.png"></div>
<div class="box1"><img src="./images/img2.png"></div>
<div class="box1"><img src="./images/img3.png"></div>
<div class="box1"><img src="./images/img1.png"></div>
<div class="box1"><img src="./images/img2.png"></div>
<div class="box1"><img src="./images/img3.png"></div>
</div>
</div>
<div class="footer">
<div class="col">
<h3>Swiggy</h3>
<a>2023 Bundl</a>
<a>Technologies Pvt.ltd</a>
</div>
<div class="col">
<h3>Company</h3>
<a>About</a>
<a>Career</a>
<a>Team</a>
<a>Swiggy one</a>
<a>Swiggy Instamart</a>
<a>Swiggy Genie</a>
</div>
<div class="col">
<h3>Contact Us</h3>
<a>Help & Support</a>
<a>Partner us</a>
<a>Ride with us</a><br><br>
<h3>Legal</h3>
<a>Terms & Conditions</a>
<a>Cookie policy</a>
<a>Privacy Policy</a>
</div>
<div class="col">
<h3>We deliver to</h3>
<a>Patna</a>
<a>Gurgaon</a>
<a>Hyderabad</a>
<a>Delhi</a>
<a>Mumbai</a>
<a>Pune</a>
<a><select name="course list">
<option>589 cities</option>
<option>Patna</option>
<option>Ranchi</option>
<option>Bhubaneswar</option>
</select></a>
</div>
</div>
</body>
</html>