diff --git a/asso.html b/asso.html new file mode 100644 index 0000000..bf0399e --- /dev/null +++ b/asso.html @@ -0,0 +1,7 @@ +sdkfjk +sdfkj +sdf +dsf +sdf + +sdfsdf diff --git a/index.html b/index.html index b04a926..c06fce2 100644 --- a/index.html +++ b/index.html @@ -11,6 +11,18 @@
+
+
+

KOSMOPOLIT l'association

 +
+
+
+

LITTERall

 +
+
+
+

lettres d'europe et d'ailleurs

 +
diff --git a/lettresdeeda.html b/lettresdeeda.html new file mode 100644 index 0000000..e69de29 diff --git a/litterall.html b/litterall.html new file mode 100644 index 0000000..e69de29 diff --git a/menu.html b/menu.html new file mode 100644 index 0000000..c06fce2 --- /dev/null +++ b/menu.html @@ -0,0 +1,28 @@ + + + + + + kosmopolit + + + + + +
+ +
+
+

KOSMOPOLIT l'association

 +
+
+
+

LITTERall

 +
+
+
+

lettres d'europe et d'ailleurs

 +
+
+ + diff --git a/styles/style.css b/styles/style.css index 872677e..b63953f 100644 --- a/styles/style.css +++ b/styles/style.css @@ -127,7 +127,6 @@ blockquote, q { - /*/////////////////////////////////////////////*/ /*GLOBAL VARIABLE*/ :root { @@ -135,9 +134,16 @@ blockquote, q { --color-texts: rgb(1, 1, 1); --color-links: rgb(1, 1, 1); + --color-purple: #ee1998; + --color-pink: #ff7bca; + --color-green: #8fce3c; + --color-yellow: #e3e00a; + --color-blue: #51cee4; + --color-water: #0c9cb5; + /* fonts */ - --font-titles: 'louisgeorge'; - --font-texts: 'paradroid'; + --font-titles: 'paradroid'; + --font-texts: 'louisgeorge'; --font-fallback: 'cabrion'; } /*GLOBAL VARIABLE*/ @@ -193,6 +199,7 @@ em { #main { + position: relative; height: 100vh; width: 100vw; } @@ -206,3 +213,40 @@ img { .cover { object-fit: cover; } + +.link-index { + position: absolute; + display: flex; +} +.dot-link { + width: 30px; + height: 30px; + margin: auto; + margin-right: 10px; + border-radius: 50%; +} +.menu-link { + margin: auto; +} +.container-link-asso { + top: 100px; + left: 200px; +} +.dot-link-asso { + background-color: var(--color-purple); +} +.container-link-litterall { + top: 300px; + left: 600px; +} +.dot-link-litterall { + background-color: var(--color-green); +} +.container-link-lettredeeda { + top: 600px; + left: 900px; +} +.dot-link-lettredeeda { + background-color: var(--color-blue); +} +