-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
112 lines (106 loc) · 4.74 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
<!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>Online Food Delivery services|myOnlinemeal.com</title>
<link rel="stylesheet" href="naveen.css">
<link rel="stylesheet" href="naveen2.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Baloo+Bhai+2&family=Bree+Serif&display=swap" rel="stylesheet">
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="img/logo.png" alt="myOnlinemeal.com">
</div>
<ul>
<li class="item"><a href="#home">Home</a></li>
<li class="item"><a href="#services">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 MyOnlinemeal</h1>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo necessitatibus laboriosam officia Lorem ipsum
dolor sit, .</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo necessitatibus laboriosam officia</p>
<button class="btn">Order Now</button>
</section>
<section id="services" class="container">
<h1 class="h-primary center">Our Services</h1>
<div id="services">
<div class="box">
<img src="img/pizza.jpg" alt="">
<h2 class="h-secondary center">Select Your Favourite</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, molestiae reiciendis, tempore
quidem accusantium quos maxime, dicta dolore animi nemo nam repellat necessitatibus! Atque doloribus
animi pariatur commodi tempora modi non optio incidunt soluta?</p>
</div>
<div class="box">
<img src="img/food.jpg" alt="">
<h2 class="h-secondary center">Order Your Food</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, molestiae reiciendis, tempore
quidem accusantium quos maxime, dicta dolore animi nemo nam repellat necessitatibus! Atque doloribus
animi pariatur commodi tempora modi non optio incidunt soluta?</p>
</div>
<div class="box">
<img src="img/cards.png" alt="">
<h2 class="h-secondary center">Ordering Food</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aspernatur, molestiae reiciendis, tempore
quidem accusantium quos maxime, dicta dolore animi nemo nam repellat necessitatibus! Atque doloribus
animi pariatur commodi tempora modi non optio incidunt soluta?</p>
</div>
</div>
</section>
<section id="client-section">
<h1 class="h-primary center">
Our Clients
</h1>
<div id="client">
<div class="client-item">
<img src="img/iphone.png" alt="our client">
</div>
<div class="client-item">
<img src="img/skype.png" alt="our client">
</div>
<div class="client-item">
<img src="img/microsoft.jpg" alt="our client">
</div>
</div>
</section>
<hr>
<section id="contact">
<h1 class="h-primary center">Contact Us</h1>
<div id="contact-box">
<form action="">
<div class="form-group">
<div><label for="name">NAME:</label>
<input type="text" name="name" id="name" placeholder="enter your name">
</div>
<div>
<label for="emaik">E-mail:</label>
<input type="email" name="name" id="email" placeholder="enter your email">
</div>
<div>
<label for="phone number">PHONE NUMBER:</label>
<input type="number" name="name" id="phone number" placeholder="enter your contact no.">
</div>
<div>
<label for="name">MESSAGE:</label>
<textarea name="message" id="" cols="30" rows="10"></textarea>
</div>
<button class="btn2">SUBMIT</button>
</div>
</form>
</div>
</section>
<footer>
<div class="footer">
copyright © www.MyOnlinemeal.com, all rights reserved
</div>
</footer>
</body>
</html>