<!DOCTYPE html> <html> <head> <title> hw 1 </title> <link type="text/css" rel="stylesheet" href="stylesheets/bootstrap.css"> </head> <body class = "container"> <div class = "row"> <div class = "col-md-12"> <h4> <img src = "images/cruise.jpg"> </h4> </div> </div> <div class = "row"> <div class = "col-md-12"> <h1 class = ""> What A Cruise </h1> <p> You are on a cruise to Hawaii. Everything was going according to plan. You enjoy your day exploring the ship. You have a fabulous dinner and then you head to bed. During the night, your ship gets hit by a terrible storm and it's about to sink. You get all your valuable stuff and a life vest and try to find a lifeboat that you can ride. You are able find one and get on it. You are now drifting on the ocean with nowhere else to go. You try to fall asleep but you cannot seem to do so. As you look to the distance, you are able to spot an island. You start to get excited but then you realize how far the island is. Now you are faced with two options. Option 1 is to row yourself to the island and Option 2 is to stay where you are and wait for the rescue team to find you. Which do you choose? </p> </div> </div> <ul class = "list-inline"> <li> <a href="option1.html"> <h2> <img src = "images/boatonocean.jpg"> Stay and wait </h2> </a> </li> <li> <a href="option2.html"> <h3> <img src = "images/desertedisland.jpg"> Go to the island </h3> </a> </li> </ul> </body> </html>