86 lines
3.5 KiB
HTML
86 lines
3.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>Employé</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
|
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-blue-grey.css">
|
|
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans'>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
<style>
|
|
html,
|
|
body,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5 {
|
|
font-family: "Open Sans", sans-serif
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="w3-theme-l5">
|
|
<div class="w3-top">
|
|
<div class="w3-bar w3-grey w3-left-align w3-large">
|
|
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-grey"
|
|
href="javascript:void(0);" onclick="openNav()"><i class="fa fa-bars"></i></a>
|
|
<a class="w3-bar-item w3-padding-large w3-theme-d4"><img class="w3-float-top-left"
|
|
src="./img/EDNALG.png" alt="EDNALG" width="80" height="40"></a>
|
|
<div class="w3-dropdown-hover w3-hide-small">
|
|
<button class="w3-button w3-padding-large" title="Notifications"><i class="fa fa-bell"></i><span
|
|
class="w3-badge w3-right w3-small w3-green"></span></button>
|
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">
|
|
<a href="#" class="w3-bar-item w3-button">Vous n'avez pas de notification</a>
|
|
</div>
|
|
</div>
|
|
<div class="w3-dropdown-hover w3-hide-small w3-right">
|
|
<button class="w3-button w3-padding-large" title="Profil"><i class="fa fa-user"></i>
|
|
<span class="w3-badge w3-right w3-small w3-green"></span></button>
|
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block w3-border" style="right:0"">
|
|
<a href=" profil.html" class="w3-bar-item w3-button " title="Account Settings">Profil</a>
|
|
<a href="#" class="w3-bar-item w3-button " title="Déconnection">Se déconnecter</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="w3-card w3-round w3-white w3-center" style="height:50%;width:80%;margin-top:5%;margin-left:10%">
|
|
<div class="w3-container">
|
|
<h3 class="w3-center">Demande de congé/RTT</h3>
|
|
<br>
|
|
<br>
|
|
<br>
|
|
<p><label class="w3-left">Date : </label>
|
|
<input id="date-start" class="w3-input" type="date"></p>
|
|
<p><label class="w3-left">à</label>
|
|
<input id="date-end" class="w3-input" type="date"></p>
|
|
<br>
|
|
<label class="w3-left">Motif : </label>
|
|
<p><input class="w3-input" type="text"></p>
|
|
<br>
|
|
<br>
|
|
<fieldset>
|
|
<legend>Contrat:</legend>
|
|
<div>
|
|
<input type="radio" id="CDD" name="contrat" value="CDD" checked />
|
|
<label for="CDD">CDD</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="CDI" name="contrat" value="CDI" />
|
|
<label for="CDI">CDI</label>
|
|
</div>
|
|
</fieldset>
|
|
<br>
|
|
<br>
|
|
<p class="w3-left">Indiquez le nom et prénom de votre remplaçant:</p>
|
|
<p><input class="w3-input" type="text"></p>
|
|
<br>
|
|
<br>
|
|
<p><a href="index.html" class="w3-button w3-right w3-green" title="valider">Valider</a><a href="index.html" class="w3-button w3-right w3-red" title="annuler">Annuler</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html> |