API tools faq
paste
Advertisement
makispaiktis

Codecademy - 24th Exercise (Chore Door - HTML)

makispaiktis
Jan 1st, 2020 (edited)
617
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.20 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <title>Chore Door!</title>
  5.     <link href="./style.css" rel="stylesheet" type="text/css">
  6.     <link href="https://fonts.googleapis.com/css?family=Work+Sans" rel="stylesheet" type="text/css">
  7.   </head>
  8.  
  9.   <body>
  10.    
  11.     <!-- Header -->
  12.     <div class="header">
  13.       <img src="https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/logo.svg">
  14.     </div>
  15.    
  16.     <!-- Title-row -->
  17.     <div class="title-row">
  18.       <img src="https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/star.svg">
  19.       <p class="instructions-title">Instructions</p>
  20.       <img src="https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/star.svg">
  21.     </div>
  22.    
  23.     <!-- Instructions row -->
  24.     <table class="instructions-row">
  25.       <tr>
  26.         <td class="instructions-number">1</td>
  27.         <td class="instructions-text">Hiding behind one of these doors is the ChoreBot.</td>
  28.       </tr>
  29.       <tr>
  30.         <td class="instructions-number">2</td>
  31.         <td class="instructions-text">Your mission is to open all of the doors without running into the ChoreBot.</td>
  32.       </tr>
  33.       <tr>
  34.         <td class="instructions-number">3</td>
  35.         <td class="instructions-text"> you manage to avoid the ChoreBot until you open the very last door, you win!</td>
  36.       </tr>
  37.       <tr>
  38.         <td class="instructions-number">4</td>
  39.         <td class="instructions-text">See if you can score a winning streak!</td>
  40.       </tr>
  41.     </table>
  42.    
  43.     <!-- Creating the 3 doors -->
  44.     <div class="door-row">
  45.       <img id="door1"  class="door-frame" src="https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/closed_door.svg">
  46.       <img id="door2" class="door-frame" src="https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/closed_door.svg">
  47.       <img id="door3"  class="door-frame" src="https://s3.amazonaws.com/codecademy-content/projects/chore-door/images/closed_door.svg">
  48.     </div>
  49.    
  50.     <!-- Start -->
  51.     <div id="start" class="start-row">Good Luck</div>
  52.    
  53.     <!-- Linking the javascript code -->
  54.     <script src="script.js" type="text/javascript"></script>
  55.    
  56.   </body>
  57. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!