-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
102 lines (96 loc) · 4.66 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
<!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 Service</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/css2?family=The+Nautigal:wght@700&family=Ubuntu:wght@300&display=swap" rel="stylesheet">
</head>
<body>
<nav id="navbar">
<div id="logo">
<img src="img/logo1.jpg" alt="MyOnlinemeal.com">
</div>
<ul>
<li class="item"><a href="#">Home</a></li>
<li class="item"><a href="#">Services</a></li>
<li class="item"><a href="#">About Us</a></li>
<li class="item"><a href="#">Contact us</a></li>
</ul>
</nav>
<section id="home">
<h1 class="h-primary">Welcome To MyOnlinemeal</h1>
<p>Change in repo Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quas magni recusandae natus impedit nisi ducimus eveniet accusamus neque! Debitis.</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quas magni.</p>
<button class="btn">Order Now</button>
</section>
<section class="services-container">
<h1 class="h-primary center">Our Services</h1>
<div id="services">
<div class="box">
<img src="img/food1.jpg" alt="">
<h2 class="h-secondary center">Food Ordering</h2>
<p class="center">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolores assumenda modi maiores dolore voluptate, perferendis culpa aut repellendus laboriosam maxime quidem, ipsam doloremque cupiditate ea sapiente illum? Ratione officia incidunt, minus omnis vitae dicta?</p>
</div>
<div class="box">
<img src="img/food3.jpg" alt="">
<h2 class="h-secondary center">Food catering</h2>
<p class="center">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolores assumenda modi maiores dolore voluptate, perferendis culpa aut repellendus laboriosam maxime quidem, ipsam doloremque cupiditate ea sapiente illum? Ratione officia incidunt, minus omnis vitae dicta?</p>
</div>
<div class="box">
<img src="img/order1.jpg" alt="">
<h2 class="h-secondary center">Bulk Ordering</h2>
<p class="center">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolores assumenda modi maiores dolore voluptate, perferendis culpa aut repellendus laboriosam maxime quidem, ipsam doloremque cupiditate ea sapiente illum? Ratione officia incidunt, minus omnis vitae dicta?</p>
</div>
</div>
</section>
<section id="client-section">
<h1 class="h-primary center">Our Client</h1>
<div id="clients">
<div id="client_item">
<img src="img/client1.png" alt="Our client">
</div>
<div id="client item">
<img src="img/client2.png" alt="Our client">
</div>
<div id="client item">
<img src="img/client3.png" alt="Our client">
</div>
<div id="client item">
<img src="img/client4.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="name" name="name" id="name" placeholder="Enter Your Name">
</div>
<div class="form-group">
<label for="email">Name:</label>
<input type="email" name="name" id="email" placeholder="Enter Your Email">
</div>
<div class="form-group">
<label for="phone">Name:</label>
<input type="phone" name="name" id="phone" placeholder="Enter Your phone number">
</div>
<div class="form-group">
<label for="message">Name:</label>
<textarea name="message" id="message" cols="30" rows="10" ></textarea>
</div>
</form>
</div>
</section>
<footer>
<div class="center">
CopyRight © www.MyOnlineMeal.com. All right Reserved!
</div>
</footer>
</body>
</html>