-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
126 lines (99 loc) · 4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CRIS - Home</title>
<link rel="stylesheet" type="text/css" href="css/all.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<!--
Information pour moi-même :
* Toutes les images doivent être en .webp ou .svg pour la 1ère beta du site
* Il faut remplacer les liens de contacts avant publication
-->
<body>
<!-- Barre de menu -->
<nav class="navbar">
<a href="#" class="logo"><img class="menu_logo_img" src="img/logo_cris_complexe.png"></a>
<div class="nav-links">
<ul>
<li class="active"><a class="menu_link" href="index.html">Accueil</a></li>
<li><a class="menu_link" href="actualites.html">Actualités</a></li>
<li><a class="menu_link" href="membres.html">Membres</a></li>
<li><a class="menu_link" href="partenaires.html">Partenaires</a></li>
</ul>
</div>
<span class="burger-icon menu-hamburger">
<span></span>
<span></span>
<span></span>
</span>
</nav>
<!-- Bannière d'acceuil -->
<img class="banniere" src="img/banniere_acceuil_540.png">
<div class="espace_banniere"></div>
<!-- Présentation du club -->
<ul class="flex-container presentation_club">
<li>
<h1>Le club de Robotique</h1>
<p>Le CRIS est un club créé il y a plus de 20 ans en 1999 dans le but de permettre aux étudiants de parfaire leur savoir respectif dans un projet commun, le championnat de france de robotique. Depuis le CRIS n'a cessé de tenir cet objectif et aujourd'hui encore se lance dans cette folle aventure du championnat de 2023 : Cherry On The Cake. Alors si vous voulez nous suivre dans cette aventure, suivez-nous sur instagram</p>
<a class="bouton_visite" href="https://www.instagram.com/club_robot_insa/" >Instagram</a>
</li>
<li>
<img src="img/photo_43.png">
</li>
</ul>
<!-- Mot des co-présidents -->
<ul class="flex-container mots_pres">
<li>
<img src="img/pres_duo.jpg">
</li>
<li>
<h1>Mots des présidents</h1>
<p>Bonjour, </br>
Nous somme aujourd'hui ravis de présider le club robotique de l'insa strasbourg, avec une histoire riche, et des membres motivés, nous sommes l'un des plus gros club de notre école. Et pour cette nouvelle année, nous souhaitons le montrer lors de championnat de france de robotique.</p>
</li>
</ul>
<!-- Explication de la coupe -->
<ul class="flex-container coupe_expli">
<li>
<h1>Le championnat de france de robotique</h1>
<p>Le championnat de robotique est un championnat national regroupant des dizaines d'équipes sur un objectif commun, faire un robot capable de passer les défis proposés par les organisateurs. Ce championnat est aujourd'hui le plus grand de France avec plus de 5000 visiteurs sur 4 jours de compétitions. Et pour cette édition 2023, le thème est "Cherry On The Cake".</p>
</li>
<li>
<img src="img/photo_43.png">
</li>
</ul>
<ul class="flex-container coupe_liens">
<li>
<a class="bouton_visite" href="https://robotique-insas.github.io/actualites.html">Notre avancée</a>
</li>
<li>
<a class="bouton_visite" href="https://www.coupederobotique.fr/edition-2023/le-concours/reglement-2023/">Règlement de la coupe</a>
</li>
</ul>
<!-- Zone de contact -->
<ul class="flex-container contact">
<li>
<a href="mailto:club.robotique.insa@gmail.com" >Mails</a>
</li>
<li>
<a href="https://www.instagram.com/club_robot_insa/" >Instagram</a>
</li>
<li>
<a href="https://www.youtube.com/channel/UCvn6E0UIt9lkwsoplmCR5pg" >Youtube</a>
</li>
<li>
<a href="https://www.facebook.com/clubrobotiqueinsastras" >Facebook</a>
</li>
</ul>
</body>
<script>
const menuHamburger = document.querySelector(".burger-icon")
const navLinks = document.querySelector(".nav-links")
menuHamburger.addEventListener('click',()=>{
navLinks.classList.toggle('mobile-menu')
})
</script>
</html>