yasder5/projet_php
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

62
public/assests/css/style.css
View file

@ -1,48 +1,48 @@
body { body {
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.navbar { .navbar {
background-color: #ffffff; background-color: #ffffff;
box-shadow: 0 2px 4px rgba(0,0,0,0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
padding: 0.8rem 2rem; padding: 0.8rem 2rem;
} }
.navbar-brand { .navbar-brand {
font-size: 1.5rem; font-size: 1.5rem;
font-weight: bold; font-weight: bold;
color: #0d6efd !important; color: #0d6efd !important;
} }
.navbar-brand span { .navbar-brand span {
color: #6c757d; color: #6c757d;
} }
.navbar-nav .nav-link { .navbar-nav .nav-link {
color: #333; color: #333;
font-weight: 500; font-weight: 500;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
margin: 0 0.2rem; margin: 0 0.2rem;
transition: color 0.3s; transition: color 0.3s;
} }
.navbar-nav .nav-link:hover { .navbar-nav .nav-link:hover {
color: #0d6efd; color: #0d6efd;
} }
.btn-login { .btn-login {
color: #333; color: #333;
background-color: transparent; background-color: transparent;
border: none; border: none;
font-weight: 500; font-weight: 500;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
} }
.btn-login:hover { .btn-login:hover {
color: #0d6efd; color: #0d6efd;
} }
.btn-signup { .btn-signup {
background-color: #0d6efd; background-color: #0d6efd;
color: white; color: white;
border: none; border: none;
@ -50,26 +50,34 @@
padding: 0.5rem 2rem; padding: 0.5rem 2rem;
font-weight: 500; font-weight: 500;
transition: background-color 0.3s; transition: background-color 0.3s;
} }
.btn-signup:hover { .btn-signup:hover {
background-color: #0b5ed7; background-color: #0b5ed7;
} }
.notification-bell { .notification-bell {
font-size: 1.2rem; font-size: 1.2rem;
color: #6c757d; color: #6c757d;
margin-right: 1rem; margin-right: 1rem;
cursor: pointer; cursor: pointer;
transition: color 0.3s; transition: color 0.3s;
} }
.notification-bell:hover { .notification-bell:hover {
color: #0d6efd; color: #0d6efd;
} }
.logo-image { .logo-image {
height: 30px; height: 30px;
width: auto; width: auto;
margin-right: 0.5rem; 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;
}

2
public/index.php
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"> <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>Là où les talents rencontrent leur avenir</h2> <h2>Là où les talents rencontrent leur avenir</h2>
<p class="col-6">Une plateforme de portfolio adapté à vos besoins et aux besoins des entreprises. <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 Créer un portfolio réellement pertinent aux exigences du marché et rentrez