51 lines
No EOL
2.3 KiB
HTML
51 lines
No EOL
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>INSAïde</title>
|
|
<link rel="shortcut icon" href="../Images/Logo.png" type="image/png">
|
|
<link rel="stylesheet" href="../CSS/etrange_decouverte.css">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=Special+Elite&display=swap" rel="stylesheet">
|
|
<script defer type="text/javascript" src="../JAVASCRIPT/etrange_decouverte.js"></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>Un étudiant étrange</h1>
|
|
<nav><a href='./menu.html'>Retourner au menu</a></nav>
|
|
</header>
|
|
<main id="main">
|
|
<section id="content">
|
|
<article id="text">
|
|
<p class="phrase" id="p1">Il est 21h30, nous sommes en décembre,</p>
|
|
<p class="phrase" >la nuit est tombée depuis longtemps.</p>
|
|
<p class="phrase" >La Lune éclaire la pelouse du R1 alors que vous sortez tout juste de votre réunion du Pôle Huma.</p>
|
|
<p class="phrase" >Vous ressentez l'envie d'un petit
|
|
<p class="phrase" >
|
|
<select id="boisson">
|
|
<option>Café Vanille</option>
|
|
<option>Café Noisette</option>
|
|
<option>Café Caramel</option>
|
|
</select>
|
|
pour réviser la Thermo.</p>
|
|
<p class="phrase" >Votre écocup rempli de <span class="mot" id="selectedDrink"></span>,</p>
|
|
<p class="phrase" >vous apercevez un étudiant qui se dirige tout droit
|
|
<p class="phrase" >vers le sous sol !</p>
|
|
<p class="phrase" >Bizarre à cette heure...</p>
|
|
<div id="arrowBlock">
|
|
<img id="arrow" src="../Images/Lecture.png" alt="Texte suivant"/>
|
|
</div>
|
|
</article>
|
|
<div id="buttons">
|
|
<button id="safeButton" class="button">Aller dormir, ça fait trop peur</button>
|
|
<button id="riskyButton" class="button">Le suivre</button>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<footer>
|
|
<p id="names">Copyright © 2020 Florian EHR - Pierre FAVARY - Baptiste MARTY</p>
|
|
<p id="rights">Tous droits réservés </p>
|
|
</footer>
|
|
</body>
|
|
</html> |