Ajouts de la maquette web sur le nouveau git (suite au bug de l'ancien répertoire git
This commit is contained in:
		
							
								
								
									
										80
									
								
								MaquetteWEB/index.html
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										80
									
								
								MaquetteWEB/index.html
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,80 @@
 | 
			
		||||
<!DOCTYPE html>
 | 
			
		||||
<html lang="fr">
 | 
			
		||||
<head>
 | 
			
		||||
    <meta charset="UTF-8">
 | 
			
		||||
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 | 
			
		||||
    <title>Connexion - Sélection de profil</title>
 | 
			
		||||
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
 | 
			
		||||
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 | 
			
		||||
    <link rel="stylesheet" href="css/index.css">
 | 
			
		||||
</head>
 | 
			
		||||
<body>
 | 
			
		||||
 | 
			
		||||
    <div class="w3-container w3-center">
 | 
			
		||||
        <!-- Titre et texte d'introduction -->
 | 
			
		||||
        <h1>Bienvenue sur le portail de gestion</h1>
 | 
			
		||||
        <p class="intro-text">Veuillez sélectionner votre profil pour accéder à votre espace personnel</p>
 | 
			
		||||
 | 
			
		||||
        <!-- Conteneur des cartes de profil -->
 | 
			
		||||
        <div class="profile-container">
 | 
			
		||||
            <!-- Carte de Chef de département -->
 | 
			
		||||
            <div class="w3-card profile-card">
 | 
			
		||||
                <a href="./html/CHEF/chef_departement.html">
 | 
			
		||||
                    <img src="media/img/chef.png" alt="Chef de département">
 | 
			
		||||
                    <h3>Chef de département</h3>
 | 
			
		||||
                    <p>Accédez à la gestion des heures et au pilotage budgétaire.</p>
 | 
			
		||||
                </a>
 | 
			
		||||
            </div>
 | 
			
		||||
 | 
			
		||||
            <!-- Carte de Responsable des études -->
 | 
			
		||||
            <div class="w3-card profile-card">
 | 
			
		||||
                <a href="./html/RH/rh.html">
 | 
			
		||||
                    <img src="media/img/rh.png" alt="Responsable des études">
 | 
			
		||||
                    <h3>Responsable RH</h3>
 | 
			
		||||
                    <p>Gérez les interventions, les contrats vacataires et plus encore.</p>
 | 
			
		||||
                </a>
 | 
			
		||||
            </div>
 | 
			
		||||
 | 
			
		||||
            <!-- Carte de Responsable des études -->
 | 
			
		||||
            <div class="w3-card profile-card">
 | 
			
		||||
                <a href="./html/FINANCE/finance.html">
 | 
			
		||||
                    <img src="media/img/financier.png" alt="Service financier">
 | 
			
		||||
                    <h3>Service financier</h3>
 | 
			
		||||
                    <p>Gérez les finances et transferez les informations aux comptables.</p>
 | 
			
		||||
                </a>
 | 
			
		||||
            </div>
 | 
			
		||||
 | 
			
		||||
            <!-- Carte d'Enseignant permanent -->
 | 
			
		||||
            <div class="w3-card profile-card">
 | 
			
		||||
                <a href="./html/PROF/enseignant_permanent.html">
 | 
			
		||||
                    <img src="media/img/prof1.png" alt="Enseignant permanent">
 | 
			
		||||
                    <h3>Enseignant permanent</h3>
 | 
			
		||||
                    <p>Validez vos heures complémentaires et consultez vos données.</p>
 | 
			
		||||
                </a>
 | 
			
		||||
            </div>
 | 
			
		||||
 | 
			
		||||
            <!-- Carte de Vacataire -->
 | 
			
		||||
            <div class="w3-card profile-card">
 | 
			
		||||
                <a href="./html/VACATAIRE/vacataire.html">
 | 
			
		||||
                    <img src="media/img/prof2.png" alt="Vacataire">
 | 
			
		||||
                    <h3>Enseignant vacataire</h3>
 | 
			
		||||
                    <p>Déclarez vos interventions et accédez à vos informations.</p>
 | 
			
		||||
                </a>
 | 
			
		||||
            </div>
 | 
			
		||||
        </div>
 | 
			
		||||
        
 | 
			
		||||
        <!-- Footer -->
 | 
			
		||||
        <footer>
 | 
			
		||||
            <p>© 2024 IUT de Fontainebleau. Tous droits réservés | 
 | 
			
		||||
                <a href="./html/mentions_legales.html">Mentions légales</a>
 | 
			
		||||
            </p>
 | 
			
		||||
 | 
			
		||||
            <button id="dark-mode-toggle" class="w3-button">
 | 
			
		||||
                Activer le mode sombre
 | 
			
		||||
            </button>
 | 
			
		||||
        </footer>
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
    <script src="./js/dark-mode.js"></script> <!-- Mode sombre -->
 | 
			
		||||
</body>
 | 
			
		||||
</html>
 | 
			
		||||
		Reference in New Issue
	
	Block a user