-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
96 lines (90 loc) · 5.02 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
<!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>Best online food delivery services in India foodFDeliver.org</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Baloo+Bhai+2&display=swap" rel="stylesheet">
<!-- <link rel="stylesheet" media="screen and (max-width: 1100px)" href="phone.css"> -->
</head>
<body>
<nav id="navBar">
<div class="logo">
<img src="logo.png.png" alt="foodDelivery.org" srcset="">
</div>
<ul>
<li class="item"><a href="#">Home</a></li>
<li class="item"><a href="#">About Us</a></li>
<li class="item"><a href="#">Services</a></li>
<li class="item"><a href="#">Contact Us</a></li>
</ul>
</nav>
<hr>
<section id="home">
<h1 class="primary">Welcome to MyFoodDelivery</h1>
<p class="para">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aut, sunt reiciendis tempore laborum odit provident accusantium error. Laborum pariatur debitis aliquid, voluptatem tempora voluptates? Natus vero corporis eius laboriosam asperiores?</p>
<p class="para">Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore ex veritatis esse pariatur alias atque tempora amet minus corrupti saepe.</p>
<button class="btn">Order Now</button>
</section>
<hr>
<section class="services-container">
<h1 class="primary center">Our Services</h1>
<div id="services">
<div class="box">
<img class="box-image" src="https://cdn.pixabay.com/photo/2015/04/08/13/13/food-712665__480.jpg" alt="">
<h2 class="secondary center">Food Ordering</h2>
<p class="center para">Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam, tempore veritatis et provident ipsa debitis, illum fuga enim nobis dolorum odio rem molestiae? Quaerat accusantium sint, vel in maiores neque molestiae. Ipsam, officiis
possimus?
</p>
</div>
<div class="box">
<img class="box-image" src="https://cdn.pixabay.com/photo/2017/11/08/22/18/spaghetti-2931846__480.jpg" alt="">
<h2 class="secondary center">Food Catering</h2>
<p class="center para">Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam, tempore veritatis et provident ipsa debitis, illum fuga enim nobis dolorum odio rem molestiae? Quaerat accusantium sint, vel in maiores neque molestiae. Ipsam, officiis
possimus?
</p>
</div>
<div class="box">
<img class="box-image" src="https://cdn.pixabay.com/photo/2016/06/13/13/39/pizza-1454239__480.png" alt="">
<h2 class="secondary center">Bulk delivery</h2>
<p class="center para">Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam, tempore veritatis et provident ipsa debitis, illum fuga enim nobis dolorum odio rem molestiae? Quaerat accusantium sint, vel in maiores neque molestiae. Ipsam, officiis
possimus?
</p>
</div>
</div>
</section>
<hr>
<section class="client-section">
<h1 class="primary center">Our clients</h1>
<div id="clients">
<div class="client-items">
<img class="box-imagec" src="shield-167582__480-removebg-preview.png" alt="Our Client">
</div>
<div class="client-items">
<img class="box-imagec" src="mccafe-332042__480-removebg-preview.png" alt="Our Client">
</div>
<div class="client-items">
<img class="box-imagec" src="Pizza_Hut-logo-FDF59C73F0-seeklogo.com-removebg-preview.png" alt="Our Client">
</div>
<div class="client-items">
<img class="box-imagec" src="KFC-logo-F551B03367-seeklogo.com-removebg-preview.png" alt="Our Client">
</div>
</div>
</section>
<hr>
<section id="contact">
<h2 class="secondary">Contact Now for Delicious Food Delivery</h2>
<div class="form-group">
<form action="noaction.php">
<div class="form-item"><input type="text" name="" placeholder="Enter your name"> </div>
<div class="form-item"><input type="email" name="" placeholder="Enter your EmailId"> </div>
<div class="form-item"><input type="number" name="" placeholder="Enter your Phone No."> </div>
<div class="form-item"><input type="text" name="" placeholder="Enter your Address"> </div>
<div class="form-item"><input type="submit" name="" class="btn submit"></div>
</form>
</section>
</body>
</html>