From e3dadc230602a42d77b028086f24ce120ea0d915 Mon Sep 17 00:00:00 2001 From: Mark Date: Wed, 11 Mar 2026 00:32:37 +0100 Subject: [PATCH] =?UTF-8?q?Optimizacija=20hero=20sekcije:=20poravnava=20li?= =?UTF-8?q?nkov=20in=20zmanj=C5=A1anje=20razmakov?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/style.css | 238 +++++++++--------- .../medkulturno-posredovanje/index.html | 54 ++-- 2 files changed, 150 insertions(+), 142 deletions(-) diff --git a/css/style.css b/css/style.css index b5a3d5e..13e8f68 100644 --- a/css/style.css +++ b/css/style.css @@ -2280,6 +2280,20 @@ footer { line-height: 1.2 } + .mediation-main-title { + gap: 0.5rem; + } + + .mediation-main-title h1 { + font-size: 1.75rem; + } + + .mediation-main-title .mediation-hero-lead { + font-size: clamp(0.5rem, 2vw, 0.95rem); + padding: 0 0.5rem; + white-space: nowrap; + } + .mediation-hero-container { display: flex; flex-direction: column; @@ -2312,13 +2326,17 @@ footer { .mediation-hero-card { padding: 1.6rem 1.4rem; margin: 0; - margin-top: 0.5rem; max-width: none; width: 100%; gap: 1.1rem; border-left-width: 4px; box-shadow: 0 18px 40px rgba(15, 25, 40, 0.12) } + + .cta-button-hero { + font-size: 0.95rem; + padding: 0.9rem; + } .mediation-hero-card ul { gap: 0.6rem @@ -3926,32 +3944,18 @@ footer { .mediation-hero-container { position: relative; z-index: 2; - max-width: 1120px; + max-width: 1400px; margin: 0 auto; display: grid; - grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); - gap: 5rem; + grid-template-columns: 1.2fr 0.8fr; + gap: 4rem; align-items: flex-start } -.mediation-hero-text { - display: flex; - flex-direction: column; - gap: 2rem; - align-items: center; -} - -.mediation-hero-text p { - color: #464d5b; - line-height: 1.85; - text-align: left; -} - .mediation-hero-kicker { display: inline-flex; align-items: center; gap: 0.4rem; - align-self: flex-start; padding: 0.4rem 1.1rem; border-radius: 999px; background: rgba(251, 99, 57, 0.14); @@ -3959,7 +3963,31 @@ footer { font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; - font-weight: 600 + font-weight: 600; + grid-column: 1 / -1; + justify-self: flex-start; + margin-bottom: 0.5rem; +} + +.mediation-main-title { + grid-column: 1 / -1; + text-align: center; + width: 100%; + margin-bottom: 1rem; +} + +.mediation-main-title h1 { + margin: 0 0 0.8rem 0; +} + +.mediation-main-title .mediation-hero-lead { + margin: 0 auto; + text-align: center; + font-size: clamp(0.65rem, 1.2vw, 1.15rem); + line-height: 1.6; + max-width: 100%; + padding: 0 2rem; + white-space: nowrap; } .mediation-hero h1 { @@ -3986,35 +4014,38 @@ footer { display: flex; flex-direction: column; gap: 1.4rem; - margin-top: 2.2rem + width: 100%; } .mediation-hero-card h3 { margin: 0; font-size: 1.25rem; - color: #1f2530 + color: #1f2530; + text-align: center; } -.mediation-hero-card ul { +.mediation-card-links { list-style: none; padding: 0; - margin: 0; + margin: 1.5rem 0 0 0; display: grid; - gap: 0.9rem + gap: 1rem; } -.mediation-hero-card li a { - display: inline-flex; - align-items: center; - gap: 0.6rem; +.mediation-card-links li { + text-align: left; +} + +.mediation-card-links li a { + display: inline-block; text-decoration: none; color: #3f4551; font-weight: 600; - transition: color 0.2s ease + transition: color 0.2s ease; } -.mediation-hero-card li a:hover { - color: var(--primary-color) +.mediation-card-links li a:hover { + color: var(--primary-color); } /* Spodnja vrstica z dvema okvirčkoma */ @@ -7781,15 +7812,45 @@ html, body { } .mediation-main-title { + grid-column: 1 / -1; text-align: center; width: 100%; margin-bottom: 2rem; } +.mediation-main-title h1 { + margin: 0 0 1rem 0; +} + .mediation-main-title .mediation-hero-lead { - margin: 1rem auto 0; + margin: 0 auto; + text-align: center; + font-size: clamp(0.9rem, 1.5vw, 1.15rem); + line-height: 1.6; + max-width: 100%; + padding: 0 2rem; +} + +.mediation-hero-content { + width: 100%; +} + +.mediation-hero-content p { + text-align: left; +} + +.mediation-hero-right { + display: flex; + flex-direction: column; + gap: 2rem; + align-items: stretch; + width: 100%; +} + +.cta-button-hero { + width: 100%; + display: block; text-align: center; - max-width: 70ch; /* Povečana širina za boljšo poravnavo */ } .mediation-hero-split { @@ -8355,104 +8416,49 @@ html, body { } } -/* Desktop layout for title with button */ +/* Desktop layout - mediation-main-title simplified */ @media (min-width: 769px) { .mediation-main-title { - align-items: center !important; - } - - .mediation-main-title .cta-button { - margin-top: 0; - white-space: nowrap; - } -} - -/* Mobile layout - button below title */ -@media (max-width: 768px) { - .mediation-main-title { - flex-direction: column !important; - align-items: stretch !important; - } - - .mediation-main-title > div:first-child { - min-width: 100% !important; - } - - .mediation-main-title > div:last-child { - width: 100%; - } - - .mediation-main-title .cta-button { - width: 100%; text-align: center; - margin-top: 1rem; } } -/* Hero section restructure - left content, right button + card */ -.mediation-hero-container { - display: grid; - grid-template-columns: 1fr 400px; - gap: 4rem; - align-items: start; - max-width: 1200px; - margin: 0 auto; -} - -.mediation-hero-text { - display: flex; - flex-direction: column; - gap: 1.5rem; -} - -.mediation-hero-text h1 { - font-size: 2.5rem; - line-height: 1.2; - margin: 0; -} - -.mediation-hero-text .mediation-hero-lead { - font-size: 1.1rem; - line-height: 1.7; - color: #454b57; - margin: 0; -} - -.mediation-hero-right { - display: flex; - flex-direction: column; - position: sticky; - top: 120px; -} - -/* Mobile adjustments for new structure */ -@media (max-width: 992px) { +/* Mobile layout - mediation-main-title simplified */ +@media (max-width: 768px) { .mediation-hero-container { grid-template-columns: 1fr; - gap: 2.5rem; + gap: 2rem; } - .mediation-hero-right { - position: static; + .mediation-main-title { + grid-column: 1; } -} - -@media (max-width: 768px) { - .mediation-hero-text h1 { + + .mediation-hero-kicker { + grid-column: 1; + justify-self: flex-start; + } + + .mediation-main-title h1 { font-size: 2rem; } - .mediation-hero-text .mediation-hero-lead { - font-size: 1rem; - } -} - -@media (max-width: 520px) { - .mediation-hero-text h1 { - font-size: 1.75rem; + .mediation-main-title .mediation-hero-lead { + font-size: clamp(0.6rem, 2.5vw, 1.05rem); + padding: 0 1rem; + white-space: nowrap; } - .mediation-hero-text .mediation-hero-lead { - font-size: 0.95rem; + .mediation-hero-content { + max-width: 100%; + } + + .mediation-hero-right { + max-width: 100%; + } + + .cta-button-hero { + max-width: 100%; + padding: 1rem; } } diff --git a/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html b/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html index 5df1dc0..32c742b 100644 --- a/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html +++ b/skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html @@ -105,14 +105,18 @@
- -
- REŠUJEMO NESPORAZUME IN KREPIMO VKLJUČEVANJE - + + REŠUJEMO NESPORAZUME IN KREPIMO VKLJUČEVANJE + + +

Medkulturno posredovanje

Strokovna pomoč za jasno komunikacijo in sodelovanje med institucijami ter posamezniki iz različnih jezikovnih in kulturnih okolij

- -

Komunikacija z družinami in otroki z drugačnim jezikovnim ali kulturnim ozadjem pogosto povzroča nesporazume, še posebej v vrtcih in šolah. Ko otrok ne razume jezika, težko sodeluje, motivacija upade, napredek se upočasni, starši pa težko vzpostavijo ustrezne dnevne ali učne rutine.

+
+ + +
+

Komunikacija z družinami in otroki z drugačnim jezikovnim ali kulturnim ozadjem pogosto povzroča nesporazume, še posebej v vrtcih in šolah. Ko otrok ne razume jezika, težko sodeluje, motivacija upade, napredek se upočasni, starši pa težko vzpostavijo ustrezne dnevne ali učne rutine.

Pogoste težave

    @@ -123,18 +127,18 @@
- +
- Rezervirajte termin + Rezervirajte termin
-

Hiter pregled vsebine

-
@@ -146,19 +150,17 @@
- +
-
-

Rešitev

-

Ponujam medkulturno posredovanje med slovenščino in albanščino – strokovno prenašanje informacij in pojasnjevanje kulturnih razlik za jasno in učinkovito komunikacijo med posamezniki in institucijami.

-

👉 Ne gre za dobesedni prevod. Gre za strokovno razlago pravil, postopkov in odgovornosti.

- -

Rezultat

-

Storitev zagotavlja jasno razumevanje, manj napetosti, hitrejše dogovore ter učinkovito sodelovanje.

-

Na voljo je vrtcem, šolam, javnim ustanovam, nevladnim organizacijam in mednarodnim projektom.

-

👉 Medkulturno posredovanje je primerno tam, kjer dobesedni prevod ni dovolj, sodni prevod pa ni zahtevan.

-
+

Rešitev

+

Ponujam medkulturno posredovanje med slovenščino in albanščino – strokovno prenašanje informacij in pojasnjevanje kulturnih razlik za jasno in učinkovito komunikacijo med posamezniki in institucijami.

+

👉 Ne gre za dobesedni prevod. Gre za strokovno razlago pravil, postopkov in odgovornosti.

+ +

Rezultat

+

Storitev zagotavlja jasno razumevanje, manj napetosti, hitrejše dogovore ter učinkovito sodelovanje.

+

Na voljo je vrtcem, šolam, javnim ustanovam, nevladnim organizacijam in mednarodnim projektom.

+

👉 Medkulturno posredovanje je primerno tam, kjer dobesedni prevod ni dovolj, sodni prevod pa ni zahtevan.