-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
102 lines (91 loc) · 3.88 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">
<link href="https://fonts.googleapis.com/css2?family=Amaranth&display=swap" rel="stylesheet">
<link rel="stylesheet" href="Project2.css">
<link rel="stylesheet" href="phone.css">
<title>Pirates Of Grill</title>
</head>
<body>
<nav class="navbar">
<div class="logo">
<img src="./Logoimg/icon-7359529.png" alt="">
</div>
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#contact">CONTACT</a></li>
<li><a href="#">ABOUT US</a></li>
<li><a href="#services">SERVICES</a></li>
<li><a href="#clients">CLIENTS</a></li>
</ul>
</nav>
<div class="container">
<h2>WELCOME TO MY FOOD STORE</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nesciunt ipsum numquam sapiente itaque saepe ab
aliquid nostrum corrupti perspiciatis sunt animi explicabo unde, modi praesentium, quisquam neque illum!
Placeat quidem aut neque rem necessitatibus?</p>
<button class="bts">ORDER NOW</button>
</div>
<div id="services">
<h1>OUR SERVICES</h1>
<div class="item">
<div class="box">
<img src="./Logoimg/pizza-3000285.png" alt="">
<h3>RESTAURANT</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consequatur, ducimus? Ut aliquid nulla
doloremque temporibus maiores nihil molestias optio dignissimos cumque adipisci in nesciunt, </p>
</div>
<div class="box">
<img src="./Logoimg/delivery-guy-1424808.png" alt="">
<h3>DELIVERY</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consequatur, ducimus? Ut aliquid nulla
doloremque temporibus maiores nihil molestias optio dignissimos cumque adipisci in nesciunt, </p>
</div>
<div class="box">
<img src="./Logoimg/Spaghetti-PNG-Transparent-Image.png" alt="">
<h3>FOOD QUALITY</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consequatur, ducimus? Ut aliquid nulla
doloremque temporibus maiores nihil molestias optio dignissimos cumque adipisci in nesciunt, a</p>
</div>
</div>
</div>
<div id="clients">
<h2>OUR CLIENTS </h2>
<div class="jobs">
<img src="./Clientsimg//facebook-app-icon.png" alt="">
<img src="./Clientsimg//microsoft-icon.png" alt="">
<img src="./Clientsimg//tiktok-app-icon.png" alt="">
<img src="./Clientsimg//twitter-app-icon.png" alt="">
<img src="./Clientsimg//youtube-app-icon.png" alt="">
</div>
</div>
<div id="contact">
<h2>CONTACT US</h2>
<div class="filler">
<form action="backend.php">
<div class="fill">
<input type="text" name="" id="" placeholder="NAME">
</div>
<div class="fill">
<input type="email" name="" id="" placeholder="EMAIL">
</div>
<div class="fill">
<input type="text" name="" id="" placeholder="PHONE NUMBER">
</div>
<div class="fill">
<textarea name="" id="" cols="30" rows="10" placeholder="ANY SUGGESTIONS"></textarea>
</div>
<div class="fill">
<input type="submit" value="SUBMIT NOW">
</div>
</form>
</div>
</div>
<div class="end">
<p>Copyright © All Right Reserved! www.onlinemeal.com</p>
</div>
</body>
</html>