groupe1cir1n/groupe1CIR1Njs
1
0
Fork 0
mirror of https://github.com/groupe1cir1n/groupe1CIR1Njs.git synced 2026-01-18 16:37:25 +01:00
Code Issues Packages Projects Releases Wiki Activity
Files
main
groupe1CIR1Njs/contacts.html

148 lines
9.1 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title> Contacts </title>
<link rel="icon" href="/src/img/icon.png" type="image/x-icon">
<script src="/src/js/navbarAndFooter.js" defer></script>
<script src="/src/js/InfosEtContact/contacts/roulette.js" defer></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js'></script>
<link rel="stylesheet" href="/src/css/style_roulette.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
<script src="src/js/InfosEtContact/contacts/contacts.js" defer></script>
<script src="https://kit.fontawesome.com/5b8b37978c.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="src/css/loader.css">
<link rel="stylesheet" href="src/css/style_contacts.css">
<link rel="stylesheet" href="src/css/navbar.css">
<link rel="stylesheet" href="src/css/footer.css">
</head>
<body>
<div id="loaderContainer">
<div id="loader"></div>
</div>
<div id="pageContent">
<nav>
<div class="burger-menu">
<div class="burger"><i class="fa-solid fa-bars"></i></div>
</div>
<ul class="menu">
<li><a href="index.html"><i class="fa-solid fa-house-user"></i> Accueil</a></li>
<li><a href="#"><i class="fa-solid fa-flask"></i> Recherche</a></li>
<ul>
<li><a href="recherche.html"><i class="fa-solid fa-flask"></i> Thématique de recherche</a></li>
<li><a href="platoformetecho.html"><i class="fa-solid fa-flask"></i> Platformes technologiques</a></li>
</ul>
<li><a href="membres.html" id="membresNav"><i class="fa-solid fa-user-group"></i> Membres</a></li>
<li><a href="#"><i class="fa-solid fa-circle-info"></i> Info et Contacts</a></li>
<ul>
<li><a href="contacts.html"><i class="fa-solid fa-address-book"></i> Contactez-Nous</a></li>
<li><a href="plan.html"><i class="fa-solid fa-map"></i> Plan d'accès</a></li>
<li><a href="emplois.html"><i class="fa-solid fa-briefcase"></i> Offres d'emplois</a></li>
</ul>
<li><a href="projets.html"><i class="fa-solid fa-diagram-project"></i> Projets</a></li>
<li><a href="partenaires.html"><i class="fa-solid fa-handshake"></i> Partenaires</a></li>
<li><a href="publications.html"><i class="fa-solid fa-newspaper"></i> Publications</a></li>
<li><a href="index.html"><img src="/src/img/LabISEN.png"></a></li>
</ul>
<div id="chrono"></div>
<div id="hour"></div>
</nav>
<h1 id = text><strong>Contactez le responsable de l’équipe</strong> <br>(Maher Jridi - maher.jridi@isen-ouest.yncrea.fr)</h1>
<form action="contacts.html" method="get" id="formulaire">
<div class="center">
<a id="usrnError"></a>
</div>
<div class="center">
<div class="input-container">
<img class="icon" src="/src/img/svg/user-solid.svg">
<input class="input-field" type="text" placeholder="Prénom Nom" name="usrnm" id="usrnInp">
</div>
</div>
<div class="center">
<a id="emailError"></a>
</div>
<div class="center">
<div class="input-container">
<img class="icon" src="/src/img/svg/at-solid.svg">
<input class="input-field" type="text" placeholder="email@exemple.com" name="email" id="emailInp">
</div>
</div>
<div class="center">
<a id="textarea1Error"></a>
</div>
<br>
<div class="center">
<textarea name="textarea1" placeholder="Votre message (1000 caractères maximum)" rows="5" cols="50" id="textarea1Inp"></textarea><br>
</div>
<div class="center">
<button id="submitBtn" class="btn">Envoyer</button>
</div>
</form>
<h2>Rouge ou vert vous gagnez, noir vous perdez!</h2>
<div class="center">
<div class="plate" id="plate">
<ul class="inner">
<li class="number"><label><input type="radio" name="pit" value="32" /><span class="pit">32</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="15" /><span class="pit">15</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="19" /><span class="pit">19</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="4" /><span class="pit">4</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="21" /><span class="pit">21</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="2" /><span class="pit">2</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="25" /><span class="pit">25</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="17" /><span class="pit">17</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="34" /><span class="pit">34</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="6" /><span class="pit">6</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="27" /><span class="pit">27</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="13" /><span class="pit">13</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="36" /><span class="pit">36</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="11" /><span class="pit">11</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="30" /><span class="pit">30</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="8" /><span class="pit">8</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="23" /><span class="pit">23</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="10" /><span class="pit">10</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="5" /><span class="pit">5</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="24" /><span class="pit">24</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="16" /><span class="pit">16</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="33" /><span class="pit">33</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="1" /><span class="pit">1</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="20" /><span class="pit">20</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="14" /><span class="pit">14</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="31" /><span class="pit">31</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="9" /><span class="pit">9</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="22" /><span class="pit">22</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="18" /><span class="pit">18</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="29" /><span class="pit">29</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="7" /><span class="pit">7</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="28" /><span class="pit">28</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="12" /><span class="pit">12</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="35" /><span class="pit">35</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="3" /><span class="pit">3</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="26" /><span class="pit">26</span></label></li>
<li class="number"><label><input type="radio" name="pit" value="0" /><span class="pit">0</span></label></li>
</ul>
</div>
</div>
<br>
</div>
<footer>
<div class="foot">
<p>
ISEN Nantes: 33 Q Avenue du Champ de Manœuvres,<br> 44470 Carquefou <br><a href="tel:+33230130560" class="telFooter">+33(0)2 30 13 05 60</a>
</p>
<p>
ISEN Rennes: Campus RSB 2, rue Robert d'Arbrissel,<br> 35065 Rennes <br><a href="tel:+33230130250" class="telFooter">+33(0)2 30 13 02 50</a>
</p>
<p>
ISEN Brest: 20 rue du Cuirassé,<br> Brest 29200 <br><a href="tel:+33298038400" class="telFooter">+33(0)2 98 03 84 00</a>
</p>
<p>
ISEN Caen: 8 Avenue Croix Guérin,<br> 14000 CAEN <br><a href="tel:+33230310320" class="telFooter">+33(0)2 30 31 03 20</a>
</p>
</div>
<div class="copyright">
<p id="item1">Created by <a href="https://www.linkedin.com/in/cl%C3%A9ment-brossaud-719313262/" class="copya">Clément Brossaud</a> and <a href="https://www.linkedin.com/in/felix-marquet-5071bb167/" class="copya">Félix Marquet</a></p>
</div>
</footer>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink