diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 00000000..5b436a03 Binary files /dev/null and b/.DS_Store differ diff --git a/css/style.css b/css/style.css index f6c96c4d..4b235164 100644 --- a/css/style.css +++ b/css/style.css @@ -13,11 +13,45 @@ color: var(--main-color); } -body { + a:active { + color: blue; +} + +/***** Header **********/ + +.topnav { display: flex; - justify-content: center; + justify-content: space-between; + align-items: center; + + padding: 10px 50px 20px; +} + +.logo { + order: 1; + width: 45px; } +.navigation a:hover { + color: #0065FC; + border-top: 2px solid #0065FC; +} + +#navbar-hebergements { + margin-left: auto; + order: 2; + font-size: 12px; + padding-top: 20px; + } + +#navbar-activites { + order: 3; + font-size: 12px; + padding: 0px 0px 20px; + padding-top: 20px; + margin-left: 40px; + } + .main-container { width: 100%; max-width: 1440px; @@ -81,7 +115,7 @@ a { width: 32%; } -.populaires-title { +.populaires-title .hebergements-title { display: flex; justify-content: space-between; align-items: center; @@ -162,6 +196,32 @@ a { } /* Small devices (phones, less than 768px) */ -@media (max-width: 767.98px) { - /* ... */ +@media (max-width: 768px) { + /* Header */ + + /* 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/images/.DS_Store b/images/.DS_Store new file mode 100644 index 00000000..092bae27 Binary files /dev/null and b/images/.DS_Store differ 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