|
<!DOCTYPE html> |
|
<html lang="fr"> |
|
<head> |
|
<meta charset="UTF-8" /> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|
<title>Through Their Eyes - How to Play</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> |
|
|
