Optimizacija hero sekcije: poravnava linkov in zmanjšanje razmakov
Deploy to Development and Production / deploy (push) Successful in 5m32s
Deploy to Development and Production / deploy (push) Successful in 5m32s
This commit is contained in:
1 parent
acbde88357
commit
e3dadc2306
2 files changed
+150
-142
No files matched your search
@@ -105,14 +105,18 @@
|
||||
<main>
|
||||
<section class="mediation-hero">
|
||||
<div class="mediation-hero-container">
|
||||
<!-- LEVI DEL: Besedilo -->
|
||||
<div class="mediation-hero-text" data-aos="fade-up">
|
||||
<span class="mediation-hero-kicker">REŠUJEMO NESPORAZUME IN KREPIMO VKLJUČEVANJE</span>
|
||||
|
||||
<!-- Kicker čez oba stolpca -->
|
||||
<span class="mediation-hero-kicker">REŠUJEMO NESPORAZUME IN KREPIMO VKLJUČEVANJE</span>
|
||||
|
||||
<!-- Naslov in podnaslov čez oba stolpca -->
|
||||
<div class="mediation-main-title">
|
||||
<h1>Medkulturno posredovanje</h1>
|
||||
<p class="mediation-hero-lead">Strokovna pomoč za jasno komunikacijo in sodelovanje med institucijami ter posamezniki iz različnih jezikovnih in kulturnih okolij</p>
|
||||
|
||||
<p style="margin-top: 2rem;">Komunikacija z družinami in otroki z drugačnim jezikovnim ali kulturnim ozadjem pogosto povzroča <strong>nesporazume</strong>, še posebej <strong>v vrtcih in šolah</strong>. 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.</p>
|
||||
</div>
|
||||
|
||||
<!-- LEVI STOLPEC: Uvodni odstavek in Pogoste težave -->
|
||||
<div class="mediation-hero-content" data-aos="fade-up">
|
||||
<p>Komunikacija z družinami in otroki z drugačnim jezikovnim ali kulturnim ozadjem pogosto povzroča <strong>nesporazume</strong>, še posebej <strong>v vrtcih in šolah</strong>. 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.</p>
|
||||
|
||||
<h3 style="color: var(--primary-color); margin-top: 2rem; margin-bottom: 1rem;">Pogoste težave</h3>
|
||||
<ul class="hero-bullets">
|
||||
@@ -123,18 +127,18 @@
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- DESNI DEL: Gumb in kartica -->
|
||||
<!-- DESNI STOLPEC: Gumb in kartica -->
|
||||
<div class="mediation-hero-right" data-aos="fade-left">
|
||||
<a href="https://calendly.com/amra-kuresepi" target="_blank" class="cta-button" style="width: 100%; text-align: center; margin-bottom: 2rem;">Rezervirajte termin</a>
|
||||
<a href="https://calendly.com/amra-kuresepi" target="_blank" class="cta-button cta-button-hero">Rezervirajte termin</a>
|
||||
|
||||
<div class="mediation-hero-card">
|
||||
<h3 style="text-align: center;">Hiter pregled vsebine</h3>
|
||||
<ul style="list-style: none; padding: 0; display: grid; gap: 1rem; margin-top: 1.5rem;">
|
||||
<li><a href="#individualno" style="text-decoration: none; color: inherit; font-weight: 600;">→ Načini posredovanja</a></li>
|
||||
<li><a href="#oblike" style="text-decoration: none; color: inherit; font-weight: 600;">→ Vrste po namenu</a></li>
|
||||
<li><a href="#sodelujem" style="text-decoration: none; color: inherit; font-weight: 600;">→ S kom sodelujem</a></li>
|
||||
<li><a href="#potek" style="text-decoration: none; color: inherit; font-weight: 600;">→ Potek in cena</a></li>
|
||||
<li><a href="#zakaj" style="text-decoration: none; color: inherit; font-weight: 600;">→ Zakaj izbrati Prosberry</a></li>
|
||||
<h3>Hiter pregled vsebine</h3>
|
||||
<ul class="mediation-card-links">
|
||||
<li><a href="#individualno">→ Načini posredovanja</a></li>
|
||||
<li><a href="#oblike">→ Vrste po namenu</a></li>
|
||||
<li><a href="#sodelujem">→ S kom sodelujem</a></li>
|
||||
<li><a href="#potek">→ Potek in cena</a></li>
|
||||
<li><a href="#zakaj">→ Zakaj izbrati Prosberry</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -146,19 +150,17 @@
|
||||
<div class="mediation-hero-shape shape-c"></div>
|
||||
</section>
|
||||
|
||||
<!-- Rešitev in Rezultat sekcija pod hero -->
|
||||
<!-- Nova sekcija za Rešitev in Rezultat -->
|
||||
<section class="content-section" style="background: #fff; padding: 60px 2rem;">
|
||||
<div class="container" style="max-width: 1200px; margin: 0 auto;">
|
||||
<div style="max-width: 900px; margin: 0 auto;">
|
||||
<h3 style="color: var(--primary-color); margin-bottom: 1rem;">Rešitev</h3>
|
||||
<p>Ponujam medkulturno posredovanje med slovenščino in albanščino – <strong>strokovno prenašanje informacij in pojasnjevanje kulturnih razlik za jasno in učinkovito komunikacijo med posamezniki in institucijami</strong>.</p>
|
||||
<p style="margin-top: 1rem;"><strong>👉 Ne gre za dobesedni prevod. Gre za strokovno razlago <strong>pravil, postopkov in odgovornosti</strong>.</strong></p>
|
||||
|
||||
<h3 style="color: var(--primary-color); margin-top: 2rem; margin-bottom: 1rem;">Rezultat</h3>
|
||||
<p>Storitev zagotavlja jasno razumevanje, manj napetosti, <strong>hitrejše dogovore ter učinkovito sodelovanje</strong>.</p>
|
||||
<p>Na voljo je <strong>vrtcem, šolam, javnim ustanovam, nevladnim organizacijam in mednarodnim projektom</strong>.</p>
|
||||
<p style="margin-top: 1rem;"><strong>👉 Medkulturno posredovanje je primerno tam, kjer dobesedni prevod ni dovolj, sodni prevod pa ni zahtevan.</strong></p>
|
||||
</div>
|
||||
<h3 style="color: var(--primary-color); margin-bottom: 1rem;">Rešitev</h3>
|
||||
<p>Ponujam medkulturno posredovanje med slovenščino in albanščino – <strong>strokovno prenašanje informacij in pojasnjevanje kulturnih razlik za jasno in učinkovito komunikacijo med posamezniki in institucijami</strong>.</p>
|
||||
<p style="margin-top: 1rem;"><strong>👉 Ne gre za dobesedni prevod. Gre za strokovno razlago pravil, postopkov in odgovornosti.</strong></p>
|
||||
|
||||
<h3 style="color: var(--primary-color); margin-top: 2rem; margin-bottom: 1rem;">Rezultat</h3>
|
||||
<p>Storitev zagotavlja jasno razumevanje, manj napetosti, <strong>hitrejše dogovore ter učinkovito sodelovanje</strong>.</p>
|
||||
<p>Na voljo je <strong>vrtcem, šolam, javnim ustanovam, nevladnim organizacijam in mednarodnim projektom</strong>.</p>
|
||||
<p style="margin-top: 1rem;"><strong>👉 Medkulturno posredovanje je primerno tam, kjer dobesedni prevod ni dovolj, sodni prevod pa ni zahtevan.</strong></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
Reference in new issue
Block a user