diff --git a/CSS/accueil.css b/CSS/accueil.css index a3e9b5e..f285cb2 100644 --- a/CSS/accueil.css +++ b/CSS/accueil.css @@ -1,3 +1,7 @@ +body{ + background-image:url("../img/background.svg"); +} + main{ display: flex; flex-direction: column; @@ -11,18 +15,6 @@ header{ height: 100vh; } -#background-video{ - filter: blur(3px); - height: 100vh; - width: 100vw; - object-fit: cover; - position: fixed; - left: 0; - right: 0; - top: 0; - z-index: -5; -} - diff --git a/CSS/contact.css b/CSS/contact.css index 79ea2b4..80214f8 100644 --- a/CSS/contact.css +++ b/CSS/contact.css @@ -1,3 +1,7 @@ +body{ + background-image:url("../img/background.svg"); +} + main{ display: flex; flex-direction: column; @@ -27,3 +31,8 @@ form div { margin: 2%; } +input[type=text]:focus{ + border: 2px solid red; + border-radius: 4px; +} + diff --git a/CSS/partenaire.css b/CSS/partenaire.css new file mode 100644 index 0000000..02d1f14 --- /dev/null +++ b/CSS/partenaire.css @@ -0,0 +1,97 @@ +#txt-list{ + display: flex; + flex-direction: row-reverse; + justify-content: space-around; + align-items: center; +} + +#ligne-partenaires { + backdrop-filter: blur(10px); + background-color: rgba(0, 0, 0, 0.2); +} + + + + +#hov-partenaire{ + position: absolute; + color: white; + font-size: 1.5rem; + backdrop-filter: blur(10px); + background-color: rgba(0, 0, 0, 0.8); + border-radius: 5px; + top: 0; + width: 50%; + height: 100%; + display: none; +} + +#ligne-partenaires li:hover div{ + transition: all ease 0.4s; + display: block; +} + +#ligne-partenaires a{ + text-decoration: none; +} + +#colonne-partenaires { + backdrop-filter: blur(10px); + background-color: rgba(0, 0, 0, 0.2); +} + + + +#colonne-partenaires li:hover div{ + display: block; +} + +#colonne-partenaires a{ + text-decoration: none; +} + +#ligne-colonne{ + display: flex; + flex-direction: column; +} + +#ligne-colonne img{ + width: 20vw; + height: 30vh; +} +#ligne-colonne ul{ + color: black; + list-style: none; + display: flex; +} + +aside{ + width: 50vw; +} + +#btn-contact{ + margin: 1%; + padding: 22px 75px; + left:50%; + border: 2px solid darkred; + border-radius: 10px; + transition: all ease 0.4s; +} + +#btn-contact p{ + padding: 0; + color: black; + text-align: center; + font-size: 20px; +} + +#btn-contact:hover{ + border: 2px solid none; + background-color: darkred; + +} + +#btn-contact:hover p{ + color: white; +} + diff --git a/CSS/print.css b/CSS/print.css new file mode 100644 index 0000000..e69de29 diff --git a/CSS/styles.css b/CSS/styles.css index da121ba..3d3a325 100644 --- a/CSS/styles.css +++ b/CSS/styles.css @@ -1,7 +1,5 @@ body{ margin: 0; - background-image:url("../img/background.svg"); - } header{ @@ -106,6 +104,7 @@ nav{ } #btn_up{ + z-index: 100; background-color: white; border-radius: 50px; position: fixed; diff --git a/HTML/contact.html b/HTML/contact.html index 5ab8b7a..519a6e0 100644 --- a/HTML/contact.html +++ b/HTML/contact.html @@ -29,6 +29,7 @@
+ icone de fleche

Contactez nous !

diff --git a/HTML/page_3.html b/HTML/page_3.html index 57fbc53..981b42c 100644 --- a/HTML/page_3.html +++ b/HTML/page_3.html @@ -4,6 +4,7 @@ Casino du coeur + @@ -14,7 +15,7 @@ +
+ + icone de fleche +

Nos Partenaires

+
+ + +
+

Nous Cherchons de nouveaux Partenaires !

+ + +
+ + + + \ No newline at end of file diff --git a/HTML/page_4.html b/HTML/page_4.html index 5cc8e0d..6fa3d90 100644 --- a/HTML/page_4.html +++ b/HTML/page_4.html @@ -4,7 +4,7 @@ Casino du coeur - + diff --git a/credits.txt b/credits.txt index 9401525..e3f0dd7 100644 --- a/credits.txt +++ b/credits.txt @@ -1 +1,5 @@ -icone : https://icones8.fr/ https://fontawesome.com +icones : https://icones8.fr/ https://fontawesome.com + +image d'accueil main carte : akspic https://wallspic.com/fr/image/163662-poker-roulette-carte_a_jouer-poker_en_ligne-jeu_de_cartes + +image fond cercle : https://app.haikei.app/ \ No newline at end of file diff --git a/img/ActionContreFaim.png b/img/ActionContreFaim.png new file mode 100644 index 0000000..ada629c Binary files /dev/null and b/img/ActionContreFaim.png differ diff --git a/img/Croixrouge.png b/img/Croixrouge.png new file mode 100644 index 0000000..c89314d Binary files /dev/null and b/img/Croixrouge.png differ diff --git a/img/Restoducoeur.png b/img/Restoducoeur.png new file mode 100644 index 0000000..d81f19b Binary files /dev/null and b/img/Restoducoeur.png differ diff --git a/img/croix_rouge.jpg b/img/croix_rouge.jpg new file mode 100644 index 0000000..1020ebb Binary files /dev/null and b/img/croix_rouge.jpg differ diff --git a/img/restoducoeur.png b/img/restoducoeur.png new file mode 100644 index 0000000..9959d08 Binary files /dev/null and b/img/restoducoeur.png differ diff --git a/index.html b/index.html index 87cfce5..1a42c5c 100644 --- a/index.html +++ b/index.html @@ -6,8 +6,8 @@ Casino du coeur - - + + @@ -58,7 +58,7 @@

- ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

@@ -72,7 +72,7 @@

- ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + ipsum dolor sit amet, dolor adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo @@ -100,9 +100,9 @@

Suivez nos actualités !