<!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="offrestage.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">
<a href="depotOffre1.html"><button class="w3-button w3-round-large w3-blue-grey">Annonce externe</button></a>
<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>