Skip to content
Snippets Groups Projects
Commit 9e9c692a authored by Lorenzo Flagothier's avatar Lorenzo Flagothier
Browse files

First commit

parents
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 446 additions and 0 deletions
Ubivoit - Chaumette Thomas, Marquis Nathan, Flagothier Lorenzo - Groupe B/contact.html 0 → 100644
+ 82
− 0
View file @ 9e9c692a
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="asset/css/contact.css">
<link rel="stylesheet" href="asset/css/navBar.css">
<link rel="stylesheet" href="asset/css/policeEcriture.css">
<link rel="stylesheet" href="asset/css/load.css">
<title>Ubivoit</title>
<link rel="icon" href="asset/img/Ubisoft.ico">
</head>
<body>
<div class="pageChargement">
<div class="containLogo"><img src="asset/img/Ubisoft.png"></div>
<div class="containLoad"><div class="load"></div></div>
</div>
<header>
<ul id="nav">
<li><img src="asset/img/image 7.png"></li>
<li><a href="index.html" >Information</a></li>
<li><a href="location.html" class="textNav">Location et prêt</a></li>
<li><a href="contact.html" class="textNav" id="selected">Nous contacter</a></li>
<li><a href="login.html" class="profilButton"><i class="fa-regular fa-user"></i></a></li>
</ul>
<details>
<summary><img src="asset/img/image 7.png"><a href="login.html" class="profilButton"><i class="fa-regular fa-user"></i></a></summary>
<ul>
<li><a href="#" >Information</a></li>
<li><a href="#" class="textNav">Location et prêt</a></li>
<li><a href="#" class="textNav" id="selected">Nous contacter</a></li>
</ul>
</details>
</header>
<main>
<section class="containForm">
<h2>Nous contacter</h2>
<form method="post" action="success.html">
<div>
<input type="text" placeholder="Nom Prénom">
</div>
<div>
<input type="email" placeholder="Adresse mail">
</div>
<div>
<input type="tel" placeholder="Numéro de téléphone">
</div>
<div>
<textarea placeholder="Votre problème" ></textarea>
</div>
<input type="submit" value="Envoyer">
</form>
</section>
<section class="containImg">
<h2>Exemple de nos employés</h2>
<div>
<div>
<img src="asset/img/nathan.png" id="nathan">
</div>
<div class="contentImg">
<img src="asset/img/thomas.png" id="thomas">
<img src="asset/img/lorenzo.png" id="lorenzo">
</div>
</div>
</section>
</main>
<footer>
<img src="asset/img/Ubisoft.png" alt="Ubisoft logo">
<p>Ubivoit ©, Thomas Chaumette, Lorenzo Flagothier , Nathan Marquis</p>
</footer>
</body>
</html>
\ No newline at end of file
Ubivoit - Chaumette Thomas, Marquis Nathan, Flagothier Lorenzo - Groupe B/index.html 0 → 100644
+ 103
− 0
View file @ 9e9c692a
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="asset/css/load.css">
<link rel="stylesheet" href="asset/css/home.css">
<link rel="stylesheet" href="asset/css/navBar.css">
<link rel="stylesheet" href="asset/css/policeEcriture.css">
<title>Ubivoit</title>
<link rel="icon" href="asset/img/Ubisoft.ico">
</head>
<body>
<header>
<ul id="nav">
<li><img src="asset/img/image 7.png"></li>
<li><a href="index.html" id="selected">Information</a></li>
<li><a href="location.html" class="textNav">Location et prêt</a></li>
<li><a href="contact.html" class="textNav">Nous contacter</a></li>
<li><a href="login.html" class="profilButton"><i class="fa-regular fa-user"></i></a></li>
</ul>
<details>
<summary><img src="asset/img/image 7.png"><a href="login.html" class="profilButton"><i class="fa-regular fa-user"></i></a></summary>
<ul>
<li><a href="index.html" id="selected">Information</a></li>
<li><a href="location.html" class="textNav">Location et prêt</a></li>
<li><a href="contact.html" class="textNav">Nous contacter</a></li>
</ul>
</details>
</header>
<div class="pageChargement">
<div class="containLogo"><img src="asset/img/Ubisoft.png"></div>
<div class="containLoad"><div class="load"></div></div>
</div>
<main>
<section>
<div class="content">
<div class="p">
<div>
<p>
Bienvenue sur Ubivoit ! un site créé pour les employés de Ubisoft afin de vous aider au mieux pour vos déplacements quotidients jusqu'aux locaux d'Ubisoft ! Sur ce site, plusieurs moyens sont à votre disposition pour avoir des déplacements plus verts, plus économiques, bref plus durables ! Ubisoft met à votre disposition du covoiturage, une location de voitures électriques, ainsi que des prêt de vélo et de trotinettes électriques
</p>
</div>
</div>
<div class="img">
<img alt="Image Entreprise Ubisoft" src="asset/img/Ubisoft_locaux.jpg" class="borderImg">
</div>
</div>
</section>
<section class="bgBlack">
<div class="content">
<div class="img">
<img alt="Image Entreprise Ubisoft" src="asset/img/Voiture_Electrique_Renault.jpg.webp" class="borderImg">
</div>
<div class="p">
<div>
<p>Vous pouvez bénéficier d'un système de transport plus écologique grâce à un système de location de voiture électrique mis en place par Ubisoft et notre partenaire Renault. Si vous désirez vous inscrire pour bénéficier de cette disposition, n'hésitez pas ! Les voitures électriques seront fournies en priorité à ceux d'entre vous qui privilégient le co-voiturage</p>
</div>
</div>
</div>
</section>
<section>
<div class="content">
<div class="p">
<div>
<p>Pour ceux qui quand à eux habitent plus proche, ou désirent éviter les embouteillages, nous sommes heureux de vous informer que un système de prêt de trotinettes et de vélos électriques a été mis en place pour vous permettre d'avoir des déplacement verts. Ces prêts se feront sur demande et fournis pas Ubisoft. Vous pouvez en réclamer grâce aux formulaires fournis dans la page "location et prêt" et profiter au maximum de cette disposition favorable à l'environnement </p>
</div>
</div>
<div class="img">
<img alt="Image Entreprise Ubisoft" src="asset/img/Logo_Covoiturage1.png.webp" class="borderImg">
</div>
</div>
</section>
<section class="bgBlack">
<div class="content">
<div class="img">
<img alt="Image Entreprise Ubisoft" src="asset/img/Trotinette_Velo.png.webp" class="borderImg">
</div>
<div class="p">
<div>
<p>Sur cette plateforme, vous pouvez vous inscrire pour du covoiturage grâce à la mise en relation entre conducteurs et passagers. Pourquoi choisir le covoiturage ? C'est une démarche de développement durable, qui vous permet de réduire vos coûts de déplacement, qui est plus respectueuse de l'environnement et qui vous permet de réduire les temps de trajet entre maison et lieu de travail ! Nous vous invitons le plus possible à vous inscrire !</p>
</div>
</div>
</div>
</section>
</main>
<footer>
<img src="asset/img/Ubisoft.png" alt="Ubisoft logo">
<p>Ubivoit ©, Thomas Chaumette, Lorenzo Flagothier , Nathan Marquis</p>
</footer>
</body>
</html>
Ubivoit - Chaumette Thomas, Marquis Nathan, Flagothier Lorenzo - Groupe B/location.html 0 → 100644
+ 123
− 0
View file @ 9e9c692a
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="asset/css/load.css">
<link rel="stylesheet" href="asset/css/location.css">
<link rel="stylesheet" href="asset/css/navBar.css">
<link rel="stylesheet" href="asset/css/policeEcriture.css">
<title>Ubivoit</title>
<link rel="icon" href="asset/img/Ubisoft.ico">
</head>
<body>
<div class="pageChargement">
<div class="containLogo"><img src="asset/img/Ubisoft.png"></div>
<div class="containLoad"><div class="load"></div></div>
</div>
<header>
<ul id="nav">
<li><img src="asset/img/image 7.png"></li>
<li><a href="index.html" >Information</a></li>
<li><a href="location.html" id="selected"class="textNav">Location et prêt</a></li>
<li><a href="contact.html" class="textNav">Nous contacter</a></li>
<li><a href="login.html" class="profilButton"><i class="fa-regular fa-user"></i></a></li>
</ul>
<details>
<summary><img src="asset/img/image 7.png"><a href="login.html" class="profilButton"><i class="fa-regular fa-user"></i></a></summary>
<ul>
<li><a href="#" >Information</a></li>
<li><a href="#" id="selected" class="textNav">Location et prêt</a></li>
<li><a href="#" class="textNav">Nous contacter</a></li>
</ul>
</details>
</header>
<main>
<section id="section-location-pret" class="whiteBg">
<h2>Location et prêt</h2>
<div class="container">
<div>
<img src="asset/img/Trotinette_Velo.png.webp" alt="image location et prêt">
</div>
<div>
<form method="post" action="index.html" class="blackBg">
<div>
<input type="text" placeholder="Nom et prénom">
</div>
<div>
<input type="email" placeholder="Adrese mail">
</div>
<div>
<input type="text" placeholder="Adresse complète">
</div>
<div class="whiteBg containListe">
<p>Cochez une case</p>
<div>
<input type="radio" name="liste-location" id="voiture">
<label for="voiture">Voiture électrique</label>
</div>
<div>
<input type="radio" name="liste-location" id="trottinette">
<label for="trottinette">Trottinette électrique</label>
</div>
<div>
<input type="radio" name="liste-location" id="velo">
<label for="velo">Vélo électrique</label>
</div>
</div>
<input type="submit" value="Envoyer" class="whiteBg">
</form>
</div>
</div>
<p>Après avoir complété le formulaire, vous serez recontacté pour bénéficier de votre service</p>
</section>
<section id="section-covoiturage" class="blackBg" style="height: 100%;">
<h2>Covoiturage</h2>
<div class="container">
<div>
<form method="post" action="success.html" class="whiteBg">
<div>
<input type="text" placeholder="Nom et prénom" class="blackBg">
</div>
<div>
<input type="email" placeholder="Adresse mail" class="blackBg">
</div>
<div>
<input type="text" placeholder="Adresse complète" class="blackBg">
</div>
<div class="blackBg containListe">
<p>Cochez un case</p>
<div>
<input type="radio" name="liste-covoiturage" id="conducteur">
<label for="conducteur">Conducteur</label>
</div>
<div>
<input type="radio" name="liste-covoiturage" id="passager">
<label for="passager">Recherche conducteur</label>
</div>
</div>
<input type="submit" value="Envoyer" class="blackBg">
</form>
</div>
<div>
<img src="asset/img/Logo_Covoiturage1.png.webp" alt="image de Covoiturage" class="borderWhite">
</div>
</div>
<p>Après avoir complété le formulaire, vous serez recontacté pour plus d’informations et vous serez mis en relation avec un collègue</p>
</section>
</main>
<footer>
<img src="asset/img/Ubisoft.png" alt="Ubisoft logo">
<p>Ubivoit ©, Thomas Chaumette, Lorenzo Flagothier , Nathan Marquis</p>
</footer>
</body>
</html>
Ubivoit - Chaumette Thomas, Marquis Nathan, Flagothier Lorenzo - Groupe B/login.html 0 → 100644
+ 55
− 0
View file @ 9e9c692a
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Se connecter</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="asset/css/load.css">
<link rel="stylesheet" href="asset/css/register-login.css">
<link rel="icon" href="asset/img/Ubisoft.ico">
</head>
<body>
<header>
<a href="index.html"><img src="asset/img/image 7.png"></a>
</header>
<section>
<form method="post" action="success.html" id="form-login">
<div>
<h3><i class="fa-solid fa-user"></i> Se connecter</h3>
<div class="barre"></div>
</div>
<div>
<div>
<input type="email" placeholder="Email" name="email" id="email">
</div>
<div>
<input type="password" placeholder="Votre mot de passe" name="password" id="password">
</div>
</div>
<div>
<input type="submit" value="S'inscire" name="submit" id="submit">
</div>
<div>
<p>Vous n'avez pas de compte ? <a href="register.html" class="underline">Inscrivez-vous</a></p>
</div>
</form>
</section>
<footer>
<img src="asset/img/Ubisoft.png" alt="Ubisoft logo">
<p>Ubivoit ©, Thomas Chaumette, Lorenzo Flagothier , Nathan Marquis</p>
</footer>
<div class="pageChargement">
<div class="containLogo"><img src="asset/img/Ubisoft.png"></div>
<div class="containLoad"><div class="load"></div></div>
</div>
</body>
</html>
\ No newline at end of file
Ubivoit - Chaumette Thomas, Marquis Nathan, Flagothier Lorenzo - Groupe B/register.html 0 → 100644
+ 66
− 0
View file @ 9e9c692a
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Créer un compte</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="asset/css/register-login.css">
<link rel="stylesheet" href="asset/css/load.css">
<link rel="icon" href="asset/img/Ubisoft.ico">
</head>
<body>
<header>
<a href="index.html"><img src="asset/img/image 7.png"></a>
</header>
<section>
<form method="post" action="success.html">
<div>
<h3><i class="fa-solid fa-user-plus"></i> Créer un compte</h3>
<div class="barre"></div>
</div>
<div>
<div id="firstname-name">
<div>
<input type="text" placeholder="Nom" name="firstname" id="firstname">
</div>
<div>
<input type="text" placeholder="Prénom" name="name" id="name">
</div>
</div>
<div>
<input type="email" placeholder="Email" name="email" id="email">
</div>
<div>
<input type="password" placeholder="Créer mot de passe" name="password" id="password">
</div>
<div>
<input type="password" placeholder="Comfirmer mot de passe" name="checkPassword" id="checkPassword">
</div>
</div>
<div>
<input type="submit" value="S'inscire" name="submit" id="submit">
</div>
<div>
<p>Vous avez déjà un compte ? <a href="login.html" class="underline">Connectez-vous</a></p>
</div>
</form>
</section>
<footer>
<img src="asset/img/Ubisoft.png" alt="Ubisoft logo">
<p>Ubivoit ©, Thomas Chaumette, Lorenzo Flagothier , Nathan Marquis</p>
</footer>
<div class="pageChargement">
<div class="containLogo"><img src="asset/img/Ubisoft.png"></div>
<div class="containLoad"><div class="load"></div></div>
</div>
</body>
</html>
\ No newline at end of file
Ubivoit - Chaumette Thomas, Marquis Nathan, Flagothier Lorenzo - Groupe B/success.html 0 → 100644
+ 17
− 0
View file @ 9e9c692a
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Success</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="asset/css/success.css">
<link rel="stylesheet" href="asset/css/policeEcriture.css">
</head>
<body>
<h2><i class="fa-regular fa-circle-check"></i></h2>
<h3>L'envoie a été fait avec succès</h3>
<a href="index.html"><i class="fa-solid fa-arrow-left"></i> Retourner à l'acceuil</a>
</body>
</html>
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment