Inspiration
Learning at the html & javascript demonstration the first day at the hackathon
What it does
It tells you the location of where to find the prize for the scavenger hunt
How we built it
using html and sublime text
Challenges we ran into
Positioning the words and images into the correct place
Accomplishments that we're proud of
It actually works
What we learned
Learned how to make a website considering its the first one
What's next for April Fools Website
Here is the code: My Webpage </p> <pre class="language-nolang"><code> body { background: #999; } //BackGround Images body { background-image: url(https://www.google.com/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwjemoHw5ITTAhXFyyYKHTtwAgUQjRwIBw&url=https%3A%2F%2Fwall.alphacoders.com%2Fby_sub_category.php%3Fid%3D210883&bvm=bv.151325232,d.eWE&psig=AFQjCNFWveFiQ0Oe2UriD68q8UkvFsE8Wg&ust=1491188634386691); background-color:#cccccc; } body { background-image: url(http://cdn.wonderfulengineering.com/wp-content/uploads/2016/01/black-wallpaper-13.jpg); } </style> // Go outside Challenge: Scavenger Hunt <div style="position: relative;top: 150px; left: 100px; height: 25px"> <body> <img src="http://fontmeme.com/temporary/aa7f196f80a5eeec692f0b368c1eb3e0.png"> </body> </div> //Pirate Image <div style="position: relative;top: 150px; left: 250px; height: 25px"> <body> <img src="https://fanart.tv/fanart/movies/22/hdmovielogo/pirates-of-the-caribbean-the-curse-of-the-black-pearl-5268afdfcd8d0.png"> </div> //Grand Prize <body> <div style="position: relative;top: 400px; left: 550px; height: 25px "> <a href="https://i.ytimg.com/vi/cllHXLdMjKU/hqdefault.jpg"> <img src="http://fontmeme.com/temporary/a23c76a37019f0c932bb74d106aec1a7.png"> </a> </div> </body> //Hint 1 <body> <div style="position: relative;top: 420px; left: 200px; height: 25px"> <p> <a href="http://i.imgur.com/MzGrWET.jpg"> <img src="http://fontmeme.com/temporary/16604e3491f60e8a4b9644c65378c37b.png"> </a> </p> </body> </div> //Hint 2 <body> <div style="position: relative;top: 360px; left: 900px; width: 200px; height: 25px"> <p align="center"> <a href="http://i.imgur.com/eeEg7F8.png"> <img src="http://fontmeme.com/temporary/4d609a35951f955974041a8cfad075b1.png"> </a> </p> </body> </div> </body> </code></pre> <p></html></p>
Log in or sign up for Devpost to join the conversation.