pourchot/PreprojetIHMFI2024
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

src

Browse Source
This commit is contained in:
pourchot 2024-10-07 01:01:51 +02:00
commit ac443f9321
25 changed files with 1501 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
src/PageInfoEmploye.html Normal file
View File

@ -0,0 +1,68 @@
<!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="#" 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-row">
<div class = "w3-col m3">
<div class="w3-card w3-round w3-white" style="height:100%;width:80%;margin-top:20%;margin-left:10%">
<div class="w3-container">
<p class="w3-center"><img src="img/cobaye8.jpg" class="w3-rectangle" style="height:70%;width:70%" alt="Avatar"></p>
<h4 class="w3-center" style = "font-size:30px;">Nom Prénom</h4>
<hr>
</div>
</div>
<br>
</div>
<div class = "w3-col m7">
<div class="w3-container">
<p><img src="img/contrat.png" class="w3-rectangle" style="height:100%;width:100%;margin-top:10%;margin-left:10%" alt="contract de travail"></p>
</div>
</div>
</div>
</body>
</html>

69
src/PageInfoEmployeModif.html Normal file
View File

@ -0,0 +1,69 @@
<!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="#" 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-row">
<div class = "w3-col m3">
<div class="w3-card w3-round w3-white" style="height:100%;width:80%;margin-top:20%;margin-left:10%">
<div class="w3-container">
<p class="w3-center"><img src="img/cobaye8.jpg" class="w3-rectangle" style="height:70%;width:70%" alt="Avatar"></p>
<h4 class="w3-center" style = "font-size:30px;">Nom Prénom</h4>
<hr>
<a href = "#" class="w3-button w3-block w3-grey">Modifier</a>
</div>
</div>
<br>
</div>
<div class = "w3-col m7">
<div class="w3-container">
<p><img src="img/contrat.png" class="w3-rectangle" style="height:100%;width:100%;margin-top:10%;margin-left:10%" alt="contract de travail"></p>
</div>
</div>
</div>
</body>
</html>

BIN
src/img/EDNALG.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
src/img/cobaye.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
src/img/cobaye2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.8 KiB

BIN
src/img/cobaye3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

BIN
src/img/cobaye4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

BIN
src/img/cobaye5.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
src/img/cobaye6.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.9 KiB

BIN
src/img/cobaye7.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 203 KiB

BIN
src/img/cobaye8.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
src/img/contrat.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

87
src/index.html Normal file
View File

@ -0,0 +1,87 @@
<!DOCTYPE html>
<html>
<head>
<title>Button Redirect</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-container w3-content w3-grey w3-center" style="max-width:1400px;margin-top:80px">
<div class="w3-row">
<div class="w3-col">
<a href="pageEmploye.html">
<button class="w3-button w3-hover-black">page Employé</button>
</a>
</div>
<div class="w3-col">
<a href="pageRH.html">
<button class="w3-button w3-hover-black">page RH</button>
</a>
</div>
<div class="w3-col">
<a href="pageRHC.html">
<button class="w3-button w3-hover-black">page RHC</button>
</a>
</div>
<div class="w3-col">
<a href="pageDirigeant.html">
<button class="w3-button w3-hover-black">page Chef Département</button>
</a>
</div>
<div class="w3-col">
<a href="pagePDG.html">
<button class="w3-button w3-hover-black">page PDG</button>
</a>
</div>
</div>
</div>
<footer class="w3-container w3-grey w3-padding-16 w3-bottom">
<h5>Maquette réalisé dans le but d'un pré-projet</h5>
</footer>
<script>
function myFunction(id) {
var x = document.getElementById(id);
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
x.previousElementSibling.className += " w3-theme-d1";
} else {
x.className = x.className.replace("w3-show", "");
x.previousElementSibling.className =
x.previousElementSibling.className.replace(" w3-theme-d1", "");
}
}
function openNav() {
var x = document.getElementById("navDemo");
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
</script>
</body>
</html>

86
src/pageConge.html Normal file
View File

@ -0,0 +1,86 @@
<!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>

83
src/pageCreationProfil.html Normal file
View File

@ -0,0 +1,83 @@
<!DOCTYPE html>
<html>
<head>
<title>Création profil</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="#" 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">Création de profil</h3>
<br>
<p><label class="w3-left">Nom prénom </label>
<input id="Name" class="w3-input" type="text"></p>
<br>
<p><label class="w3-left">Poste occupé :</label><select name="post" id="post-select" class="w3-left">
<option value="">PDG</option>
<option value="">Directeur</option>
<option value="">RHC</option>
<option value="">RH</option>
<option value="">Employé</option>
</select>
</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><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>

184
src/pageDepartement.html Normal file
View File

@ -0,0 +1,184 @@
<!DOCTYPE html>
<html>
<head>
<title>Département</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="#" 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-col m2">
<br>
</div>
<div class="w3-col m8" style="margin-top:5%">
<div class="w3-container">
<p class="w3-center" style="font-size:30px">Département Nom</p>
</div>
<div class="w3-row-padding">
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmploye.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmploye.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container">
<a href="PageInfoEmploye.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
</div>
<div class="w3-row-padding">
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmploye.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmploye.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container">
<a href="PageInfoEmploye.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
</div>
<div class="w3-row-padding">
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmploye.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmploye.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container">
<a href="PageInfoEmploye.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
</div>
<div class="w3-row-padding">
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmploye.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmploye.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container">
<a href="PageInfoEmploye.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
</div>
<div class="w3-center w3-padding-32">
<div class="w3-bar">
<a href="#" class="w3-bar-item w3-button w3-hover-black">«</a>
<a href="#" class="w3-bar-item w3-black w3-button">1</a>
<a href="#" class="w3-bar-item w3-button w3-hover-black">2</a>
<a href="#" class="w3-bar-item w3-button w3-hover-black">3</a>
<a href="#" class="w3-bar-item w3-button w3-hover-black">4</a>
<a href="#" class="w3-bar-item w3-button w3-hover-black">»</a>
</div>
</div>
</div>
</body>
</html>

184
src/pageDepartementRH.html Normal file
View File

@ -0,0 +1,184 @@
<!DOCTYPE html>
<html>
<head>
<title>Département</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="#" 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-col m2">
<br>
</div>
<div class="w3-col m8" style="margin-top:5%">
<div class="w3-container">
<p class="w3-center" style="font-size:30px">Département Nom</p>
</div>
<div class="w3-row-padding">
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
</div>
<div class="w3-row-padding">
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
</div>
<div class="w3-row-padding">
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
</div>
<div class="w3-row-padding">
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
</div>
<div class="w3-center w3-padding-32">
<div class="w3-bar">
<a href="#" class="w3-bar-item w3-button w3-hover-black">«</a>
<a href="#" class="w3-bar-item w3-black w3-button">1</a>
<a href="#" class="w3-bar-item w3-button w3-hover-black">2</a>
<a href="#" class="w3-bar-item w3-button w3-hover-black">3</a>
<a href="#" class="w3-bar-item w3-button w3-hover-black">4</a>
<a href="#" class="w3-bar-item w3-button w3-hover-black">»</a>
</div>
</div>
</div>
</body>
</html>

190
src/pageDirigeant.html Normal file
View File

@ -0,0 +1,190 @@
<!DOCTYPE html>
<html>
<head>
<title>Dirigeant</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">4</span></button>
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">
<a href="pageNotifConge.html" class="w3-bar-item w3-button">Vous avez reçu une demande de congé/RTT</a>
<a href="#" class="w3-bar-item w3-button">Votre demande de congé a été refusée</a>
<a href="#" class="w3-bar-item w3-button">Jean a refusé votre demande d'astreinte</a>
<a href="#" class="w3-bar-item w3-button">Paul a accepté votre demande d'astreinte</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="pageDirigeant.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-row">
<div class = "w3-col m3">
<!-- Profile -->
<div class="w3-card w3-round w3-white" style="height:70%;width:80%;margin-top:20%;margin-left:10%">
<div class="w3-container">
<p class="w3-center"><img src="img/cobaye6.jpg" class="w3-rectangle" style="height:70%;width:70%" alt="Avatar"></p>
<h4 class="w3-center" style = "font-size:30px;">Nom Prénom</h4>
<hr>
<a href = "pageConge.html" class="w3-button w3-block w3-grey">Demande de congé</a>
<a href = "PageInfoEmploye.html" class="w3-button w3-block w3-grey">Voir contrat de travail</a>
<a href = "pageProposition.html" class="w3-button w3-block w3-grey">Proposer une astreinte</a>
</div>
</div>
<br>
</div>
<div class = "w3-col m7" style="margin-top:5%">
<div class="w3-container">
<p class="w3-center" style="font-size:30px">Département Nom</p>
</div>
<div class="w3-row-padding">
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
</div>
<div class="w3-row-padding">
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
</div>
<div class="w3-row-padding">
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
</div>
<div class="w3-row-padding">
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container w3-margin-bottom">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
<div class="w3-third w3-container">
<a href="PageInfoEmployeModif.html">
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
</a>
<div class="w3-container w3-center margin">
<p><b>Prénom nom</b></p>
</div>
</div>
</div>
</div>
</body>
</html>

70
src/pageEmploye.html Normal file
View File

@ -0,0 +1,70 @@
<!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">2</span></button>
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">
<a href="pageNotifAstreinte.html" class="w3-bar-item w3-button">Vous avez reçu une demande d'astreinte</a>
<a href="#" class="w3-bar-item w3-button">Votre demande de congé a été acceptée</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="pageEmploye.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-row">
<div class = "w3-col m3">
<div class="w3-card w3-round w3-white" style="height:100%;width:80%;margin-top:20%;margin-left:10%">
<div class="w3-container">
<p class="w3-center"><img src="img/cobaye8.jpg" class="w3-rectangle" style="height:70%;width:70%" alt="Avatar"></p>
<h4 class="w3-center" style = "font-size:30px;">Nom Prénom</h4>
<hr>
<a href = "pageConge.html" class="w3-button w3-block w3-grey">Demande de congé</a>
</div>
</div>
<br>
</div>
<div class = "w3-col m7">
<div class="w3-container">
<p><img src="img/contrat.png" class="w3-rectangle" style="height:100%;width:100%;margin-top:10%;margin-left:10%" alt="contract de travail"></p>
</div>
</div>
</div>
</body>
</html>

74
src/pageNotifAstreinte.html Normal file
View File

@ -0,0 +1,74 @@
<!DOCTYPE html>
<html>
<head>
<title>notification2</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="#" 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">Vous avez reçu une proposition d'astreinte</h3>
<br>
<br>
<label class="w3-left">Employé:</label>
<label class="w3-right">Nom Prénom</label>
<br>
<br>
<label class="w3-left">Date :</label>
<label class="w3-right">13/01/2025</label>
<br>
<label class="w3-left">au</label>
<label class="w3-right">02/02/2025</label>
<br>
<br>
<label class="w3-left">Motif :</label>
<label class="w3-right">Il faut surveiller le site web.</label>
<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">Refuser</a></p>
</div>
</div>
</body>
</html>

82
src/pageNotifConge.html Normal file
View File

@ -0,0 +1,82 @@
<!DOCTYPE html>
<html>
<head>
<title>notification1</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="#" 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">Vous avez reçu une demande de congé</h3>
<br>
<br>
<label class="w3-left">Employé:</label>
<label class="w3-right">Nom Prénom</label>
<br>
<br>
<label class="w3-left">Date :</label>
<label class="w3-right">17/01/2025</label>
<br>
<label class="w3-left">au</label>
<label class="w3-right">24/01/2025</label>
<br>
<br>
<label class="w3-left">Motif :</label>
<label class="w3-right">Enterrement</label>
<br>
<br>
<label class="w3-left">Contrat :</label>
<label class="w3-right">CDI</label>
<br>
<br>
<label class="w3-left">Poste :</label>
<label class="w3-right">Employé</label>
<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">Refuser</a></p>
</div>
</div>
</body>
</html>

88
src/pagePDG.html Normal file
View File

@ -0,0 +1,88 @@
<!DOCTYPE html>
<html>
<head>
<title>PDG</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">2</span></button>
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">
<a href="pageNotifConge.html" class="w3-bar-item w3-button">Vous avez reçu une demande de congé/RTT</a>
<a href="#" class="w3-bar-item w3-button">Votre demande de congé/RTT a été acceptée</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="pagePDG.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 class = "w3-row">
<div class = "w3-col m3">
<!-- Profile -->
<div class="w3-card w3-round w3-white" style="height:70%;width:80%;margin-top:20%;margin-left:10%">
<div class="w3-container">
<p class="w3-center"><img src="img/cobaye7.jpg" class="w3-rectangle" style="height:70%;width:70%" alt="Avatar"></p>
<h4 class="w3-center" style = "font-size:30px;">Nom Prénom</h4>
<hr>
<a href = "pageConge.html" class="w3-button w3-block w3-grey">Demande de congé</a>
<a href = "PageInfoEmploye.html" class="w3-button w3-block w3-grey">Voir contrat de travail</a>
</div>
</div>
<br>
</div>
<div class = "w3-col m7">
<div class="w3-row" style="height:100%">
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:9%">
<a href = "pageDepartement.html" class="w3-button w3-block" style="margin:1%">département 1</a>
</div>
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:2%">
<a href = "pageDepartement.html" class="w3-button w3-block" style="margin:1%;">département 2</a>
</div>
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:2%">
<a href = "pageDepartement.html" class="w3-button w3-block" style="margin:1%;">département 3</a>
</div>
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:2%">
<a href = "pageDepartement.html" class="w3-button w3-block" style="margin:1%;">département 4</a>
</div>
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:2%">
<a href = "pageDepartement.html" class="w3-button w3-block" style="margin:1%;">département 5</a>
</div>
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:2%">
<a href = "pageDepartement.html" class="w3-button w3-block" style="margin:1%;">département 6</a>
</div>
</div>
</div>
</div>
</body>
</html>

68
src/pageProposition.html Normal file
View File

@ -0,0 +1,68 @@
<!DOCTYPE html>
<html>
<head>
<title>Propostion</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="#" 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 d'astreinte</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>
<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>

78
src/pageRH.html Normal file
View File

@ -0,0 +1,78 @@
<!DOCTYPE html>
<html>
<head>
<title>RH</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">2</span></button>
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">
<a href="pageNotifConge.html" class="w3-bar-item w3-button">Vous avez reçu une demande de congé/RTT</a>
<a href="#" class="w3-bar-item w3-button">Votre demande de congé a été acceptée</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="pageRH.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>
<!-- Profile -->
<div class = "w3-row">
<div class = "w3-col m3">
<!-- Profile -->
<div class="w3-card w3-round w3-white" style="height:70%;width:80%;margin-top:20%;margin-left:10%">
<div class="w3-container">
<p class="w3-center"><img src="img/cobaye5.jpeg" class="w3-rectangle" style="height:60%;width:70%;margin-bottom:10%" alt="Avatar"></p>
<h4 class="w3-center" style = "font-size:30px;">Nom Prénom</h4>
<hr>
<a href = "pageConge.html" class="w3-button w3-block w3-grey">Demande de congé</a>
<a href = "PageInfoEmploye.html" class="w3-button w3-block w3-grey">Voir contrat de travail</a>
</div>
</div>
<br>
</div>
<div class = "w3-col m7">
<div class="w3-row" style="height:100%">
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:9%">
<a href = "pageDepartementRH.html" class="w3-button w3-block" style="margin:1%">département 1</a>
</div>
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:9%">
<a href = "pageDepartementRH.html" class="w3-button w3-block" style="margin:1%;">département 5</a>
</div>
</div>
</div>
</div>
</body>
</html>

90
src/pageRHC.html Normal file
View File

@ -0,0 +1,90 @@
<!DOCTYPE html>
<html>
<head>
<title>RHC</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">2</span></button>
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">
<a href="pageNotifConge.html" class="w3-bar-item w3-button">Vous avez reçu une demande de congé/RTT</a>
<a href="#" class="w3-bar-item w3-button">Votre demande de congé/RTT a été refusée</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="pageRHC.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-row">
<div class = "w3-col m3">
<!-- Profile -->
<div class="w3-card w3-round w3-white" style="height:70%;width:80%;margin-top:20%;margin-left:10%">
<div class="w3-container">
<p class="w3-center"><img src="img/cobaye4.jpg" class="w3-rectangle" style="height:70%;width:70%" alt="Avatar"></p>
<h4 class="w3-center" style = "font-size:30px;">Nom Prénom</h4>
<hr>
<a href = "pageConge.html" class="w3-button w3-block w3-grey">Demande de congé</a>
<a href = "PageInfoEmploye.html" class="w3-button w3-block w3-grey">Voir contrat de travail</a>
<a href = "pageCreationProfil.html" class="w3-button w3-block w3-grey">Créer un profil</a>
</div>
</div>
<br>
</div>
<div class = "w3-col m7">
<div class="w3-row" style="height:100%">
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:9%">
<a href = "pageDepartementRH.html" class="w3-button w3-block" style="margin:1%">département 1</a>
</div>
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:2%">
<a href = "pageDepartementRH.html" class="w3-button w3-block" style="margin:1%;">département 2</a>
</div>
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:2%">
<a href = "pageDepartementRH.html" class="w3-button w3-block" style="margin:1%;">département 3</a>
</div>
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:2%">
<a href = "pageDepartementRH.html" class="w3-button w3-block" style="margin:1%;">département 4</a>
</div>
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:2%">
<a href = "pageDepartementRH.html" class="w3-button w3-block" style="margin:1%;">département 5</a>
</div>
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:2%">
<a href = "pageDepartementRH.html" class="w3-button w3-block" style="margin:1%;">département 6</a>
</div>
</div>
</div>
</div>
</body>
</html>