You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
112 lines
3.6 KiB
112 lines
3.6 KiB
<!doctype html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8" />
|
|
<title>ACTUS</title>
|
|
<link rel="icon" type="image/png" href="../media/images/icon.ico">
|
|
<link rel="stylesheet" type="text/css" href="../CSS/style.css">
|
|
<link rel="stylesheet" type="text/css" href="../CSS/page_news.css">
|
|
|
|
</head>
|
|
|
|
|
|
<!----------------------------------------------------------------->
|
|
|
|
<body>
|
|
<header>
|
|
<nav class="menu">
|
|
<ul class="menu_liste">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="table.html">Galerie</a></li>
|
|
<li><a href="news.html" class="active">News</a></li>
|
|
<li><a href="actus.html">Actus</a></li>
|
|
<li class="reseaux-mobile">
|
|
<a href="https://fr-fr.facebook.com/">
|
|
<img src="../media/images/logo/logo_facebook.webp">
|
|
</a>
|
|
<a href="https://twitter.com/?lang=fr">
|
|
<img src="../media/images/logo/logo_twitter.png">
|
|
</a>
|
|
<a href="https://www.instagram.com/?hl=fr">
|
|
<img src="../media/images/logo/logo_instagram.webp">
|
|
</a>
|
|
<a href="https://www.strava.com/?hl=fr">
|
|
<img src="../media/images/logo/logo_strava.png">
|
|
</a>
|
|
</li>
|
|
<li id="contact">Contact
|
|
<ul class="sous-menu">
|
|
<li><a href="formulaire.html">Nous contacter</a></li>
|
|
<li> <p>Nos Adresses :</p>
|
|
<div>
|
|
<li class="coordonnees"><a href="tel:+33">Téléphone</a></li>
|
|
<li class="coordonnees"><a href="mailto:passionsport@contact.fr">Mail</a></li>
|
|
<li class="coordonnees"><a href="https://goo.gl/maps/1mVkDZjDFm7MkmB58">Adresse</a></li>
|
|
</div>
|
|
</li>
|
|
<li><a href="https://www.strava.com/?hl=fr">Strava</a></li>
|
|
<li>Instagram<img src="../media/images/qr_code/qr_instagram.png"></li>
|
|
<li>Twitter<img src="../media/images/qr_code/qr_twitter.webp"></li>
|
|
<li>Facebook<img src="../media/images/qr_code/qr_facebook.png"></li>
|
|
<li>Snapchat<img src="../media/images/qr_code/qr_snapchat.png"></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<div class="menu_button"><a href="#">NEWS</a>
|
|
<img src="../media/images/menu_button.png" class="menu_button_img">
|
|
</div>
|
|
|
|
|
|
|
|
<!-----News----->
|
|
<div id="news_page">
|
|
<!-------News 1------->
|
|
<div id="news_1" class="news_items">
|
|
<h1>Mathilde Gros, la métamorphose</h1>
|
|
<video src="../media/videos/news1.mp4" controls></video>
|
|
<figcaption>mis à jour il y a 8 heures</figcaption>
|
|
</div>
|
|
|
|
<div id="news_2" class="news_items">
|
|
<h1>Coupe du Monde - Quatar 2022</h1>
|
|
<video src="../media/videos/news2.mp4" controls></video>
|
|
<figcaption>mis à jour il y a 2 jours</figcaption>
|
|
</div>
|
|
|
|
<div id="news_3" class="news_items">
|
|
<h1>Terrible entame pour l'OM - Francfort / Marseille - Ligue des Champions (5ème journée)</h1>
|
|
<video src="../media/videos/news3.mp4" controls></video>
|
|
<figcaption>mis à jour il y a 5 jours</figcaption>
|
|
</div>
|
|
|
|
<div id="news_4" class="news_items">
|
|
<h1>Énorme crash entre Alonso et Stroll ! - Grand Prix des États-Unis - F1</h1>
|
|
<video src="../media/videos/news4.mp4" controls></video>
|
|
<figcaption>mis à jour il y a un mois</figcaption>
|
|
</div>
|
|
|
|
<div id="news_5" class="news_items">
|
|
<h1>Résumé du coup de maître d'Evenepoel</h1>
|
|
<video src="../media/videos/news5.mp4" controls></video>
|
|
<figcaption>mis à jour il y a 2 mois</figcaption>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
<footer>Bonafos Adam G6</footer>
|
|
|
|
<script>
|
|
const menu_mobile = document.querySelector(".menu_button_img")
|
|
const menu = document.querySelector(".menu_liste")
|
|
|
|
menu_mobile.addEventListener('click',()=>{
|
|
menu.classList.toggle('mobile-menu')
|
|
})
|
|
</script> |