118 lines
		
	
	
		
			5.6 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
		
		
			
		
	
	
			118 lines
		
	
	
		
			5.6 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| 
								 | 
							
								<!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>
							 |