104 lines
No EOL
4.7 KiB
HTML
104 lines
No EOL
4.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 id="main-page">
|
|
<div class="logo"><img src="img/scep_gobelet.png" alt="logo du bde"></div>
|
|
<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">
|
|
<span>Demander une mission !</span>
|
|
<img src="img/circle-hand.png" class="hover-circle"/>
|
|
</a>
|
|
<img src="img/underline-red.png" class="underline"/>
|
|
</div>
|
|
<p id="prank-desc">
|
|
OSS 110'Metz est une organisation remplie d'espions qualifiés pour remplir presque toutes tes 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 évènements 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>
|
|
</div> <!-- end main page -->
|
|
|
|
<div id="admin-page" style="display: none">
|
|
|
|
</div> <!-- end admin page -->
|
|
|
|
<div id="login-page" style="display: none">
|
|
<div class="row">
|
|
<form id="login-form" method="POST">
|
|
<div class="form-group">
|
|
<input type="text" class="form-control" placeholder="Nom d'utilisateur Rezo" name="login" id="login"/>
|
|
</div>
|
|
<div class="form-group">
|
|
<input type="password" class="form-control" placeholder="Password" name="password" id="password" />
|
|
</div>
|
|
<div class="form-group">
|
|
<button type="submit" class="btn btn-primary">Se connecter</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div> <!-- end login page -->
|
|
|
|
<div id="demande-page" style="display: none">
|
|
|
|
</div> <!-- end demande page -->
|
|
|
|
<footer class="row">
|
|
Copyright © OSS 110'Metz
|
|
</footer>
|
|
</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> |