88 lines
4.2 KiB
HTML
88 lines
4.2 KiB
HTML
<!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> |