| @@ -0,0 +1,72 @@ | |||||||
|  | body { | ||||||
|  |     margin: 0; | ||||||
|  |     background-color: #ffffff; | ||||||
|  |     color: #333; | ||||||
|  |     font-size: 20px; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | .main-header { | ||||||
|  |     display: flex; | ||||||
|  |     justify-content: space-between; | ||||||
|  |     align-items: center; | ||||||
|  |     background-color: #ffffff; | ||||||
|  |     border-bottom: 4px solid #f57c00; | ||||||
|  |     padding: 20px 40px; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | .logo-section { | ||||||
|  |     display: flex; | ||||||
|  |     align-items: center; | ||||||
|  |     gap: 15px; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | .logo-section .baseline { | ||||||
|  |     font-family: 'Cormorant Garamond', serif; | ||||||
|  |     font-size: 1.1em; | ||||||
|  |     font-style: italic; | ||||||
|  |     color: #f57c00; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | .nav-right { | ||||||
|  |     text-align: right; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | .btn-connexion { | ||||||
|  |     background-color: #f57c00; | ||||||
|  |     color: #fff; | ||||||
|  |     padding: 12px 25px; | ||||||
|  |     text-decoration: none; | ||||||
|  |     font-weight: bold; | ||||||
|  |     border-radius: 5px; | ||||||
|  |     transition: background 0.3s; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | .btn-connexion:hover { | ||||||
|  |     background-color: #e65100; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | .main-content { | ||||||
|  |     text-align: center; | ||||||
|  |     padding: 100px 20px; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | .main-content h2 { | ||||||
|  |     font-size: 2.5em; | ||||||
|  |     color: #f57c00; | ||||||
|  |     margin-bottom: 15px; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | .main-content p { | ||||||
|  |     font-size: 1.2em; | ||||||
|  |     color: #555; | ||||||
|  | } | ||||||
|  |  | ||||||
|  | .main-footer { | ||||||
|  |     background-color: #f57c00; | ||||||
|  |     color: white; | ||||||
|  |     text-align: center; | ||||||
|  |     padding: 20px 10px; | ||||||
|  |     position: fixed; | ||||||
|  |     bottom: 0; | ||||||
|  |     width: 100%; | ||||||
|  | } | ||||||
| @@ -0,0 +1,36 @@ | |||||||
|  | <!DOCTYPE html> | ||||||
|  | <html lang="fr"> | ||||||
|  | <head> | ||||||
|  |     <meta charset="UTF-8"> | ||||||
|  |     <title>GSB Application - Accueil</title> | ||||||
|  |     <link rel="stylesheet" href="GSB2temp\Styles\style.css"> | ||||||
|  |     <link href="https://fonts.googleapis.com/css2?family=Barlow&family=Cormorant+Garamond:ital@1&display=swap" rel="stylesheet"> | ||||||
|  |     <link rel="icon" href="GSB2temp\Images\logo.jpg" type="image/png"> | ||||||
|  |     <style> | ||||||
|  |         body { | ||||||
|  |             font-family: 'Barlow', sans-serif; | ||||||
|  |         } | ||||||
|  |     </style> | ||||||
|  | </head> | ||||||
|  | <body> | ||||||
|  | <header class="main-header"> | ||||||
|  |     <div class="logo-section"> | ||||||
|  |         <img src="GSB2temp\Images\logo.jpg" alt="Logo GSB" width="70"> | ||||||
|  |         <p class="baseline">Gestion des comptes-rendus de visites</p> | ||||||
|  |     </div> | ||||||
|  |     <nav class="nav-right"> | ||||||
|  |         <a href="login.php" class="btn-connexion">Connexion</a> | ||||||
|  |     </nav> | ||||||
|  | </header> | ||||||
|  |  | ||||||
|  | <main class="main-content"> | ||||||
|  |     <h2>Bienvenue sur l'application de gestion de compte-rendus de visites destinés aux visiteurs médicaux</h2> | ||||||
|  |     <p>Veuillez vous connecter pour accéder à l'application.</p> | ||||||
|  | </main> | ||||||
|  |  | ||||||
|  | <footer class="main-footer"> | ||||||
|  |     <p>© 2025 - GSB Application</p> | ||||||
|  | </footer> | ||||||
|  |  | ||||||
|  | </body> | ||||||
|  | </html> | ||||||
		Reference in New Issue
	
	Block a user