44 lines
2 KiB
HTML
44 lines
2 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="container">
|
|
<div class="logo"><img src="img/oss_final_final.png" alt="logo du bde"></div>
|
|
<div class="row banner">
|
|
<h1>Prochaine activité</h1>
|
|
<span class="activite-temps">02:00:00</span>
|
|
<p class="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>
|
|
|
|
<div class="row">
|
|
<div class="col col-left">
|
|
<h2>Planning des activité</h2>
|
|
<img src="img/schedule.jpg" alt="Planning des activité" srcset="">
|
|
</div>
|
|
<div class="col col-right">
|
|
<button class="prank-button" id="prank-button">Pranker quelqu'un !</button>
|
|
<p class="prank-desc">Appuyer pour pranker quelqu'un</p>
|
|
</div>
|
|
</div>
|
|
<div class="row banner">
|
|
<h1>À propos de nous !</h1>
|
|
<img src="img/team.jpeg" alt="la liste du bde de 2025" />
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>
|
|
</body>
|
|
</html> |