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.
165 lines
6.0 KiB
165 lines
6.0 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_table.css">
|
|
<link rel="stylesheet" type="text/css" href="../CSS/print/print_table.css" media="print">
|
|
|
|
</head>
|
|
|
|
|
|
<!----------------------------------------------------------------->
|
|
|
|
<body>
|
|
|
|
<header>
|
|
<nav class="menu">
|
|
<ul class="menu_liste">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="table.html" class="active">Galerie</a></li>
|
|
<li><a href="news.html">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="#">GALERIE</a>
|
|
<img src="../media/images/menu_button.png" class="menu_button_img">
|
|
</div>
|
|
|
|
<div id="galerie">
|
|
<table border="1"><!--Champion du monde | français | a clermont-->
|
|
<thead id="galerie_title">
|
|
<tr>
|
|
<td>Différents sports</td>
|
|
<td>Champion du monde</td>
|
|
<td>Equipe de France</td>
|
|
<td>Equipe de Clermont</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="foot">
|
|
<td>
|
|
<a href="https://fr.wikipedia.org/wiki/Football">FOOTBALL</a>
|
|
</td>
|
|
<td colspan="2">
|
|
<img src="../media/images/galerie/foot_cdm.jpg" width="1300" title="France - Coupe du monde 2018" alt="France - Coupe du monde 2018">
|
|
<figcaption>France - Coupe du monde 2018</figcaption>
|
|
</td>
|
|
<td>
|
|
<img src="../media/images/galerie/foot_clf.jpg" width="650px" title="Clermont Foot" alt="Clermont Foot">
|
|
<figcaption>Clermont Foot</figcaption>
|
|
</td>
|
|
</tr>
|
|
<tr id="cyclisme">
|
|
<td>
|
|
<a href="https://fr.wikipedia.org/wiki/Cyclisme_sur_route">CYCLISME SUR ROUTE</a>
|
|
</td>
|
|
<td>
|
|
<img src="../media/images/galerie/cyclism_cdm.jpg" title="Remco Evenepoel - Champion du Monde 2022" alt="Remco Evenepoel - Champion du Monde 2022">
|
|
<figcaption>Remco Evenepoel - Champion du Monde 2022</figcaption>
|
|
</td>
|
|
<td>
|
|
<img src="../media/images/galerie/cyclism_julian.jpg" title="Julian Alaphilippe - UCI Wolrd Championships 2021" alt="Julian Alaphilippe - UCI Wolrd Championships 2021">
|
|
<figcaption>Julian Alaphilippe - UCI Wolrd Championships 2021</figcaption>
|
|
</td>
|
|
<td>
|
|
<img src="../media/images/galerie/cyclism_clf.webp" width="650px" title="Étoile cycliste de Clermont-Ferrand" alt="Étoile cycliste de Clermont-Ferrand">
|
|
<figcaption>Étoile cycliste de Clermont-Ferrand</figcaption>
|
|
</td>
|
|
</tr>
|
|
<tr id="rugby">
|
|
<td rowspan="2">
|
|
<a href="https://fr.wikipedia.org/wiki/Rugby_%C3%A0_XV">RUGBY à XV</a>
|
|
</td>
|
|
<td rowspan="2">
|
|
<img src="../media/images/galerie/rugby_cdm.jpg" width="650px" title="Australie - Coupe du monde 2019" alt="Australie - Coupe du monde 2019">
|
|
<figcaption>Australie - Coupe du monde 2019</figcaption>
|
|
</td>
|
|
<td>
|
|
<img src="../media/images/galerie/rugby_fr.jpeg" width="650px" title="Équipe de France masculine" alt="Équipe de France masculine">
|
|
<figcaption>Équipe de France masculine</figcaption>
|
|
</td>
|
|
<td rowspan="2">
|
|
<img src="../media/images/galerie/rugby_clf.jpg" width="650px" title="Association sportive Montferrandaise" alt="Association sportive Montferrandaise">
|
|
<figcaption>ASM</figcaption>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<img src="../media/images/galerie/rugby_fr_femme.webp" width="650px" title="Équipe de France féminine" alt="Équipe de France féminine">
|
|
<figcaption>Équipe de France féminine</figcaption>
|
|
</td>
|
|
</tr>
|
|
<tr id="hockey">
|
|
<td>
|
|
<a href="https://fr.wikipedia.org/wiki/Hockey">HOCKEY</a>
|
|
</td>
|
|
<td>
|
|
<img src="../media/images/galerie/hockey_cdm.jpg" width="650px" title="Equipe de Finlande - Champion du Monde 2022" alt="Equipe de Finlande - Champion du Monde 2022"
|
|
>
|
|
<figcaption>Equipe de Finlande - Champion du Monde 2022</figcaption>
|
|
</td>
|
|
<td>
|
|
<img src="../media/images/galerie/hockey_fr.jpg" width="650px" title="Equipe de France masculine" alt="Equipe de France masculine">
|
|
<figcaption>Equipe de France masculine</figcaption>
|
|
</td>
|
|
<td>
|
|
<img src="../media/images/galerie/hockey_clf.jpeg" width="650px" title="Equipe des Sangliers Arvernes" alt="Equipe des Sangliers Arvernes">
|
|
<figcaption>Equipe des Sangliers Arvernes</figcaption>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
|
|
</table>
|
|
</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> |