diff --git a/content/en/index.html b/content/en/index.html index 26e44b8..b11b7a9 100644 --- a/content/en/index.html +++ b/content/en/index.html @@ -4,7 +4,7 @@ Home - +
diff --git a/content/eo/index.html b/content/eo/index.html index 52cc97a..6ed6262 100644 --- a/content/eo/index.html +++ b/content/eo/index.html @@ -4,7 +4,7 @@ Home - +
@@ -13,20 +13,26 @@

Select Content

-
-

Easy

-
- Bestoj -
-
- Fruktoj -
-
- Manĝo -
- +

Easy

+
+

Mid

diff --git a/index.html b/index.html index 5d53b63..d4083e7 100644 --- a/index.html +++ b/index.html @@ -14,11 +14,18 @@

Select Content

- English -
-
- Esperanto +
+
\ No newline at end of file diff --git a/style.css b/style.css index e69de29..b53f783 100644 --- a/style.css +++ b/style.css @@ -0,0 +1,54 @@ +* { + margin: 0; + padding: 0; +} +.header { + width: 100%; + line-height: 100px; + background-color: #f5f5f5; + text-align: center; +} +.header__h1 { + font-size: 50px; + color: #333; +} +.content { + padding: 1rem; +} +.content__h2 { + font-size: 30px; + color: #333; + text-align: center; +} +.content__courses{ + display: flex; + flex-wrap: wrap; + justify-content: center; + margin-top: 1rem; +} +.content__courses-ul { + list-style: none; + padding: 0; + margin: 0; +} +.content__courses-ul-li { + width: 10rem; + height: 2.6rem; + margin: 1rem; + background-color: #f5f5f5; + border-radius: 10px; + box-shadow: 0 0 10px #333; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} +.content__courses-ul-li:hover { + background-color: #bbbbbb; + transition: all 0.5s; +} +.content__courses-ul-li-a { + text-decoration: none; + color: #333; + font-size: 20px; +} \ No newline at end of file