Spaces:
Running
Running
| <html lang="fr"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Text to Survive - A text based horror escape game</title> | |
| <link rel="stylesheet" href="../assets/css/index-style.css" /> | |
| <link rel="stylesheet" href="../assets/css/how-to-play.css" /> | |
| </head> | |
| <body> | |
| <div class="led-bar"> | |
| <div class="light-beam"></div> | |
| </div> | |
| <div class="background-elements"> | |
| <img src="../assets/img/blood-2.png" alt="" class="blood blood-top-left" /> | |
| <img src="../assets/img/help.png" alt="" class="blood blood-top-right" /> | |
| <img src="../assets/img/splatter.png" alt="" class="blood splatter" /> | |
| <img src="../assets/img/hand.png" alt="" class="blood blood-bottom-right" /> | |
| </div> | |
| <main> | |
| <div class="content"> | |
| <h1>How to Play</h1> | |
| <div class="objects-container"> | |
| <div class="object-type green"> | |
| <div class="image-container"> | |
| <img | |
| src="../assets/img/how_to_play/coffeetableusable_1.png" | |
| alt="Green object example" | |
| class="tutorial-image" | |
| /> | |
| </div> | |
| <p class="object-title">Green objects</p> | |
| <p class="sub-text">can be searched</p> | |
| </div> | |
| <div class="object-type red"> | |
| <div class="image-container"> | |
| <img | |
| src="../assets/img/how_to_play/tvunused_1.png" | |
| alt="Red object example" | |
| class="tutorial-image" | |
| /> | |
| </div> | |
| <p class="object-title">Red objects</p> | |
| <p class="sub-text">require an item</p> | |
| </div> | |
| <div class="object-type white"> | |
| <div class="image-container"> | |
| <img | |
| src="../assets/img/how_to_play/untitled_artwork.png" | |
| alt="White object example" | |
| class="tutorial-image" | |
| /> | |
| </div> | |
| <p class="object-title">White objects</p> | |
| <p class="sub-text">do nothing</p> | |
| </div> | |
| </div> | |
| <div class="navigation-buttons"> | |
| <a href="how-to-play.html" class="back-button">Back</a> | |
| <a href="how-to-play-3.html" class="next-button">Next 2/4</a> | |
| </div> | |
| </div> | |
| </main> | |
| </body> | |
| </html> | |