index.html (2.7 KB)

 1 <html>
 2 	<head>
 3 		<style>
 4 			body {
 5 				background-color:orange;
 6 				text-shadow: 3px 3px 5px brown;
 7 				font-family: monospace;
 8 				font-size: 32px;
 9 			}
10 			img {
11 				filter: drop-shadow(5px 5px 5px black);
12 				max-width: 50%;
13 			}
14 			.block {
15 				background-color: red;
16 				margin-top: 20px;
17 				color: white;
18 				filter: drop-shadow(5px 5px 0px black);
19 				text-shadow: 3px 3px 5px brown;
20 			}
21 			p {
22 				color: black;
23 				text-shadow: 3px 3px 10px white;
24 			}
25 			h1 {
26 				font-family: serif;
27 			}
28 			table {
29 				font-size: 40px;
30 				border:1px solid black;
31 			}
32 			th, td {
33 				border:1px solid black;
34 				padding: 10px;
35 			}
36 			th {
37 				background-color: red;
38 				color: white;
39 			}
40 		</style>
41 	</head>
42 	<body>
43 		<center>
44 			<h1>PIZZA HEAVEN</h1>
45 			<p>
46 				<b><span style="color: red; text-shadow: 3px 3px 5px white;">THE BEST</span> <span style="color:green; text-shadow: 3px 3px 5px white;">PIZZA</span> <span style="color:white">IN THE WORLD</span></b>
47 			</p>
48 				<hr>
49 			<img src="https://hunterirving.github.io/web_workshop/resources/images/smiling_pizza.gif">
50 			<img src="https://hunterirving.github.io/web_workshop/resources/images/gaia.gif" width=200px>
51 			<img src="https://hunterirving.github.io/web_workshop/resources/images/smiling_pizza.gif">
52 			<div class="block">
53 				<marquee scrollamount=20>AYY, I'M MAKIN' PIZZA HERE !</marquee>
54 			</div>
55 		</center>
56 			<br>
57 			<p>Have you ever tasted a pizza pie and then ya thought to yourself...</p>
58 			<p>What the HECK am I even munching on here???</p>
59 			<p>Look. We all been there.</p>
60 			<p>But that DON'T mean you gotta put up with a subpar pizza pie anymore. Cause you just discovered pizza perfection!</p>
61 			<p>Welcome to PIZZA HEAVEN, baby.</p>
62 			<center><img src="https://hunterirving.github.io/web_workshop/pages/pizza_heaven/images/pizza_picture.jpg"></center>
63 			<i></i><h1 style="text-align: right">"oh yeah. that's the good stuff." — you</h1>
64 			<p>You're gonna love the way it tastes. Try it now in one of these exciting flavors.</p>
65 			<center>
66 				<table>
67 					<tr>
68 						<th>Pizza Pie</th>
69 						<th>Pizza Price</th>
70 						<th>Notes</th>
71 					</tr>
72 					<tr>
73 						<td>
74 							Pepperon
75 						</td>
76 						<td>
77 							$100
78 						</td>
79 						<td>
80 							Yup, that's pizza
81 						</td>
82 					</tr>
83 				</table>
84 			</center>
85 			<br>
86 		<p>
87 		What, you want another kind of pizza?<br>
88 		Pepperon not good enough for youse?<br>
89 		Get the h*ll outta here.<br>No, seriously.<br>
90 		Get the H*LL outta here!!<br><br>
91 		Just kidding.<br><br>
92 		But you better not disparage our pizza pies again, capeeshe???
93 		</p>
94 		<br><br>
95 		<center><img src="https://hunterirving.github.io/web_workshop/resources/images/smiling_pizza.gif"></center><br><br>
96 	</body>
97 </html>