-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
118 lines (108 loc) · 5.09 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
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title> Food Delivery | WebMeal</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" media="screen and (max-width: 1170px)" href="css/phone.css">
<link href="https://fonts.googleapis.com/css?family=Baloo+Bhai|Bree+Serif&display=swap" rel="stylesheet">
<link rel="icon" href="images/logoCut.png">
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="images/logoCut.png" alt="WebMeal.com">
</div>
<ul>
<li class="item"><a href="#home">Home</a></li>
<li class="item"><a href="#services-container">Services</a></li>
<li class="item"><a href="#client-section">Our Clients</a></li>
<li class="item"><a href="#contact">Contact Us</a></li>
</ul>
</nav>
<section id="home">
<h1 class="h-primary">Welcome to WebMeal</h1>
<p>Satisfy Your Hunger with Fresh, Flavorful Food – Order Easily</p>
<button class="btn">Order Now</button>
</section>
<section id="services-container">
<h1 class="h-primary center">Our Services</h1>
<div id="services">
<div class="box">
<img src="images/food1.jpg" alt="">
<h2 class="h-secondary center">Food Catering</h2>
<p class="center">Indulge in a luxurious dining experience with WebMeal Catering. We
specialize in creating exquisite culinary masterpieces tailored to your event. Our chefs use the
finest ingredients to craft menus that are as delicious as they are visually stunning. Whether it’s a wedding,
corporate event, or private party, we ensure a memorable feast for you and your guests.</p>
</div>
<div class="box">
<img src="images/food2.jpg" alt="">
<h2 class="h-secondary center">Bulk Ordering</h2>
<p class="center">Planning an event, office meeting, or gathering? Our Bulk Ordering feature makes
it easy to order large quantities of delicious food from your favorite restaurants. Enjoy the convenience of
customizing your order to suit everyone’s taste and dietary preferences, all in one seamless experience.</p>
</div>
<div class="box">
<img src="images/food3.jpg" alt="">
<h2 class="h-secondary center">Food Ordering</h2>
<p class="center">Experience the convenience of ordering your favorite meals straight to your doorstep
with WebMeal. Whether you're craving comforting Italian pasta, sizzling Asian stir-fry, or a hearty
American burger, we've got you covered. Explore a diverse range of cuisines from local gems to popular chains,
all at your fingertips.</p>
</div>
</div>
</section>
<section id="client-section">
<h1 class="h-primary center">Our Clients</h1>
<div id="clients">
<div class="client-item">
<img src="images/lokasi-logo-25379.png" alt="Our Client">
</div>
<div class="client-item">
<img src="images/dominos-logo-4189.png" alt="Our Client">
</div>
<div class="client-item">
<img src="images/tokopedia-38846.png" alt="Our Client">
</div>
<div class="client-item">
<img src="images/logo-ifood-41169.png" alt="Our Client">
</div>
</div>
</section>
<br>
<br>
<br>
<section id="contact">
<h1 class="h-primary center">Contact Us</h1>
<div id="contact-box">
<form action="">
<div class="form-group">
<label for="name">Name: </label>
<input type="text" name="name" id="name" placeholder="Enter your name">
</div>
<div class="form-group">
<label for="email">Email: </label>
<input type="email" name="name" id="email" placeholder="Enter your email">
</div>
<div class="form-group">
<label for="phone">Phone Number: </label>
<input type="phone" name="name" id="phone" placeholder="Enter your phone">
</div>
<div class="form-group">
<label for="message">Message: </label>
<textarea name="message" id="message" cols="30" rows="10"></textarea>
</div>
<button class="send">Send</button>
</form>
</div>
</section>
<footer>
<div class="center">
Copyright © www.WebMeal.com. All rights reserved!
</div>
</footer>
</body>
</html>