From 4e4b558d3dc58def38f22834c68c88bd3d29eb39 Mon Sep 17 00:00:00 2001 From: Fliw Date: Sun, 5 May 2024 19:44:33 +0200 Subject: [PATCH 1/2] navbar --- .DS_Store | Bin 0 -> 6148 bytes css/style.css | 44 +++++++++++++++++++++++++++++++++++++++++--- images/.DS_Store | Bin 0 -> 6148 bytes 3 files changed, 41 insertions(+), 3 deletions(-) create mode 100644 .DS_Store create mode 100644 images/.DS_Store diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..5b436a0325e3078d921db08a4ef1d9117b5d4c9e GIT binary patch literal 6148 zcmeHK&2G~`5S~p!SO+0;Kq^OHxP>Z}P{IKuH>8IiDj|&E0I0R=sIlaFtJonx2=ZgJ zZ_r2J5qJY02fqEG!VPff0f}lxn*DZX=UZz(Te}`25~F#tMbsrC3D?;0(EP^qy!JI~ zxJVl)^cw0g&Qy$%UXJa5P(Z)CCLK~i#co!6e*tD5e>Y|}(x#M-DWW5qtmS_BTW-84 zPTY6#H9pDGqU`s-iAJ+^qkU7#j_lm-ybY&n5tdOoFGkVqwH`f-%4zKSFO{2m~}!sA*Cn1{qDwcIT$?b`49T5p1&Lp z2R;AMaJX7|a^wEilih>k4iJ zfx^ylMk$pvpkgmuiDt(`WWdxepqP$Ox0L>6`vZi0{ha1~J?ZIj z-Y@JtksFXQkikK7b2{yGUbobCd)89ZZnx7?Z@S&tERdV8cHZqBo}7Q5Ud(>{Gz8&= zz#C!ZrN=q^g0bM?EE?sR&X3`n$Is&!nE_^i8Mr$J{Ej1^-Q5yAGc&*pJW>YC{-B@+ zLywh1yLF(kR{&rgZY!|O2cyYR9z&0nLySO#O9i@A;jb9NrNgg$Tr`Tybe`~Pwh_m}}@;J;!()OVxZ9v;b`tt$^_ v&RPXMgc>n%mBU2}40{wK)*QuKP%H2&V*o>sl|y(S{2^dz;D#BvR|akX)VFs> literal 0 HcmV?d00001 From 573f0b32fa5fe0b1c19b23f7372e1f94ac14808e Mon Sep 17 00:00:00 2001 From: Fliw Date: Thu, 9 May 2024 15:40:57 +0200 Subject: [PATCH 2/2] Navbar fonctionnelle avec bordure bleue --- css/style.css | 78 ++++++++++++++++++++++++++++++----------------- index.html | 84 ++++++++++++++++++++++++++++++++++++++++++++++++--- 2 files changed, 130 insertions(+), 32 deletions(-) diff --git a/css/style.css b/css/style.css index dccc771e..4b235164 100644 --- a/css/style.css +++ b/css/style.css @@ -13,44 +13,45 @@ color: var(--main-color); } -body { - justify-content: center; + a:active { + color: blue; } -ul { - list-style-type: none; - margin: 0; - padding: 0; - overflow: hidden; - } +/***** Header **********/ - li { - display: inline; - } +.topnav { + display: flex; + justify-content: space-between; + align-items: center; + + padding: 10px 50px 20px; +} - li a { - display: block; - padding: 14px 16px; - } +.logo { + order: 1; + width: 45px; +} -/***** Header **********/ +.navigation a:hover { + color: #0065FC; + border-top: 2px solid #0065FC; +} #navbar-hebergements { + margin-left: auto; + order: 2; font-size: 12px; - float: right; + padding-top: 20px; } #navbar-activites { + order: 3; font-size: 12px; - float: right; + padding: 0px 0px 20px; + padding-top: 20px; + margin-left: 40px; } - - -#logo-booki { - width: 45px; -} - .main-container { width: 100%; max-width: 1440px; @@ -114,7 +115,7 @@ a { width: 32%; } -.populaires-title { +.populaires-title .hebergements-title { display: flex; justify-content: space-between; align-items: center; @@ -198,8 +199,29 @@ a { @media (max-width: 768px) { /* Header */ - #logo-booki { - text-align: center; - } + /* Navbar */ + + .topnav { + display: flex; + flex-direction: column; + } + + .logo { + justify-content: center; + } + + .navigation { + display: block; + } + + .navigation a:hover { + color: #0065FC; + border-top: none; + border-bottom: 2px solid #0065FC; + } + + + + } \ No newline at end of file diff --git a/index.html b/index.html index 53512c75..a8b314be 100644 --- a/index.html +++ b/index.html @@ -11,17 +11,93 @@ - + + + + + -
-
+
+
+ +
+ Hébergements + Activités +
+
+
+ +
- +
+

Hébergements

+ +
+
+ +
+ Image de la chambre d'hôtel montrant un lit +
+
+

Hôtel Le soleil du matin

+

Nuit à partir de 128€

+
+
+ + + + + + Note de 4 sur 5 +
+
+
+ + +
+ Image de la chambre d'hôtel montrant un lit +
+
+

Chambres d’hôtes Au cœur de l’eau

+

Nuit à partir de 71€

+
+
+ + + + + + Note de 4 sur 5 +
+
+
+ + +
+ Image de la chambre d'hôtel montrant un lit +
+
+

Hôtel Bleu et Blanc

+

Nuit à partir de 68€

+
+
+ + + + + + Note de 4 sur 5 +
+
+
+ +
+

Les plus populaires