From 189aeb499196e61178e9e89f85197c88db3f8ada Mon Sep 17 00:00:00 2001 From: VincentTamet Date: Fri, 3 May 2024 10:28:16 +0200 Subject: [PATCH 1/6] first commit --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 53512c75..7b28d291 100644 --- a/index.html +++ b/index.html @@ -24,7 +24,7 @@
-

Les plus populaires

+

Les plus populaires de ouf

From c922e35bcc318db7ba77931989f88dd4013ec371 Mon Sep 17 00:00:00 2001 From: VincentTamet Date: Tue, 7 May 2024 16:55:30 +0200 Subject: [PATCH 2/6] header ok - TODO top barre bleue --- css/style.css | 48 ++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 18 ++++++++++++++++-- 2 files changed, 64 insertions(+), 2 deletions(-) diff --git a/css/style.css b/css/style.css index f6c96c4d..ba843b1a 100644 --- a/css/style.css +++ b/css/style.css @@ -58,6 +58,54 @@ a { color: var(--main-bg-color) } +/******* Header *********/ + +.header { + display: flex; + justify-content: space-between; + align-items: center; +} + +.navigation { + display: flex; +} + +/* .navigation{ + position: relative; +} + +.navigation > div:hover::before { + content: ''; + position: absolute; + top: -3px; + left: 0; + width: 100%; + height: 3px; + background-color: blue; + } */ + +.navigation > div:hover { + color: #0065FC ; +} + + +.navigation > div:first-child { + margin-right: 10px; + } + + .host:hover { + content: ''; + position: absolute; + top: -3px; + left: 0; + width: 100%; + height: 3px; + background-color: blue; + } + + + + /****** Hebergements And Populaires ***********/ .hebergements-and-populaires { display: flex; diff --git a/index.html b/index.html index 7b28d291..eca2e3bc 100644 --- a/index.html +++ b/index.html @@ -16,7 +16,18 @@
-
+
+ + + +
+
Hébergements
+
Activités
+
+ +
@@ -24,7 +35,7 @@
-

Les plus populaires de ouf

+

Les plus populaires

@@ -89,7 +100,10 @@

Hôtel Bleu et Blanc

+
+ +
From 944c067993bda308b5d4b2a1dc4e4d05b795821c Mon Sep 17 00:00:00 2001 From: VincentTamet Date: Tue, 7 May 2024 17:26:55 +0200 Subject: [PATCH 3/6] ajout margin --- css/style.css | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/css/style.css b/css/style.css index ba843b1a..0116580c 100644 --- a/css/style.css +++ b/css/style.css @@ -66,9 +66,18 @@ a { align-items: center; } +.logo { + margin-top: 15px; + margin-bottom: 30px; +} + .navigation { display: flex; + margin-top: -30px; } +/* TODO */ + +/* Je veux une barre bleue de la longueur du bonton survolé, au-dessus du mot survolé */ /* .navigation{ position: relative; @@ -90,10 +99,11 @@ a { .navigation > div:first-child { - margin-right: 10px; + margin-right: 60px; } - .host:hover { +/*TODO*/ +/* .host:hover { content: ''; position: absolute; top: -3px; @@ -101,7 +111,7 @@ a { width: 100%; height: 3px; background-color: blue; - } + } */ From 0e1f95ce1dfd8bac765acac3266c8af912e18ca3 Mon Sep 17 00:00:00 2001 From: VincentTamet Date: Wed, 8 May 2024 12:13:28 +0200 Subject: [PATCH 4/6] ajout de la barre bleu via le hover --- css/style.css | 3 +++ index.html | 4 ++-- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/css/style.css b/css/style.css index 0116580c..f104b25c 100644 --- a/css/style.css +++ b/css/style.css @@ -71,6 +71,7 @@ a { margin-bottom: 30px; } + .navigation { display: flex; margin-top: -30px; @@ -95,6 +96,8 @@ a { .navigation > div:hover { color: #0065FC ; + border-top: 1px solid #0065FC; + padding-top: 10px; } diff --git a/index.html b/index.html index eca2e3bc..16182230 100644 --- a/index.html +++ b/index.html @@ -23,8 +23,8 @@ Logo Booki
-
Hébergements
-
Activités
+
Hébergements
+
Activités
From d19c352f4353846ea9af536fefdbed683a917867 Mon Sep 17 00:00:00 2001 From: VincentTamet Date: Wed, 8 May 2024 12:28:04 +0200 Subject: [PATCH 5/6] ajout de la barre bleu via le hover2 --- css/style.css | 29 ----------------------------- 1 file changed, 29 deletions(-) diff --git a/css/style.css b/css/style.css index f104b25c..f29e0278 100644 --- a/css/style.css +++ b/css/style.css @@ -71,28 +71,10 @@ a { margin-bottom: 30px; } - .navigation { display: flex; margin-top: -30px; } -/* TODO */ - -/* Je veux une barre bleue de la longueur du bonton survolé, au-dessus du mot survolé */ - -/* .navigation{ - position: relative; -} - -.navigation > div:hover::before { - content: ''; - position: absolute; - top: -3px; - left: 0; - width: 100%; - height: 3px; - background-color: blue; - } */ .navigation > div:hover { color: #0065FC ; @@ -104,17 +86,6 @@ a { .navigation > div:first-child { margin-right: 60px; } - -/*TODO*/ -/* .host:hover { - content: ''; - position: absolute; - top: -3px; - left: 0; - width: 100%; - height: 3px; - background-color: blue; - } */ From f2aabfc13c1578dc25fedaa8040681015250b919 Mon Sep 17 00:00:00 2001 From: VincentTamet Date: Sat, 11 May 2024 08:44:23 +0200 Subject: [PATCH 6/6] search bar done 80% --- css/style.css | 40 ++++++++++++++++++++++++-- images/logo/map-localisation_logo.jpg | Bin 0 -> 599 bytes index.html | 8 ++++++ 3 files changed, 46 insertions(+), 2 deletions(-) create mode 100644 images/logo/map-localisation_logo.jpg diff --git a/css/style.css b/css/style.css index f29e0278..cadfc5a2 100644 --- a/css/style.css +++ b/css/style.css @@ -77,8 +77,8 @@ a { } .navigation > div:hover { - color: #0065FC ; - border-top: 1px solid #0065FC; + color: var(--main-color) ; + border-top: 1px solid var(--main-color); padding-top: 10px; } @@ -87,6 +87,42 @@ a { margin-right: 60px; } +/******** Search Bar ***************/ + +#search_bar { + display: flex; +} + + +#search_logo { + display: flex; + justify-content: center; + align-items: center; + height: 49px; + width: 50px; + background-color: var(--main-bg-color); + border-radius: 30% 0% 0% 30%; +} + + +#search_input{ + font-size: medium; + font-weight: bold; + height: 49px; + width: 132px; +} + +#search_button { + height: 49px; + width: 132px; + font-size: large; + font-weight: bold; + border-radius: 0% 15% 15% 0%; + background-color: #0065FC; + color: white; + border-color: #0065FC; +} + diff --git a/images/logo/map-localisation_logo.jpg b/images/logo/map-localisation_logo.jpg new file mode 100644 index 0000000000000000000000000000000000000000..d5a0501e52c5d9be3afa46b7e9b4cca5ae3ef65d GIT binary patch literal 599 zcmex=ma3|jiIItm zOAI4iKMQ#V{6EAX$iX1Qz{kv}#K0uT$SlbC{|JK^&>uiQAOUt(j{mn9I3S{`i*=_v z?WhMT6hTu4)B#q;BmiXD<59p2Q=lZkz{JGF$jZPBvyF+Fk%g6woq zJ%iUz{$1}}&j-aF68U&l?Dy2yQHe*RwmMGO%AjGl`TnNYy_U=K9^}r?zW8l6-`V60 z)2~WvEaq@*Yy0tYLHDE6>mF>8`Om=f$#iaa@ZM_a&U3TxyIo~B+Np5!?bVv=*E9F% zS!zYbdE8y$JLSoh(2Xm${&tFFyY2c{@eh0K`Kzn5+sYz0NBU0LFL%_NiTl8_3+xlV zb~|Z3HoUr8MWi*<>)O^H4h9YvhaUG89sLupgS;+?8iWiC0+6s_1o{OWHaHY8LloQu E0H
+ + + + + +