bde-liste/static/index.html
2022-12-15 17:14:41 +01:00

80 lines
No EOL
3.7 KiB
HTML

<!DOCTYPE html>
<html lang="fr">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="utf-8"/>
<title>OSS 110'Metz</title>
<meta name="description" content="Le site web du BDE Metz pour 2025, fait avec beaucoup d'amour" />
<meta name="author" content="VP geeks aka le REZO (cf rezo-rm.fr pour plus de détail)" />
<meta name="keyword" content="caca" />
<link rel="icon" href="img/favicon.ico">
<link rel="stylesheet" href="css/main.css" />
</head>
<body>
<div class="bg-full"></div>
<div class="container">
<div class="logo"><img src="img/scep_gobelet.png" alt="logo du bde"></div>
<div id="typed-data">
<div class="row banner">
<h1>Prochaine activité</h1>
<span class="activite-temps" id="timer">00:00:10</span>
<p id="activite-desc">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dicta tenetur tempora similique. A id esse expedita atque dolor eum itaque fugiat enim nisi dicta. Architecto mollitia quasi sed voluptatibus? Veniam.</p>
</div>
<hr/>
<div class="row">
<div class="col col-left">
<h1>Planning des activité</h1>
<img src="img/schedule.png" class="schedule" alt="Planning des activité" srcset="">
</div>
<div class="col col-right">
<h1>Ordre de mission</h1>
<div class="prank-button">
<a id="prank-button">
Demander une mission !
<img src="img/underline-red.png" class="underline"/>
<img src="img/circle-hand.png" class="hover-circle"/>
</a>
</div>
<p id="prank-desc">
OSS 110'Metz est une organisation rempli d'espions qualifiés pour remplir presque toutes vos demandes !
Cliquez sur le bouton ci-dessus puis suivez les instructions. Attention, un compte <a href="https://re2o.rezo-rm.fr/users/new_user">Rezo</a>
est nécessaire afin de garantir l'identité des demandeurs !
</p>
</div>
</div>
<hr/>
<div class="row banner">
<h1>Chasse au trésor</h1>
<p id="chasse-desc">
Chaque jour de la semaine tes espions préférés ont préparé pour toi une <i style="font-weight: 900;">chasse au trésor</i> !
Résous les énigmes pour tenter de gagner le fameux <u>ticket d'or</u>. Il te permettra de t'abrever gratuitement pendants les évenements festifs !
</p>
</div>
<hr/>
<div class="row banner">
<h1>À propos de nous !</h1>
<img src="img/team.jpeg" alt="la liste du bde de 2025" />
</div>
<footer class="row">
Copyright © OSS 110'Metz
</footer>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>
<script src="https://unpkg.com/typeit@8.7.0/dist/index.umd.js"></script>
<script src="js/main.js" defer></script>
<script src="js/anim.js" defer></script>
</body>
</html>