-
Notifications
You must be signed in to change notification settings - Fork 0
/
The first website.html
116 lines (107 loc) · 4.76 KB
/
The first website.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FOOD TRUCK</title>
<link rel="stylesheet" href="The first website.css">
</head>
<body>
<div class="container" id="HOME">
<div class="navbar">
<div class="items" id="item-1"><a href="#HOME">HOME</a></div>
<div class="items" id="item-2"><a href=#COUNTER>COUNTER</a></div>
<div class="items" id="item-3"><a href="#CLINTS">CLINTS</a></div>
<div class="items" id="item-4"><a href="#ORDER">ORDER</a></div>
</div>
<img src="food logo.jpg" alt="can't find">
<h1>Welcome to MEALS on WHEELS</h1>
<div class="content">
Hello! Welcome to the meals on wheels.We proviide healthy and hygenic food and hope you all will love to taste our meals so go ahead and have it!
</div>
</div>
<div class="section5">
HERE WE GO !
</div>
<div class="section2" id="COUNTER">
<div class="div">
<img src="pizza.jpg" alt="can't find">
<div class="div2"><a href="Page link 1.html">PIZZA section</a></div>
</div>
<div class="div">
<img src="burger.jpg" alt="can't find">
<div class="div2"><a href="Page link 2.html">BURGER section</a> </div>
</div>
<div class="div">
<img src="food.jpg" alt="can't find">
<div class="div2"><a href="abcd">MEALS section</a></div>
</div>
<div class="div">
<img src="Food van.jpg" alt="can't find">
<div class="div2">Any time at your service</div>
</div>
</div>
<div class="section3">
<marquee behavior="move" direction="left to right">OUR SPONSERS
OUR SPONSERS</marquee>
</div>
<div class="section4" id="CLINTS">
<img src="clint-1.jpg" alt="can't find">
<img src="clint-2.jpg" alt="can't find">
<img src="clint-3.jpg" alt="can't find">
<img src="clint-4.jpg" alt="can't find">
</div>
<div class="ordering">
<marquee behavior="move" direction="left">Order Here!
Order here!
Order here! </marquee>
</div>
<div class="menu" id="ORDER">
<img src="shef.jpg" alt="can't find">
<div class="meals"><b>MEALS</b></div>
<div class="universe">
<div class="pizza"><b>Delicious Pizza</b></div>
<div class="burger"><b>Spicy Burger</b></div>
<div class="rolls"><b>Tasty Rolls</b></div>
<div class="chicken"><b>Chicken items</b></div>
<div class="fries"><b>French fries</b></div>
</div>
<div class="earth">
<div class="juices"><b>JUICES</b></div>
<div class="mango"><b>Mango juice</b></div>
<div class="lichi"><b>Lichi juice</b></div>
<div class="strawberry"><b>Strawberry juice</b></div>
</div>
<div class="order1">
<div class="entery1">
<br> Name:<input type="text" placeholder="Enter your name">
E-mail: <input type="text" placeholder="Give your e-mail address">
Phone Number: <input type="text" placeholder="Your phone no. " id="number">
Address: <input type="text" placeholder="your address">
payment: <input type="radio" name="cash">cash <input type="radio" name="cash">card
<input type="submit" value="ORDER NOW!" >
<div class="end">HOPE YOU ENJOYED</div>
</div>
</div>
<div class="order2" id="odered">
<div class="entery2">
Choose Items <br>
<br> MEALS.... <br>
<input type="checkbox">Cheese pizza <br>
<input type="checkbox">Ham burgur <br>
<input type="checkbox">Chicken rolls <br>
<input type="checkbox">Chicken masala <br>
<input type="checkbox">French fries <br>
<input type="checkbox">Aloo tikki <br><br>
JUICES.... <br>
<input type="checkbox">Mango juice <br>
<input type="checkbox">Strawberry juice <br>
<input type="checkbox">Lichi juice <br>
<input type="checkbox">Pineapple juice <br>
</div>
</div>
</body>
</html>