-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
155 lines (142 loc) · 6.94 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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="en">
<head>
<title>Mos Eisley Cantina</title>
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
<link href="https://fonts.cdnfonts.com/css/star-wars" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Header -->
<header>
<img src="images/MEClogo.avif" id="header-img" alt="Mos Eisley Cantina Logo">
<h1>Mos Eisley Cantina</h1>
<nav>
<ul>
<li><a href="#menu">Menu</a></li>
<li><a href="#order-form">Order</a></li>
</ul>
</nav>
</header>
<main>
<p class="notice">HELLO THERE</p>
<!-- Menu Section -->
<section id="menu">
<h2>Menu</h2>
<article>
<div class="group">
<div class="text">
<h4>Starters </h4>
<h3>Tusken Raiders Taters </h3>
<i> ..... 5.00 credits</i>
<p>Potatoes with desert-inspired flavors like spices and herbs found on Tatooine.<br>
Potatoes are obviously stolen from travelers unfortunate enough to wander in Tusken territory.</p>
</div>
<div class="images">
<img src="images/tuskraid.jpeg" alt="Tusken Raider">
</div>
</div>
</article>
<article>
<div class="group">
<div class="text">
<h4>Entrees </h4>
<h3>Hutt Burger </h3>
<i> ..... 11.00 credits</i>
<p>Grade A rancor meat with all the fixins.<br>
It is criminal to eat this sluggishly.<br> Beware though there are no second helpings!</p>
</div>
<div class="images">
<img src="images/jabba.webp" alt="Jabba the Hutt">
</div>
</div>
</article>
<article>
<div class="group">
<div class="text">
<h4>Healthy Options </h4>
<h3>Ackbar's Garden Sandwich </h3>
<i> ..... 7.00 credits</i>
<p>An alliance between veggies and sauces that command your attention.<br>
Clearly a trap for which your hands will have no resistance.</p>
</div>
<div class="images">
<img src="images/ackbar.avif" alt="Admiral Ackbar">
</div>
</div>
</article>
<article>
<div class="group">
<div class="text">
<h4>Cocktails </h4>
<h3>Qui Gon Gin </h3>
<i> ..... 3.00 credits</i>
<p>Forces you to be sensitive.<br>
Served in two glasses. Half and Half.</p>
<h4>OR </h4>
<h3>Han Shot First </h3>
<i> ..... 3.00 credits</i>
<p>A taste so nice you will rebel for a millenium<br>
All ingredients are naturally smuggled.</p>
</div>
<div class="images">
<img src="images/quigonn.jpeg" alt="Qui Gon Jinn">
<img src="images/solo.jpeg" alt="Han Solo">
</div>
</div>
</article>
<article>
<div class="group">
<div class="text">
<h4>Desserts </h4>
<h3>Wookie Cookies </h3>
<i> ..... 9.00 credits</i>
<p>These ones are really chewie.<br></p>
</div>
<div class="images">
<img src="images/chewy.jpeg" alt="Chewbacca">
</div>
</div>
</article>
</section>
<p class="notice">Live Music Available! We dont serve Droids!</p>
<!-- Order Section -->
<section id="order-form">
<h2>Place Your Order</h2>
<form>
<label>Tusken Raiders Taters :
<input type="number" min="0">
</label><br><br>
<label>Hutt Burger :
<input type="number" min="0">
</label><br><br>
<label>Ackbar's Garden Sandwich :
<input type="number" min="0">
</label><br><br>
Choose your cocktail :<br>
<input type="radio" id="cocktail1" name="cocktail"><label for="cocktail1"> Qui Gon Gin</label><br>
<input type="radio" id="cocktail2" name="cocktail"><label for="cocktail2"> Han Shot First</label><br><br>
<label>Wookie Cookies :
<input type="number" min="0">
</label><br><br>
Extra Dips : <br>
<input type="checkbox" id="dip1"> <label for="dip1">Mudhorn Egg Delicacy</label><br>
<input type="checkbox" id="dip2"> <label for="dip2">Naboo Swamp Sauce</label><br>
<input type="checkbox" id="dip3"> <label for="dip3">Sarlacc Pit Spit</label><br><br>
Extra toppings : <br>
<input type="checkbox" id="topping1"><label for="topping1"> Blue Milk Cheese (<i>+1 credit</i>)</label><br>
<input type="checkbox" id="topping2"><label for="topping2"> Green Milk Cheese (<i>+2 credit</i>)</label><br><br>
<label>Special Requests :<br><br>
<textarea rows="7" cols="37" placeholder="Anything other than Twi'leks!"></textarea>
</label><br><br>
<input type="submit" value="Go To Checkout">
<br>
</form>
</section>
</main>
<!-- Footer -->
<footer>
<p>Made with love by <a href="https://www.linkedin.com/in/mehtajeet97/" target="_blank">Jeet Mehta</a></p>
</footer>
</body>
</html>