From a34311f4c57d32d93e90718e8848dcc3f4430116 Mon Sep 17 00:00:00 2001 From: hugogogo Date: Tue, 16 Mar 2021 23:13:00 +0100 Subject: [PATCH] accueil trois possibilitees --- index.html | 56 +++++++++++++++++++++++++++++++++++++++++++++++- styles/index.css | 27 ++++++++++++++--------- 2 files changed, 72 insertions(+), 11 deletions(-) diff --git a/index.html b/index.html index 615a09f..23ec77a 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,9 @@
-
+ +
+
logo kosmopolit
@@ -33,6 +35,58 @@

évènements

+
+ +
+
+
+ logo kosmopolit +
+
+
+
+
+
+
+
+ logo kosmopolit line +
+
+
+
+

KOSMOPOLIT

+

LITTERall

+

Lettres d'Europe et d'Ailleurs

+

évènements

+
+
+
+ +
+
+
+ logo kosmopolit +
+
+
+
+
+
+
+
+ logo kosmopolit line +
+
+
+
+

KOSMOPOLIT

+

LITTERall

+

Lettres d'Europe et d'Ailleurs

+

évènements

+
+
+
+
diff --git a/styles/index.css b/styles/index.css index 56292e1..e4a0dcc 100644 --- a/styles/index.css +++ b/styles/index.css @@ -1,21 +1,22 @@ /*------------------------------------------*/ /*ACCUEIL*/ -body { - background-color: white; -} -main { +body main { display: flex; flex-direction: column; width: auto; margin: auto; - background-color: white; + padding: 0px; } .all_container { width: 550px; - margin: 20px auto; + margin: 0px auto 100px auto; + height: 100vh; +} +.moment_center_wrapper { + width: 100%; + margin: auto; } - /*------------------------------------------*/ .logo_txt { height: auto; @@ -121,15 +122,21 @@ main { 100% {transform: translate( 0%, 0%);} } .logo_bubbles .circle { - animation-name: position; - animation-name: shape; - animation-name: size; animation-duration: 4s; animation-delay: 0s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; } +.all_container._1 .logo_bubbles .circle { + animation-name: shape; +} +.all_container._2 .logo_bubbles .circle { + animation-name: size; +} +.all_container._3 .logo_bubbles .circle { + animation-name: position; +} .logo_bubbles .circle._1 { animation-delay: -0.8s; }