-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathINDEX.HTML
108 lines (102 loc) · 5.5 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
<!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 FOOD SHOP </title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" media="screen and (max-width:700px" href="css/phone.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<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 class="logo">
<img src="logo.png"alt="mymeal.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 id="h-primary">Welcome to Hastey Tastey</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus ipsum explicabo facere tempora soluta nulla! Impedit cupiditate quia dignissimos laborum molestiae ?Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</p>
<button class="btn">order now</button>
</section>
<section class="services-container">
<h1 class="h-primary center">Our Services</h1>
<div class="services">
<div class="box">
<img src="photo2.jpg" alt="">
<h2 class="h-secondary center">Food Order</h2>
<p class="center">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aperiam qui aut consectetur modi sunt hic dolorem? Asperiores sequi cum nam iusto, quia est esse eius fuga sapiente nemo excepturi voluptates! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit minima veritatis id placeat deleniti odio maxime reprehenderit perspiciatis modi, cupiditate soluta quia, ab tempore, laudantium natus? Labore qui dolor omnis.</p>
</div>
<div class="box">
<img src="./img1/2.png" alt="">
<h2 class="h-secondary center">Party Order</h2>
<p class="center">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aperiam qui aut consectetur modi sunt hic dolorem? Asperiores sequi cum nam iusto, quia est esse eius fuga sapiente nemo excepturi voluptates! Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores quas dolorem nobis quasi excepturi, sit quod expedita dolor modi officia ad nulla repudiandae quaerat et earum ducimus vero itaque nostrum.</p>
</div>
<div class="box">
<img src="./img1/1.png" alt="">
<h2 class="h-secondary center">Catering Order</h2>
<p class="center">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aperiam qui aut consectetur modi sunt hic dolorem? Asperiores sequi cum nam iusto, quia est esse eius fuga sapiente nemo excepturi voluptates! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Reiciendis, officiis facere adipisci in soluta sed odit atque fuga aliquid ad at quisquam aspernatur cumque saepe cum, quam natus inventore laudantium! </p>
</div>
</div>
</section>
<section id="client-section">
<h1 class="h-primary center">Our Clients</h1>
<div id="clients">
<div class="clients-items">
<img src="./img1/4.logo.png" alt="">
</div>
<div class="clients-items">
<img src="./img1/5.logo.jpg" alt="">
</div>
<div class="clients-items">
<img src="./img1/6.logo.png" alt="">
</div>
<div class="clients-items">
<img src="./img1/7.logo.jpg" alt="">
</div>
</div>
</section>
<section class="" id="contact">
<h1 class="h-primary center">Contact Us</h1>
<div class="contact-box">
<form action="">
<div class="form-group">
<label for="name">Name</label>
<input type="name" id="name" placeholder="enter your name">
</div>
<div class="form-group">
<label for="name">Email</label>
<input type="name" id="email" placeholder="enter your email">
</div>
<div class="form-group">
<label for="name">Phone number</label>
<input type="name" id="phone" placeholder="enter your number">
</div>
<div class="form-group">
<label for="name">message</label>
<textarea name="message" id="message" cols="30" rows="10"></textarea>
</div>
</form>
</div>
</section>
<div>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3618.705407522767!2d84.18711320292356!3d24.908028320435456!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x398da94b0af0577f%3A0x3589cd297352b6b7!2sHotel%20Urvashi%20%26%20Restaurant!5e0!3m2!1sen!2sin!4v1619181720670!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
<footer>
<div class="center">
Copyright ©www.hasteytastey.com. All Right Reserved
</div>
</footer>
</body>
</html>