From de0bacb26c15cf89b18448820d95d98970043f0d Mon Sep 17 00:00:00 2001 From: PanSi21 Date: Wed, 2 Apr 2025 08:30:50 +0200 Subject: [PATCH] style... --- index-de.html | 44 ++++++++++++++++++++++++++++++++++++++------ index-es.html | 44 ++++++++++++++++++++++++++++++++++++++------ index-it.html | 47 ++++++++++++++++++++++++++++++++++++++++++++++- 3 files changed, 122 insertions(+), 13 deletions(-) diff --git a/index-de.html b/index-de.html index e8518db..011ed99 100644 --- a/index-de.html +++ b/index-de.html @@ -15,6 +15,7 @@ color: #fff; padding: 20px; } + .container { max-width: 800px; margin: auto; @@ -22,31 +23,43 @@ padding: 20px; border-radius: 10px; } + + .language-selector { position: absolute; top: 10px; right: 20px; } + .language-selector a { color: white; margin: 0 5px; text-decoration: none; } + .language-selector a:hover { text-decoration: underline; } - h1, h2 { + + h1, + h2 { color: #f00; } - .feature-card { - background: #333; - padding: 20px; - border-radius: 10px; - margin: 10px 0; + + ul { + text-align: left; + list-style: none; + padding: 0; } + + ul li::before { + content: "🔥 "; + } + .social-links { margin-top: 20px; } + .social-links a { margin: 0 10px; color: white; @@ -54,9 +67,28 @@ text-decoration: none; opacity: 0.8; } + .social-links a:hover { opacity: 1; } + + .cta-button { + display: inline-block; + margin-top: 20px; + padding: 15px 30px; + background-color: #ff6b6b; + color: white; + text-decoration: none; + border-radius: 25px; + font-weight: bold; + } + + .feature-card { + background: #333; + padding: 20px; + border-radius: 10px; + margin: 10px 0; + } diff --git a/index-es.html b/index-es.html index c3ba7a4..d588e5c 100644 --- a/index-es.html +++ b/index-es.html @@ -15,6 +15,7 @@ color: #fff; padding: 20px; } + .container { max-width: 800px; margin: auto; @@ -22,31 +23,43 @@ padding: 20px; border-radius: 10px; } + + .language-selector { position: absolute; top: 10px; right: 20px; } + .language-selector a { color: white; margin: 0 5px; text-decoration: none; } + .language-selector a:hover { text-decoration: underline; } - h1, h2 { + + h1, + h2 { color: #f00; } - .feature-card { - background: #333; - padding: 20px; - border-radius: 10px; - margin: 10px 0; + + ul { + text-align: left; + list-style: none; + padding: 0; } + + ul li::before { + content: "🔥 "; + } + .social-links { margin-top: 20px; } + .social-links a { margin: 0 10px; color: white; @@ -54,9 +67,28 @@ text-decoration: none; opacity: 0.8; } + .social-links a:hover { opacity: 1; } + + .cta-button { + display: inline-block; + margin-top: 20px; + padding: 15px 30px; + background-color: #ff6b6b; + color: white; + text-decoration: none; + border-radius: 25px; + font-weight: bold; + } + + .feature-card { + background: #333; + padding: 20px; + border-radius: 10px; + margin: 10px 0; + } diff --git a/index-it.html b/index-it.html index dfd905e..4bb11b8 100644 --- a/index-it.html +++ b/index-it.html @@ -15,6 +15,7 @@ color: #fff; padding: 20px; } + .container { max-width: 800px; margin: auto; @@ -22,22 +23,66 @@ padding: 20px; border-radius: 10px; } + + .language-selector { position: absolute; top: 10px; right: 20px; } + .language-selector a { color: white; margin: 0 5px; text-decoration: none; } + .language-selector a:hover { text-decoration: underline; } - h1, h2 { + + h1, + h2 { color: #f00; } + + ul { + text-align: left; + list-style: none; + padding: 0; + } + + ul li::before { + content: "🔥 "; + } + + .social-links { + margin-top: 20px; + } + + .social-links a { + margin: 0 10px; + color: white; + font-size: 1.5em; + text-decoration: none; + opacity: 0.8; + } + + .social-links a:hover { + opacity: 1; + } + + .cta-button { + display: inline-block; + margin-top: 20px; + padding: 15px 30px; + background-color: #ff6b6b; + color: white; + text-decoration: none; + border-radius: 25px; + font-weight: bold; + } + .feature-card { background: #333; padding: 20px;