modification vues et styles

This commit is contained in:
mohamed.boussemaha 2025-05-14 14:08:11 +02:00
parent a27ca700a2
commit fcfbfdf60c
6 changed files with 228 additions and 11 deletions

View File

@ -6,14 +6,42 @@ body {
}
.main-header {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #ffffff;
border-bottom: 4px solid #f57c00;
padding: 20px 40px;
}
.header-top {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.main-nav {
margin-top: 20px;
text-align: center;
}
.main-nav ul {
list-style: none;
padding: 0;
margin: 0;
display: inline-flex;
gap: 30px;
}
.main-nav a {
text-decoration: none;
color: #333;
font-weight: bold;
transition: color 0.3s;
}
.main-nav a:hover {
color: #f57c00;
}
.logo-section {
display: flex;
align-items: center;

View File

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>GSB Application - Accueil</title>
<link rel="stylesheet" href="../Styles\style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Barlow&family=Cormorant+Garamond:ital@1&display=swap" rel="stylesheet">
<link rel="icon" href="../Images\logodetoure.gif" type="image/png">
<style>
body {
font-family: 'Barlow', sans-serif;
}
</style>
</head>
<body>
<header class="main-header">
<div class="header-top">
<div class="logo-section">
<img src="../Images/LogoDetoure_1.gif" alt="Logo GSB" width="70">
<p class="baseline">Gestion des comptes-rendus de visites</p>
</div>
<nav class="nav-right">
<a href="../Vue/connexion.php" class="btn-connexion">Connexion</a>
</nav>
</div>
<nav class="main-nav">
<ul>
<li><a href="../Vue/agenda.php">Agenda</a></li>
<li><a href="../Vue/nouveauCompteRendu.php">Nouveau Compte-Rendu</a></li>
<li><a href="../Vue/historiqueCompteRendu.php">Historique Compte-Rendu</a></li>
</ul>
</nav>
</header>
<main class="main-content">
</main>
<footer class="main-footer">
<p>&copy; 2025 - GSB Application</p>
</footer>
</body>
</html>

View File

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>GSB Application - Accueil</title>
<link rel="stylesheet" href="../Styles\style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Barlow&family=Cormorant+Garamond:ital@1&display=swap" rel="stylesheet">
<link rel="icon" href="../Images\logodetoure.gif" type="image/png">
<style>
body {
font-family: 'Barlow', sans-serif;
}
</style>
</head>
<body>
<header class="main-header">
<div class="header-top">
<div class="logo-section">
<img src="../Images/LogoDetoure_1.gif" alt="Logo GSB" width="70">
<p class="baseline">Gestion des comptes-rendus de visites</p>
</div>
</div>
</header>
<main class="main-content">
</main>
<footer class="main-footer">
<p>&copy; 2025 - GSB Application</p>
</footer>
</body>
</html>

View File

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>GSB Application - Accueil</title>
<link rel="stylesheet" href="../Styles\style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Barlow&family=Cormorant+Garamond:ital@1&display=swap" rel="stylesheet">
<link rel="icon" href="../Images\logodetoure.gif" type="image/png">
<style>
body {
font-family: 'Barlow', sans-serif;
}
</style>
</head>
<body>
<header class="main-header">
<div class="header-top">
<div class="logo-section">
<img src="../Images/LogoDetoure_1.gif" alt="Logo GSB" width="70">
<p class="baseline">Gestion des comptes-rendus de visites</p>
</div>
<nav class="nav-right">
<a href="../Vue/connexion.php" class="btn-connexion">Connexion</a>
</nav>
</div>
<nav class="main-nav">
<ul>
<li><a href="../Vue/agenda.php">Agenda</a></li>
<li><a href="../Vue/nouveauCompteRendu.php">Nouveau Compte-Rendu</a></li>
<li><a href="../Vue/historiqueCompteRendu.php">Historique Compte-Rendu</a></li>
</ul>
</nav>
</header>
<main class="main-content">
</main>
<footer class="main-footer">
<p>&copy; 2025 - GSB Application</p>
</footer>
</body>
</html>

View File

@ -3,9 +3,11 @@
<head>
<meta charset="UTF-8">
<title>GSB Application - Accueil</title>
<link rel="stylesheet" href="GSB2temp\Styles\style.css">
<link rel="stylesheet" href="../Styles\style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous">
<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">
<link rel="icon" href="../Images/LogoDetoure_1.gif" type="image/png">
<style>
body {
font-family: 'Barlow', sans-serif;
@ -13,19 +15,26 @@
</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 class="header-top">
<div class="logo-section">
<img src="../Images/LogoDetoure_1.gif" alt="Logo GSB" width="70">
<p class="baseline">Gestion des comptes-rendus de visites</p>
</div>
<nav class="nav-right">
<a href="../Vue/connexion.php" class="btn-connexion">Connexion</a>
</nav>
</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>
<br>
<p>Comment utiliser l'application :</p>
<embed src="https://www.codeur.com/tuto/wp-content/uploads/2022/02/pdf-test.pdf" width="800" height="500" type="application/pdf"/>
</main>
<footer class="main-footer">

View File

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>GSB Application - Accueil</title>
<link rel="stylesheet" href="../Styles\style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Barlow&family=Cormorant+Garamond:ital@1&display=swap" rel="stylesheet">
<link rel="icon" href="../Images\logodetoure.gif" type="image/png">
<style>
body {
font-family: 'Barlow', sans-serif;
}
</style>
</head>
<body>
<header class="main-header">
<div class="header-top">
<div class="logo-section">
<img src="../Images/LogoDetoure_1.gif" alt="Logo GSB" width="70">
<p class="baseline">Gestion des comptes-rendus de visites</p>
</div>
<nav class="nav-right">
<a href="../Vue/connexion.php" class="btn-connexion">Connexion</a>
</nav>
</div>
<nav class="main-nav">
<ul>
<li><a href="../Vue/agenda.php">Agenda</a></li>
<li><a href="../Vue/nouveauCompteRendu.php">Nouveau Compte-Rendu</a></li>
<li><a href="../Vue/historiqueCompteRendu.php">Historique Compte-Rendu</a></li>
</ul>
</nav>
</header>
<main class="main-content">
</main>
<footer class="main-footer">
<p>&copy; 2025 - GSB Application</p>
</footer>
</body>
</html>