juste un peu de css avec un partie de l'index et arborescence faite

This commit is contained in:
Yasder5 2026-01-13 22:33:35 +01:00
parent 28f57e9835
commit 1ce4e878c8
2 changed files with 84 additions and 76 deletions

View file

@ -1,75 +1,83 @@
body {
background-color: #f5f5f5;
}
.navbar {
background-color: #ffffff;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
padding: 0.8rem 2rem;
}
.navbar-brand {
font-size: 1.5rem;
font-weight: bold;
color: #0d6efd !important;
}
.navbar-brand span {
color: #6c757d;
}
.navbar-nav .nav-link {
color: #333;
font-weight: 500;
padding: 0.5rem 1rem;
margin: 0 0.2rem;
transition: color 0.3s;
}
.navbar-nav .nav-link:hover {
color: #0d6efd;
}
.btn-login {
color: #333;
background-color: transparent;
border: none;
font-weight: 500;
padding: 0.5rem 1rem;
}
.btn-login:hover {
color: #0d6efd;
}
.btn-signup {
background-color: #0d6efd;
color: white;
border: none;
border-radius: 25px;
padding: 0.5rem 2rem;
font-weight: 500;
transition: background-color 0.3s;
}
.btn-signup:hover {
background-color: #0b5ed7;
}
.notification-bell {
font-size: 1.2rem;
color: #6c757d;
margin-right: 1rem;
cursor: pointer;
transition: color 0.3s;
}
.notification-bell:hover {
color: #0d6efd;
}
.logo-image {
height: 30px;
width: auto;
margin-right: 0.5rem;
}
body {
background-color: #f5f5f5;
}
.navbar {
background-color: #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
padding: 0.8rem 2rem;
}
.navbar-brand {
font-size: 1.5rem;
font-weight: bold;
color: #0d6efd !important;
}
.navbar-brand span {
color: #6c757d;
}
.navbar-nav .nav-link {
color: #333;
font-weight: 500;
padding: 0.5rem 1rem;
margin: 0 0.2rem;
transition: color 0.3s;
}
.navbar-nav .nav-link:hover {
color: #0d6efd;
}
.btn-login {
color: #333;
background-color: transparent;
border: none;
font-weight: 500;
padding: 0.5rem 1rem;
}
.btn-login:hover {
color: #0d6efd;
}
.btn-signup {
background-color: #0d6efd;
color: white;
border: none;
border-radius: 25px;
padding: 0.5rem 2rem;
font-weight: 500;
transition: background-color 0.3s;
}
.btn-signup:hover {
background-color: #0b5ed7;
}
.notification-bell {
font-size: 1.2rem;
color: #6c757d;
margin-right: 1rem;
cursor: pointer;
transition: color 0.3s;
}
.notification-bell:hover {
color: #0d6efd;
}
.logo-image {
height: 30px;
width: auto;
margin-right: 0.5rem;
}
.logo{
font-size: 5rem;
font-weight: 700;
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

View file

@ -10,7 +10,7 @@ var_dump($arrArticle);
?>
<section class="container mt-5 p-5 d-flex flex-column align-items-center text-center">
<h1>Folliow</h1>
<h1 class="logo">Folliow</h1>
<h2> les talents rencontrent leur avenir</h2>
<p class="col-6">Une plateforme de portfolio adapté à vos besoins et aux besoins des entreprises.
Créer un portfolio réellement pertinent aux exigences du marché et rentrez