neue navigation
This commit is contained in:
parent
5e3016bdff
commit
44564dc0c2
1 changed files with 14 additions and 7 deletions
|
|
@ -60,23 +60,30 @@ header .container {
|
||||||
NAVIGATION
|
NAVIGATION
|
||||||
========================= */
|
========================= */
|
||||||
|
|
||||||
nav ul {
|
nav {
|
||||||
display: flex;
|
display: flex;
|
||||||
list-style: none;
|
justify-content: center;
|
||||||
gap: 25px;
|
gap: 20px;
|
||||||
|
padding: 20px;
|
||||||
|
background-color: #f5f5f5;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav a {
|
nav a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: white;
|
padding: 10px 18px;
|
||||||
|
border-radius: 8px;
|
||||||
|
background-color: #ffffff;
|
||||||
|
color: #333;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
transition: 0.3s ease;
|
transition: 0.3s;
|
||||||
|
border: 1px solid #ddd;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav a:hover {
|
nav a:hover {
|
||||||
color: #60a5fa;
|
background-color: #333;
|
||||||
|
color: white;
|
||||||
|
transform: translateY(-2px);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* =========================
|
/* =========================
|
||||||
HERO SECTION
|
HERO SECTION
|
||||||
========================= */
|
========================= */
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue