-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
88 lines (79 loc) · 3.87 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
<!DOCTYPE html>
<html>
<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>Best Online Food Delivery Service in India | MyOnlineMeal.com</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">
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="logo.png" alt="The Olive Tree.com">
</div>
<ul>
<li class="item"><a href="#home">Home</a></li>
<li class="item"><a href="./menu.html">Menu</a></li>
<li class="item"><a href="./promotions.html">Events</a></li>
<li><a href="./contact.html">Contact Us</a></li>
</ul>
</nav>
<section id="home">
<h1 class="h-primary">Welcome to The Olive Tree</h1>
<p>A Crazy place for crazy foody - Heart of Perfect Food Hangout!</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="1.png" alt="">
<h2 class="h-secondary center">Food Catering</h2>
<p class="center">The Olive Tree Caterers enjoy the rare distinction of being an all in one organizer for all types of
functions that our clients could think of hosting. Be it Birthdays, weddings, get-togethers,or any other type of function
we at The Olive Tree Caterers can easily manage all aspects of these functions from their beginning till the very end..</p>
</div>
<div class="box">
<img src="2.jpg" alt="">
<h2 class="h-secondary center">Menu</h2>
<p class="center">The work-force at our disposal too is a fine mix of experience and youth to strike the right balance between workers
with different job skills. We have well-trained waiters with polite mannerisms to serve the guests with elan.
We also have professional Chefs to serve a variety of cuisines according to the preference of our clients..</p>
</div>
<div class="box">
<img src="3.png" alt="">
<h2 class="h-secondary center">Food Ordering</h2>
<p class="center">It’s simple: all you need to do is fill in your restaurant profile and add the “See MENU & Order” button on your site.
With our free online food ordering system, your clients can now order food online, straight from your website.</p>
</div>
</div>
</section>
<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>
</form>
</div>
</section>
</div>
</body>
</html>