index.html (1.5 KB)
1 <html> 2 <head> 3 <style> 4 body { 5 color: white; 6 background-color:mediumslateblue; 7 text-shadow: 2px 2px 2px black; 8 } 9 .heading { 10 font-size: 40px; 11 background-color: teal; 12 padding:8px; 13 box-shadow: 4px 4px black; 14 border: 1px solid black; 15 } 16 p { 17 font-size: 35px; 18 } 19 h3 { 20 font-size: 35px; 21 } 22 img { 23 max-width:100%; 24 } 25 </style> 26 </head> 27 <body> 28 <h1 class="heading"> 29 Welcome to my World Wide Web Site 🌞 30 </h1> 31 <center> 32 <img src="https://hunterirving.github.io/web_workshop/resources/images/welcome.gif" width=400px> 33 <p> 34 brace yourself. you are in for a wild ride!! 35 </p> 36 <a href="https://hunterirving.com"><img src="https://hunterirving.github.io/web_workshop/resources/images/windows.gif" style="padding:10px;"></a> 37 <h3>enter by "clicking" on the window above....<br>if you <i><span style="color:red">dare</span></i>.....!</h3> 38 <img src="https://hunterirving.github.io/web_workshop/resources/images/scared_mouse.gif" style="transform: scaleX(-1); margin-bottom:25px"><img src="https://hunterirving.github.io/web_workshop/resources/images/mac.png" width=200px> 39 </center> 40 <h1 class="heading"> 41 Here are a few of my favorite images... 🍀 42 </h1> 43 <center> 44 <img src="https://hunterirving.github.io/web_workshop/resources/images/cd.gif" style="width:150px"> 45 <br><br> 46 <img src="https://hunterirving.github.io/web_workshop/resources/images/pika_construction.gif" style="width:50%; image-rendering: pixelated;"> 47 </center> 48 </body> 49 </html>