-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (110 loc) · 6.21 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
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="fr">
<head>
<meta name="viewport" content="width=device-width" initial-scale="1.0" charset="UTF-8"/>
<title>Maker-fest</title>
<link rel="stylesheet" href="../StyleSheet/Style.css">
<link href="https://fonts.cdnfonts.com/css/gluten" rel="stylesheet">
<script type="text/javascript" src="../Scripts/script.js"></script>
</head>
<body id="Page" onload="Onstart()" >
<div id="Header">
<img id="logo" src="./media/LogoSeul.png"><br>
<h2>10.11.12 mai 2024 . Alpe d'huez-france</h2>
<h1>MAKER-FEST</h1>
<div id="Perso">
<p id="nbrvisiteur">Il y a actuellement 12 personnes, qui vistent le site</p>
</div>
<nav id="recherche">
<a class="HomeNavbar" href="./index.html">Accueil</a>
<a class="HomeNavbar" href="./Actualité.html">Actualité</a>
<a class="HomeNavbar" href="./PHP/BilletPage.php">Achetez votre billet</a>
<a class="HomeNavbar" href="https://maps.app.goo.gl/731N5p4cfDKDViVT9">localisation</a>
<a class="HomeNavbar" href="./PHP/Disponibilite.php">Disponibilté</a><!-- contient le nombre de place restant -->
<a class="HomeNavbar" href="#contact">contact</a>
<a class="HomeNavbar" href="https://unimakers.fr">Qui sommes nous ?</a>
<a class="HomeNavbar" href="./PHP/login.php">login</a>
</nav>
</div>
<div id="InfoPage">
<h2>Horaires d'ouverture</h2>
<div class="ouverture" onmouseover="showDetails(this)" onmouseout="hideDetails(this)">
<h2>Vendredi</h2>
<div class="details">
<ul>
<li>12:00 - 16:30</li>
<li>19:00 - 00:00</li>
</ul>
<!-- Ajoutez plus de détails ici -->
</div>
</div>
<div class="ouverture" onmouseover="showDetails(this)" onmouseout="hideDetails(this)">
<h2>Samedi</h2>
<div class="details">
<ul>
<li>12:00 - 17:30</li>
<li>19:00 - 02:00</li>
</ul>
<!-- Ajoutez plus de détails ici -->
</div>
</div>
<div class="ouverture" onmouseover="showDetails(this)" onmouseout="hideDetails(this)">
<h2>Dimanche</h2>
<div class="details">
<ul>
<li>12:00 - 17:30</li>
<li>19:00 - 03:00</li>
</ul>
<!-- Ajoutez plus de détails ici -->
</div>
</div>
</div>
<div id="News">
<h2>
Les nouveautés
</h2>
<div id="Articles">
<article class="Posts">
<h4>
Formations Gratuites
</h4>
<img class="postimg" src="media\Student_Hat_Logo.png" alt="Aperture science">
<p>L'équipe d'unimakers et ses partenaires vont assurer de nombreuses activité formatrices lors du Maker-fest, commça vous pouvez également vous integrer dans le monde maker</p>
</article>
<article class="Posts">
<h4>
Aperture science
</h4>
<img class="postimg" src="media\Aperture_Science_Logo.png" alt="Aperture science">
<p>Aperture science viendra presenter sa nouvelle invention, la tourelle a but comercial, avec 65% plus de balle, par balle</p>
</article>
<article class="Posts">
<h4>
La coupe de robotique
</h4>
<img class="postimg" src="media\Farming_Mars.png" alt="Farming mars coupe de robotique">
<p>Decouvrez la coupe de robotique qui prendra place au sein du festival</p>
</article>
</div>
</div>
<ol >
<li class="FontChange">The First Law: A robot may not injure a human being or, through inaction, allow a human being to come to harm.</li>
<li class="FontChange">The Second Law: A robot must obey the orders given it by human beings except where such orders would conflict with the First Law.</li>
<li class="FontChange">The Third Law: A robot must protect its own existence as long as such protection does not conflict with the First or Second Law.</li>
</ol>
<div id="contact_container">
<nav id="contact">
<!-- ouvre un éditeur de mail -->
<a class="ContactNavbar" href="mailto:unimakers.amiens@gmail.com?subject=WebMail%20test&body=Dear%20Unimakers">Mail</a>
<!-- ouvre le composeur d'appel -->
<a class="ContactNavbar" href="tel:00330782303292">Télephone</a>
<a class="ContactNavbar" href="https://instagram.com/unimakers_amiens?igshid=NzZlODBkYWE4Ng=="><img class="icons" src="./media/Instagram_Glyph_Black.png" alt="Instagram"></a>
<a class="ContactNavbar" href=""><img class="icons" src="./media/twitter_logo-black.png" alt="Twitter"></a>
<a class="ContactNavbar" href="https://www.youtube.com/@UniMakersAmiens"><img class="icons" src="./media/yt_logo.png" alt="Youtube"></a>
<a class="ContactNavbar" href="https://github.com/Unimakers"><img class="icons" src="./media/github-mark.png" alt="Github"></a>
<a class="ContactNavbar" href="https://www.linkedin.com/company/unimakers-amiens"><img class="icons" src="./media/LinkedIn_logo.png" alt="linkedIn"></a>
<a class="ContactNavbar" href=""><img class="icons" src="./media/Facebook_Logo_Primary.png" alt="Facebook"></a>
</nav>
</div>
</body>
</html>