last commit
This commit is contained in:
Amir
@@ -0,0 +1,5 @@
|
|||||||
|
Projet IHM :
|
||||||
|
|
||||||
|
Instruction:
|
||||||
|
|
||||||
|
Pour la navigation sur la page "Consulter une offre" il faut dézoomer sur la page de 20% en moyenne
|
||||||
|
|||||||
BIN
html/ModeSbr.jpg
Normal file
BIN
html/ModeSbr.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
61
html/convention.html
Normal file
61
html/convention.html
Normal file
@@ -0,0 +1,61 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css" />
|
||||||
|
<title>Demander une convention </title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="w3-bar w3-black">
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Déposer une offre</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Consulter les offres</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Demander une convention</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button class="w3-button w3-xlarge w3-topleft"><a href="../sombre/convention.html"><img src="ModeSbr.jpg">Mode sombre</a></button>
|
||||||
|
|
||||||
|
<div class="w3-card-4 w3-twothird w3-padding-32 w3-display-middle w3-center">
|
||||||
|
<div id="depot-offre" class="w3-container w3-mobile">
|
||||||
|
<h1>Demander une convention </h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
|
||||||
|
<form class="w3-container w3-padding-32" method="" action="">
|
||||||
|
|
||||||
|
<label>S’agit-il d’un stage de 10 à 14 semaines ? <label>
|
||||||
|
<input class="w3-radio" type="radio" name="semaine" value="" checked>
|
||||||
|
<label>oui</label>
|
||||||
|
<input class="w3-radio" type="radio" name="semaine" value="" checked>
|
||||||
|
<label>non</label>
|
||||||
|
|
||||||
|
<br><br>
|
||||||
|
<label>Le stage est-il rémunéré ? <label>
|
||||||
|
<input class="w3-radio" type="radio" name="remunerer" value="" checked>
|
||||||
|
<label>oui</label>
|
||||||
|
<input class="w3-radio" type="radio" name="remunerer" value="" checked>
|
||||||
|
<label>non</label>
|
||||||
|
<br><br>
|
||||||
|
<label>Professeur tuteur</label>
|
||||||
|
<br>
|
||||||
|
<select name="prof" id="">
|
||||||
|
<option value="">--Choisir un professeur--</option>
|
||||||
|
<option value="Denis">Denis Monnerat</option>
|
||||||
|
<option value="">Pierre Valarcher</option>
|
||||||
|
<option value="">Luc Dartois</option>
|
||||||
|
</select>
|
||||||
|
<button type="reset"
|
||||||
|
class="w3-button w3-blue-grey w3-display-bottommiddle w3-margin-bottom w3-margin-top">Soumettre</button>
|
||||||
|
</form>
|
||||||
|
<br><br>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
49
html/depotOffre1.html
Normal file
49
html/depotOffre1.html
Normal file
@@ -0,0 +1,49 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<title>Déposer une offre</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="w3-bar w3-black w3-container">
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="depotOffre1.html" class="w3-bar-item w3-button">Déposer une offre</a>
|
||||||
|
<a href="recherche.html" class="w3-bar-item w3-button">Consulter les offres</a>
|
||||||
|
<a href="convention.html" class="w3-bar-item w3-button">Obtenir ma convention</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button class="w3-button w3-xlarge w3-topleft"><a href="../sombre/depotOffre1.html"><img src="ModeSbr.jpg">Mode sombre</a></button>
|
||||||
|
|
||||||
|
<div class="w3-card-4 w3-half w3-padding-32 w3-display-middle w3-center w3-container">
|
||||||
|
<div id="depot-offre" class="w3-container w3-mobile">
|
||||||
|
<h1>Déposer une offre</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<div class="w3-container">
|
||||||
|
<button class="w3-button w3-round-large w3-grey">Annonce externe</button>
|
||||||
|
<button class="w3-button w3-round-large w3-blue-grey">Annonce complète</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form class="w3-container w3-center w3-padding-32">
|
||||||
|
<input class="w3-input w3-border w3-animate-input w3-twothird" type="text" placeholder="Titre de l'offre">
|
||||||
|
<br>
|
||||||
|
<input class="w3-input w3-border w3-animate-input w3-twothird" type="text" placeholder="Intitulé du poste">
|
||||||
|
<br>
|
||||||
|
<input class="w3-input w3-border w3-animate-input w3-twothird" type="date" placeholder="DD/MM/YYYY">
|
||||||
|
<br>
|
||||||
|
<input class="w3-input w3-border w3-animate-input w3-twothird" type="text" placeholder="Lien de l'offre">
|
||||||
|
<br>
|
||||||
|
<!--<input class="w3-input w3-border w3-animate-input w3-twothird" type="text" placeholder="Description">
|
||||||
|
<br>!-->
|
||||||
|
<button class="w3-button w3-blue-grey w3-display-bottommiddle w3-margin-bottom w3-margin-top">Soumettre</button>
|
||||||
|
<br>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
84
html/depotOffre2.html
Normal file
84
html/depotOffre2.html
Normal file
@@ -0,0 +1,84 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<title>Déposer une offre</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="w3-bar w3-black w3-container">
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="depotOffre1.html" class="w3-bar-item w3-button">Déposer une offre</a>
|
||||||
|
<a href="recherche.html" class="w3-bar-item w3-button">Consulter les offres</a>
|
||||||
|
<a href="convention.html" class="w3-bar-item w3-button">Obtenir ma convention</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button class="w3-button w3-xlarge w3-topleft"><a href="../sombre/depotOffre2.html"><img src="ModeSbr.jpg">Mode sombre</a></button>
|
||||||
|
|
||||||
|
<div class="w3-card-4 w3-twothird w3-display-middle w3-center">
|
||||||
|
<h1>Déposer une offre</h1>
|
||||||
|
|
||||||
|
<div class="w3-container w3-center">
|
||||||
|
<button class="w3-button w3-round-large w3-blue-grey">Annonce externe</button>
|
||||||
|
<button class="w3-button w3-round-large w3-grey">Annonce complète</button>
|
||||||
|
</div>
|
||||||
|
<form class="w3-container w3-padding-64">
|
||||||
|
<input class="w3-input w3-border w3-animate-input w3-twothird" type="text" placeholder="Titre de l'offre">
|
||||||
|
<br><br>
|
||||||
|
<input class="w3-input w3-border w3-animate-input w3-twothird" type="text" placeholder="Intitulé du poste">
|
||||||
|
<br><br>
|
||||||
|
<input class="w3-input w3-border w3-animate-input w3-twothird" type="date" placeholder="DD/MM/YYYY">
|
||||||
|
<br><br>
|
||||||
|
<input class="w3-input w3-border w3-animate-input w3-twothird" type="number" placeholder="Durée du stage (en semaines)">
|
||||||
|
<br><br>
|
||||||
|
<h3 class="w3-left">Description du sujet </h3>
|
||||||
|
<br><br><br>
|
||||||
|
|
||||||
|
<div class="w3-left">
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Bases de données</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Réseau</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Système</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Web</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Administration</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Dev</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Documentation</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Prototype</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Support</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Test</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Mobile</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Autre</label>
|
||||||
|
</div>
|
||||||
|
<br><br><br>
|
||||||
|
|
||||||
|
|
||||||
|
<h3 class="w3-left">Technos employées : </h3>
|
||||||
|
<br><br><br>
|
||||||
|
|
||||||
|
<div class="w3-left">
|
||||||
|
<input class="w3-check" type="checkbox"> <label>SQL</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Java</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Python</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>C</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>C++</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>C#</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>PHP</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>JavaScript</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>HTML</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>CSS</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Scripting</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Framework PHP</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Framework JavaScript</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Librairie JavaScript</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>VBA</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Autre</label>
|
||||||
|
</div>
|
||||||
|
<br><br>
|
||||||
|
<button class="w3-button w3-blue-grey w3-display-bottommiddle w3-margin-bottom w3-margin-top">Soumettre</button>
|
||||||
|
<br>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
117
html/nouveaulieu.html
Normal file
117
html/nouveaulieu.html
Normal file
@@ -0,0 +1,117 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<title>Offres de stages</title>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="w3-bar w3-black">
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Déposer une offre</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Consulter les offres</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button class="w3-button w3-xlarge w3-topleft"><a href="modesombre.html"><img src="ModeSbr.jpg">Mode sombre</a></button>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="w3-card-4 w3-twothird w3-padding-32 w3-display-middle w3-center" >
|
||||||
|
<div id="depot-offre" class="w3-container w3-mobile">
|
||||||
|
<h1>Consulter les offres de stages</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<form class="w3-container w3-padding-32">
|
||||||
|
|
||||||
|
<textarea class="w3-input w3-border w3-animate-input w3-third" type="text" placeholder="Description du poste recherché"></textarea>
|
||||||
|
<br><br><br><br>
|
||||||
|
|
||||||
|
<h3 class="w3-left">Description du sujet </h3>
|
||||||
|
<br><br><br>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="w3-left">
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Bases de données</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Réseau</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Système</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Web</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Administration</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Dev</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Documentation</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Prototype</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Support</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Test</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Mobile</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Autre</label> </div>
|
||||||
|
<br><br><br>
|
||||||
|
|
||||||
|
|
||||||
|
<h3 class="w3-left">Technos employées : </h3>
|
||||||
|
<br><br><br>
|
||||||
|
|
||||||
|
<div class="w3-left">
|
||||||
|
<input class="w3-check" type="checkbox"> <label>SQL</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Java</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Python</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>C</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>C++</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>C#</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>PHP</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>JavaScript</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>HTML</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>CSS</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Scripting</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Framework PHP</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Framework JavaScript</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Librairie JavaScript</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>VBA</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Autre</label> </div>
|
||||||
|
<br><br><br><br>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h3 class="w3-left">Lieu du stage </h3>
|
||||||
|
<br><br><br>
|
||||||
|
<input class="w3-input w3-border w3-animate-input w3-third" type="text" placeholder="Paris">
|
||||||
|
<br><br>
|
||||||
|
<input class="w3-input w3-border w3-animate-input w3-third" type="text" placeholder="Melun">
|
||||||
|
<br><br>
|
||||||
|
<button class="w3-button w3-blue-grey w3-left w3-margin-bottom w3-margin-top"><a href="nouveaulieu.html" class= "w3-button w3-blue-grey" >Ajouter un autre lieu pour votre stage</a></button>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<br><br><br><br><br>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h3 class="w3-left">Quantité de télétravail </h3>
|
||||||
|
<br><br><br>
|
||||||
|
|
||||||
|
<select class="w3-select" name="option">
|
||||||
|
<option value="1" disabled selected>Un jour dans la semaine</option>
|
||||||
|
<option value="2">Deux jours dans la semaine</option>
|
||||||
|
<option value="3">Trois jours dans la semaine</option>
|
||||||
|
<option value="4">Quatre jours dans la semaine</option>
|
||||||
|
<option value="5">Cinq jours dans la semaine</option>
|
||||||
|
<option value="6">Six jours dans la semaine</option>
|
||||||
|
<option value="7">Sept jours dans la semaine</option>
|
||||||
|
</select>
|
||||||
|
<br><br>
|
||||||
|
|
||||||
|
|
||||||
|
<input class="w3-input w3-border w3-animate-input w3-third" type="text" placeholder="Description à ajouter pour le télétravail">
|
||||||
|
<br><br>
|
||||||
|
<button class="w3-button w3-blue-grey w3-display-bottommiddle w3-margin-bottom w3-margin-top">Rechercher</button>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
115
html/offrestage.html
Normal file
115
html/offrestage.html
Normal file
@@ -0,0 +1,115 @@
|
|||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<title>Offres de stages</title>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="w3-bar w3-black">
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Déposer une offre</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Consulter les offres</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button class="w3-button w3-xlarge w3-topleft"><a href="modesombre.html"><img src="ModeSbr.jpg">Mode sombre</a></button>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="w3-card-4 w3-twothird w3-padding-32 w3-display-middle w3-center" >
|
||||||
|
<div id="depot-offre" class="w3-container w3-mobile">
|
||||||
|
<h1>Consulter les offres de stages</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<form class="w3-container w3-padding-32">
|
||||||
|
|
||||||
|
<textarea class="w3-input w3-border w3-animate-input w3-third" type="text" placeholder="Description du poste recherché"></textarea>
|
||||||
|
<br><br><br><br>
|
||||||
|
|
||||||
|
<h3 class="w3-left">Description du sujet </h3>
|
||||||
|
<br><br><br>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="w3-left">
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Bases de données</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Réseau</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Système</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Web</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Administration</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Dev</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Documentation</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Prototype</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Support</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Test</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Mobile</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Autre</label> </div>
|
||||||
|
<br><br><br>
|
||||||
|
|
||||||
|
|
||||||
|
<h3 class="w3-left">Technos employées : </h3>
|
||||||
|
<br><br><br>
|
||||||
|
|
||||||
|
<div class="w3-left">
|
||||||
|
<input class="w3-check" type="checkbox"> <label>SQL</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Java</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Python</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>C</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>C++</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>C#</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>PHP</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>JavaScript</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>HTML</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>CSS</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Scripting</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Framework PHP</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Framework JavaScript</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Librairie JavaScript</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>VBA</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Autre</label> </div>
|
||||||
|
<br><br><br><br>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h3 class="w3-left">Lieu du stage </h3>
|
||||||
|
<br><br><br>
|
||||||
|
<input class="w3-input w3-border w3-animate-input w3-third" type="text" placeholder="Paris">
|
||||||
|
<br><br>
|
||||||
|
<button class="w3-button w3-blue-grey w3-left w3-margin-bottom w3-margin-top"><a href="nouveaulieu.html" class= "w3-button w3-blue-grey" >Ajouter un autre lieu pour votre stage</a></button>
|
||||||
|
</div>
|
||||||
|
<br><br><br><br><br>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h3 class="w3-left">Quantité de télétravail </h3>
|
||||||
|
<br><br><br>
|
||||||
|
|
||||||
|
<select class="w3-select" name="option">
|
||||||
|
<option value="1" disabled selected>Un jour dans la semaine</option>
|
||||||
|
<option value="2">Deux jours dans la semaine</option>
|
||||||
|
<option value="3">Trois jours dans la semaine</option>
|
||||||
|
<option value="4">Quatre jours dans la semaine</option>
|
||||||
|
<option value="5">Cinq jours dans la semaine</option>
|
||||||
|
<option value="6">Six jours dans la semaine</option>
|
||||||
|
<option value="7">Sept jours dans la semaine</option>
|
||||||
|
</select>
|
||||||
|
<br><br>
|
||||||
|
|
||||||
|
|
||||||
|
<input class="w3-input w3-border w3-animate-input w3-third" type="text" placeholder="Description à ajouter pour le télétravail">
|
||||||
|
<br><br>
|
||||||
|
<button class="w3-button w3-blue-grey w3-display-bottommiddle w3-margin-bottom w3-margin-top">Rechercher</button>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
sombre/ModeSbr.jpg
Normal file
BIN
sombre/ModeSbr.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
68
sombre/convention.html
Normal file
68
sombre/convention.html
Normal file
@@ -0,0 +1,68 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css" />
|
||||||
|
<title>Demander une convention </title>
|
||||||
|
</head>
|
||||||
|
<style>
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
body {
|
||||||
|
background-color: #1c1c1e;
|
||||||
|
color: #fefefe;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<body>
|
||||||
|
<div class="w3-bar w3-black">
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Déposer une offre</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Consulter les offres</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Demander une convention</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button class="w3-button w3-xlarge w3-topleft"><a href="../html/convention.html"><img src="ModeSbr.jpg">Mode sombre</a></button>
|
||||||
|
|
||||||
|
<div class="w3-card-4 w3-twothird w3-padding-32 w3-display-middle w3-center">
|
||||||
|
<div id="depot-offre" class="w3-container w3-mobile">
|
||||||
|
<h1>Demander une convention </h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
|
||||||
|
<form class="w3-container w3-padding-32" method="" action="">
|
||||||
|
|
||||||
|
<label>S’agit-il d’un stage de 10 à 14 semaines ? <label>
|
||||||
|
<input class="w3-radio" type="radio" name="semaine" value="" checked>
|
||||||
|
<label>oui</label>
|
||||||
|
<input class="w3-radio" type="radio" name="semaine" value="" checked>
|
||||||
|
<label>non</label>
|
||||||
|
|
||||||
|
<br><br>
|
||||||
|
<label>Le stage est-il rémunéré ? <label>
|
||||||
|
<input class="w3-radio" type="radio" name="remunerer" value="" checked>
|
||||||
|
<label>oui</label>
|
||||||
|
<input class="w3-radio" type="radio" name="remunerer" value="" checked>
|
||||||
|
<label>non</label>
|
||||||
|
<br><br>
|
||||||
|
<label>Professeur tuteur</label>
|
||||||
|
<br>
|
||||||
|
<select name="prof" id="">
|
||||||
|
<option value="">--Choisir un professeur--</option>
|
||||||
|
<option value="Denis">Denis Monnerat</option>
|
||||||
|
<option value="">Pierre Valarcher</option>
|
||||||
|
<option value="">Luc Dartois</option>
|
||||||
|
</select>
|
||||||
|
<button type="reset"
|
||||||
|
class="w3-button w3-blue-grey w3-display-bottommiddle w3-margin-bottom w3-margin-top">Soumettre</button>
|
||||||
|
</form>
|
||||||
|
<br><br>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
57
sombre/depotOffre1.html
Normal file
57
sombre/depotOffre1.html
Normal file
@@ -0,0 +1,57 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<title>Déposer une offre</title>
|
||||||
|
</head>
|
||||||
|
<style>
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
body {
|
||||||
|
background-color: #1c1c1e;
|
||||||
|
color: #fefefe;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<body>
|
||||||
|
<div class="w3-bar w3-black w3-container">
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="depotOffre1.html" class="w3-bar-item w3-button">Déposer une offre</a>
|
||||||
|
<a href="recherche.html" class="w3-bar-item w3-button">Consulter les offres</a>
|
||||||
|
<a href="convention.html" class="w3-bar-item w3-button">Obtenir ma convention</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button class="w3-button w3-xlarge w3-topleft"><a href="../html/depotOffre1.html"><img src="ModeSbr.jpg">Mode sombre</a></button>
|
||||||
|
|
||||||
|
<div class="w3-card-4 w3-half w3-padding-32 w3-display-middle w3-center w3-container">
|
||||||
|
<div id="depot-offre" class="w3-container w3-mobile">
|
||||||
|
<h1>Déposer une offre</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<div class="w3-container">
|
||||||
|
<button class="w3-button w3-round-large w3-grey">Annonce externe</button>
|
||||||
|
<button class="w3-button w3-round-large w3-blue-grey">Annonce complète</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form class="w3-container w3-center w3-padding-32">
|
||||||
|
<input class="w3-input w3-border w3-animate-input w3-twothird" type="text" placeholder="Titre de l'offre">
|
||||||
|
<br>
|
||||||
|
<input class="w3-input w3-border w3-animate-input w3-twothird" type="text" placeholder="Intitulé du poste">
|
||||||
|
<br>
|
||||||
|
<input class="w3-input w3-border w3-animate-input w3-twothird" type="date" placeholder="DD/MM/YYYY">
|
||||||
|
<br>
|
||||||
|
<input class="w3-input w3-border w3-animate-input w3-twothird" type="text" placeholder="Lien de l'offre">
|
||||||
|
<br>
|
||||||
|
<!--<input class="w3-input w3-border w3-animate-input w3-twothird" type="text" placeholder="Description">
|
||||||
|
<br>!-->
|
||||||
|
<button class="w3-button w3-blue-grey w3-display-bottommiddle w3-margin-bottom w3-margin-top">Soumettre</button>
|
||||||
|
<br>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
92
sombre/depotOffre2.html
Normal file
92
sombre/depotOffre2.html
Normal file
@@ -0,0 +1,92 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<title>Déposer une offre</title>
|
||||||
|
</head>
|
||||||
|
<style>
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
body {
|
||||||
|
background-color: #1c1c1e;
|
||||||
|
color: #fefefe;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<body>
|
||||||
|
<div class="w3-bar w3-black w3-container">
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="depotOffre1.html" class="w3-bar-item w3-button">Déposer une offre</a>
|
||||||
|
<a href="recherche.html" class="w3-bar-item w3-button">Consulter les offres</a>
|
||||||
|
<a href="convention.html" class="w3-bar-item w3-button">Obtenir ma convention</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button class="w3-button w3-xlarge w3-topleft"><a href="../html/depotOffre2.html"><img src="ModeSbr.jpg">Mode sombre</a></button>
|
||||||
|
|
||||||
|
<div class="w3-card-4 w3-twothird w3-display-middle w3-center">
|
||||||
|
<h1>Déposer une offre</h1>
|
||||||
|
|
||||||
|
<div class="w3-container w3-center">
|
||||||
|
<button class="w3-button w3-round-large w3-blue-grey">Annonce externe</button>
|
||||||
|
<button class="w3-button w3-round-large w3-grey">Annonce complète</button>
|
||||||
|
</div>
|
||||||
|
<form class="w3-container w3-padding-64">
|
||||||
|
<input class="w3-input w3-border w3-animate-input w3-twothird" type="text" placeholder="Titre de l'offre">
|
||||||
|
<br><br>
|
||||||
|
<input class="w3-input w3-border w3-animate-input w3-twothird" type="text" placeholder="Intitulé du poste">
|
||||||
|
<br><br>
|
||||||
|
<input class="w3-input w3-border w3-animate-input w3-twothird" type="date" placeholder="DD/MM/YYYY">
|
||||||
|
<br><br>
|
||||||
|
<input class="w3-input w3-border w3-animate-input w3-twothird" type="number" placeholder="Durée du stage (en semaines)">
|
||||||
|
<br><br>
|
||||||
|
<h3 class="w3-left">Description du sujet </h3>
|
||||||
|
<br><br><br>
|
||||||
|
|
||||||
|
<div class="w3-left">
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Bases de données</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Réseau</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Système</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Web</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Administration</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Dev</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Documentation</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Prototype</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Support</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Test</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Mobile</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Autre</label>
|
||||||
|
</div>
|
||||||
|
<br><br><br>
|
||||||
|
|
||||||
|
|
||||||
|
<h3 class="w3-left">Technos employées : </h3>
|
||||||
|
<br><br><br>
|
||||||
|
|
||||||
|
<div class="w3-left">
|
||||||
|
<input class="w3-check" type="checkbox"> <label>SQL</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Java</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Python</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>C</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>C++</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>C#</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>PHP</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>JavaScript</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>HTML</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>CSS</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Scripting</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Framework PHP</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Framework JavaScript</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Librairie JavaScript</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>VBA</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Autre</label>
|
||||||
|
</div>
|
||||||
|
<br><br>
|
||||||
|
<button class="w3-button w3-blue-grey w3-display-bottommiddle w3-margin-bottom w3-margin-top">Soumettre</button>
|
||||||
|
<br>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
121
sombre/modesombre.html
Normal file
121
sombre/modesombre.html
Normal file
@@ -0,0 +1,121 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<title>Offres de stages</title>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="w3-bar w3-black">
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Déposer une offre</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Consulter les offres</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button class="w3-button w3-xlarge w3-topleft"><a href="../html/offrestage.html"><img src="ModeSbr.jpg"></a></button>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="w3-card-4 w3-twothird w3-padding-32 w3-display-middle w3-center" >
|
||||||
|
<div id="depot-offre" class="w3-container w3-mobile">
|
||||||
|
<h1>Consulter les offres de stages</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<form class="w3-container w3-padding-32">
|
||||||
|
|
||||||
|
<textarea class="w3-input w3-border w3-animate-input w3-third" type="text" placeholder="Description du poste recherché"></textarea>
|
||||||
|
<br><br><br><br>
|
||||||
|
|
||||||
|
<h3 class="w3-left">Description du sujet </h3>
|
||||||
|
<br><br><br>
|
||||||
|
|
||||||
|
<div class="w3-left">
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Bases de données</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Réseau</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Système</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Web</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Administration</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Dev</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Documentation</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Prototype</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Support</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Test</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Mobile</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Autre</label> </div>
|
||||||
|
<br><br><br>
|
||||||
|
|
||||||
|
|
||||||
|
<h3 class="w3-left">Technos employées : </h3>
|
||||||
|
<br><br><br>
|
||||||
|
|
||||||
|
<div class="w3-left">
|
||||||
|
<input class="w3-check" type="checkbox"> <label>SQL</label>
|
||||||
|
<input class="w3-check" type="checkbox"> <label>Java</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Python</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>C</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>C++</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>C#</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>PHP</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>JavaScript</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>HTML</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>CSS</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Scripting</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Framework PHP</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Framework JavaScript</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Librairie JavaScript</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>VBA</label>
|
||||||
|
<input class="w3-check" type="checkbox" > <label>Autre</label> </div>
|
||||||
|
<br><br><br><br>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h3 class="w3-left">Lieu du stage </h3>
|
||||||
|
<br><br><br>
|
||||||
|
<input class="w3-input w3-border w3-animate-input w3-third" type="text" placeholder="Paris">
|
||||||
|
<br><br>
|
||||||
|
<button class="w3-button w3-blue-grey w3-left w3-margin-bottom w3-margin-top"><a href="nouveaulieu.html" class= "w3-button w3-blue-grey" >Ajouter un autre lieu pour votre stage</a></button>
|
||||||
|
</div>
|
||||||
|
<br><br><br><br><br>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<h3 class="w3-left">Quantité de télétravail </h3>
|
||||||
|
<br><br><br>
|
||||||
|
|
||||||
|
<select class="w3-select" name="option">
|
||||||
|
<option value="1" disabled selected>Un jour dans la semaine</option>
|
||||||
|
<option value="2">Deux jours dans la semaine</option>
|
||||||
|
<option value="3">Trois jours dans la semaine</option>
|
||||||
|
<option value="4">Quatre jours dans la semaine</option>
|
||||||
|
<option value="5">Cinq jours dans la semaine</option>
|
||||||
|
<option value="6">Six jours dans la semaine</option>
|
||||||
|
<option value="7">Sept jours dans la semaine</option>
|
||||||
|
</select>
|
||||||
|
<br><br>
|
||||||
|
|
||||||
|
|
||||||
|
<input class="w3-input w3-border w3-animate-input w3-third" type="text" placeholder="Description à ajouter pour le télétravail">
|
||||||
|
<br><br>
|
||||||
|
<button class="w3-button w3-blue-grey w3-display-bottommiddle w3-margin-bottom w3-margin-top">Soumettre</button>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<style>
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
body {
|
||||||
|
background-color: #1c1c1e;
|
||||||
|
color: #fefefe;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user