<!Doctype html> <html> <head> <title>Story Time</title> <link type="text/css" rel="stylesheet" href="Stylesheet/bootstrap.css"> </head> <body class="container" style="background-image: url(Pictures/background_body.jpg); height: 400px";> <div class="row"> <div class="col-md-12 well" style="background-image: url(Pictures/background_head.jpg); background-position: center bottom"> <h1 id="main-h1">List of Stories</h1> <h3 id="main-h3">A collection of stories consisting of different adventures with different scenarios.</h3> <h3 id="main-h3">It's up to you to decide your own fate.</h3> </div> </div> <ul id="main menu"> <h2 class="menu-item"><a href="introduction.html">Homepage</a></h2> <div class="dropdown"> <h2 class="menu-item"><a href="#stories">Stories</a></h2> <div class="dropdown-content"> <a href="First/1.1.html">For You, I Would</a> <a href="Second/2.1.html">Just Friends</a> <a href="Third/3.1.html">The Interviews</a> <a href="Fourth/4.1.html">Sincerely, Yours</a> <a href="Fifth/5.1.html">Rainbow</a> </div> </div> <h2 class="menu-item"><a href="Other_Works.html">Other Works</a></h2> <h2 class="menu-item"><a href="About_Us.html">About Us</a></h2> <h2 class="menu-item"><a href="Sources.html">Sources</a></h2> </ul> <ol> <div class="row"> <div class="col-md-12 well" style="background-color: lightblue"> <li>All photos come from their respective owners. I don't own any of the photos used in this project.</li> <li>All the poems belong from a friend and was allowed to access her tumblr page to use the content for the webpage</li> <li>Dropdown Hover: http://www.tutorialrepublic.com/faq/show-hide-dropdown-menu-on-mouse-hover-using-css.php</li> <li>Dropdown Element: http://stackoverflow.com/questions/29732488/how-to-get-a-drop-down-menu-to-overlay-other-elements</li> </div> </div> </ol> </body> </html>