-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_home.html
122 lines (113 loc) · 5.21 KB
/
index_home.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
119
120
121
122
<!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>Best Online Food Delivery Service in India | msquaremeals.com</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" media="screen and (max-width: 1170px)" href="css/phone.css">
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="logo.png" alt="msquaremeals.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>
<li class="item"><a href="login.html">Login</a></li>
</ul>
</nav>
<section id="home">
<h1 class="h-primary">Welcome to Msquare Online Meals</h1>
<p>Order the mouth watery food at any time anywhere from our website. </p>
<p>We are available in most of the cities and villages.</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" id="bx1">
<img src="img/1.png" alt="">
<h2 class="h-secondary center">Food Catering</h2>
<p class="center">If you need a catering service for any of your special occasion such as
wedding,birthday,engagement,
party or any other event,uyou are on right place.We serve everything from food to drinks with mouth
watering flavours
vailablr across the globe.We have the best Indian,Western,italian, south indian ,hyderabadi food
menu.Service is
available in most of the places few of them are Margao,Panjim,Mapusa.</p>
</div>
<div class="box" id="bx2">
<img src="img/2.png" alt="">
<h2 class="h-secondary center">Bulk Ordering</h2>
<p class="center">If you and your friends at the corporate office think the home meal is monotonous,we
have a solution for your problem.
We have a another service of bulk ordering wherin you can order your food with you officemates with
the most discounted rates ever.
We have a notably good testimonials from our clients which are top leading tech giants they are
Apple Inc, Microsoft Ltd, Skype,
Hp,review is available on their websoites.</p>
</div>
<div class="box" id="bx3">
<img src="img/3.png" alt="">
<h2 class="h-secondary center">Food Ordering</h2>
<p class="center">If you are an individual who got bored of cooking at home or you are burdened of
making food for many people we still have something for you.Now we deliver a superfast meals to you
in siuper affordable price.Just Order and wait for your parcel to be arrived in 20 minutes. </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="img/logo1.png" alt="Our Client">
</div>
<div class="client-item">
<img src="img/logo2.png" alt="Our Client">
</div>
<div class="client-item">
<img src="img/logo4.png" alt="Our Client">
</div>
<div class="client-item">
<img src="img/logo3.png" alt="Our Client">
</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>
<div class="submit">
<button class="submit_btn">Submit</button>
</div>
</form>
</div>
</section>
<footer>
<div class="center">
Copyright © www.msquaremeals.com All rights reserved!
</div>
</footer>
</body>
</html>