-
Notifications
You must be signed in to change notification settings - Fork 0
/
dessert.html
153 lines (128 loc) · 5.59 KB
/
dessert.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
<!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://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<script src="https://momentjs.com/downloads/moment.js"></script>
<link href="assets/css/style.css" rel="stylesheet">
<title>Document</title>
</head>
<body>
<header>
<div class=" md:flex md:items-center md:justify-between md:space-x-5" >
<div class="flex items-start space-x-5">
<div class="flex-shrink-0">
<div class="relative">
<img class="h-16 w-16 rounded-full" src="https://static-24.sinclairstoryline.com/resources/media/971a5dae-c734-4af8-bcf3-02adf3d954a9-smallScale_28DSC04876.jpg?1629926171152" alt="">
<span class="absolute inset-0 shadow-inner rounded-full" aria-hidden="true"></span>
</div>
</div>
<!--
Use vertical padding to simulate center alignment when both lines of text are one line,
but preserve the same layout if the text wraps without making the image jump around.
-->
<div class="pt-1.5">
<h1 class="text-2xl font-bold text-gray-900"><span id='penn'>Penn</span> LPS PIZZA</h1>
<div id="line3"></div>
<p class="text-sm font-medium text-gray-500"><a href="#" class="text-gray-900"></a><time datetime="2020-08-25"><p id="demo2" ></p></time></p>
</div>
</div>
<!-- weather start here -->
<!-- weather start here -->
<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
<div class="relative rounded-lg border border-gray-300 bg-white px-6 py-5 shadow-sm flex items-center space-x-3 hover:border-gray-400 focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-indigo-500">
<div class="flex-shrink-0">
<img class="h-10 w-10 rounded-full" src="https://images-na.ssl-images-amazon.com/images/I/71rfKY1uYPL.png" alt="">
</div>
<div class="flex-1 min-w-0">
<a href="#" class="focus:outline-none">
<span class="absolute inset-0" aria-hidden="true"></span>
<p class="text-sm font-medium text-gray-900">
Philadelphia, PA Weather
</p>
<p id="demo2" ></p>
<div id="weather" ></div>
</a>
</div>
</div>
</div>
<div class=" mt-6 flex flex-col-reverse justify-stretch space-y-4 space-y-reverse sm:flex-row-reverse sm:justify-end sm:space-x-reverse sm:space-y-0 sm:space-x-3 md:mt-0 md:flex-row md:space-x-3">
<button type="button" id="homeBtn" class="inline-flex-1 items-center justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500">
HOME
</button>
<button type="button" id="menuBtn" class="inline-flex-1 items-center justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500">
MENU
</button>
<button type="button" id="aboutBtn" class="inline-flex-1 items-center justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500">
ABOUT
</button>
<button type="button" id="contactBtn" class="inline-flex items-center justify-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-indigo-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500">
CONTACT
</button>
</div>
</div>
</header>
<fieldset class="pizza">
<legend>
Our Pizza Ingredients:
</legend>
<div role="checkbox"
class="group_checkbox"
aria-checked="mixed"
aria-controls="cond1 cond2 cond3 cond4"
tabindex="0">
</div>
<ul class="checkboxes">
<li>
<label>
<input type="checkbox" id="cond1" name="acs" value="Mashroom">
Custards and Puddings
</label>
</li>
<li>
<label>
<input type="checkbox" id="cond2" name="acs" value="Green Peppers">
Frozen Desserts
</label>
</li>
<li>
<label>
<input type="checkbox" id="cond3" name="acs" value="Onions">
Cakes
</label>
</li>
<li>
<label>
<input type="checkbox" id="cond4" name="acs" value="Bacon">
Pies
</label>
</li>
<li>
<label>
<input type="checkbox" id="cond5" name="acs" value=" Beef">
Chocolates and Candies
</label>
</li>
<li>
<label>
<input type="checkbox" id="cond6" name="acs" value=" Chicken">
Pastries
</label>
</li>
</ul>
<button id="add">Add</button>
</fieldset>
<div id="line-menu"></div>
<input id="submitOrder" type="submit" value="Submit Your Order Now">
<div id="myLocation"></div>
<div id="newdiv">
<span>You order</span><h2 id="text1">...</h2>
<span>Name:</span><h2>...</h2>
<span>Phone Number:</span><h2>...</h2>
<span>Address:</span><h2 id="adress">...</h2>
</div>
<script src="piz.js"></script>
</body>
</html>