Posodobitve: navigacija, hero sekcije, medkulturno posredovanje, stili
Deploy to Development and Production / deploy (push) Successful in 9s

This commit is contained in:
Mark committed 2026-01-08 00:27:07 +01:00
1 parent 50fdb72b82
commit 5c59b197f1
31 files changed
+680 -288

No files matched your search

Vendored
BIN
View File
Binary file not shown.
BIN
View File
Binary file not shown.
BIN
View File
Binary file not shown.
Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.1 KiB

@@ -80,7 +80,7 @@
<a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</a>
<a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" >Vprašanja</a>
<a href="/blog/" class="active">Blog</a>
<a href="/kontakt/" >Kontakt</a>
</div>
@@ -80,7 +80,7 @@
<a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</a>
<a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" >Vprašanja</a>
<a href="/blog/" class="active">Blog</a>
<a href="/kontakt/" >Kontakt</a>
</div>
@@ -80,7 +80,7 @@
<a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</a>
<a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" >Vprašanja</a>
<a href="/blog/" class="active">Blog</a>
<a href="/kontakt/" >Kontakt</a>
</div>
+1 -1
View File
@@ -80,7 +80,7 @@
<a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</a>
<a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" >Vprašanja</a>
<a href="/blog/" class="active">Blog</a>
<a href="/kontakt/" >Kontakt</a>
</div>
+1 -1
View File
@@ -80,7 +80,7 @@
<a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</a>
<a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" >Vprašanja</a>
<a href="/blog/" class="active">Blog</a>
<a href="/kontakt/" >Kontakt</a>
</div>
@@ -80,7 +80,7 @@
<a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</a>
<a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" >Vprašanja</a>
<a href="/blog/" class="active">Blog</a>
<a href="/kontakt/" >Kontakt</a>
</div>
@@ -80,7 +80,7 @@
<a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</a>
<a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" >Vprašanja</a>
<a href="/blog/" class="active">Blog</a>
<a href="/kontakt/" >Kontakt</a>
</div>
+1 -1
View File
@@ -74,7 +74,7 @@
<a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</a>
<a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" >Vprašanja</a>
<a href="/blog/" class="active">Blog</a>
<a href="/kontakt/" >Kontakt</a>
</div>
+1 -1
View File
@@ -82,7 +82,7 @@
<a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" class="active">Cene in reference</a>
<a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" >Vprašanja</a>
<a href="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a>
</div>
+1 -1
View File
@@ -78,7 +78,7 @@
<a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" class="active">Cene in reference</a>
<a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" >Vprašanja</a>
<a href="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a>
</div>
+462 -147
View File
File diff suppressed because it is too large. Load diff
+150 -56
View File
@@ -50,10 +50,10 @@ body.no-scroll {
max-width: 100%;
width: 100%;
margin: 0 auto;
padding: 0 1.5rem;
padding: 0 1rem;
height: 100%;
display: flex;
justify-content: space-between;
justify-content: flex-start;
align-items: center
}
@@ -83,9 +83,9 @@ body.no-scroll {
.nav-links {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 1.2rem;
margin-left: 3rem
justify-content: flex-start;
gap: 1.5rem;
margin: 0 auto;
}
.nav-links a {
@@ -3847,6 +3847,12 @@ footer {
gap: 1.15rem
}
.mediation-hero-text p {
color: #464d5b;
line-height: 1.85;
text-align: justify;
}
.mediation-hero-kicker {
display: inline-flex;
align-items: center;
@@ -3927,6 +3933,53 @@ footer {
transform: translateX(4px)
}
/* Spodnja vrstica z dvema okvirčkoma */
.mediation-bottom-cards {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
gap: 3rem;
max-width: 1120px;
margin: 2rem auto 0;
}
.mediation-bottom-cards .mediation-hero-card {
margin-top: 0;
height: 100%;
display: flex;
flex-direction: column;
}
/* Sodelujem card - brez linkov */
.mediation-sodelujem-card {
margin-top: 0;
width: 100%;
}
.mediation-sodelujem-card ul {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: 0.7rem;
}
.mediation-sodelujem-card li {
display: flex;
align-items: flex-start;
gap: 0.6rem;
color: #3f4551;
font-size: 0.95rem;
line-height: 1.5;
}
.mediation-sodelujem-card li::before {
content: '→';
font-size: 1rem;
color: var(--primary-color);
flex-shrink: 0;
margin-top: 0.1rem;
}
.mediation-hero-shape {
position: absolute;
border-radius: 50%;
@@ -5211,7 +5264,8 @@ footer {
gap: 2rem;
align-items: flex-start;
min-height: auto;
z-index: 2
z-index: 2;
padding: 0 55px;
}
.hero-new-text {
@@ -5225,7 +5279,7 @@ footer {
}
.hero-new-text h1 {
font-size: 2.8rem;
font-size: 2.2rem;
font-weight: 700;
line-height: 1.3;
margin-bottom: 0
@@ -5236,6 +5290,26 @@ footer {
color: #555
}
.hero-new-description {
font-size: 1.1rem;
color: #3f4551;
line-height: 1.5;
margin-bottom: 0.3rem;
}
.hero-new-description-small {
font-size: 0.9rem;
color: #666;
margin-bottom: 0.8rem;
}
.hero-new-slogan {
font-size: 1rem;
font-style: italic;
color: var(--primary-color);
margin-bottom: 0.5rem;
}
.hero-info-box {
margin-top: 1.5rem;
padding: 1.5rem;
@@ -5268,16 +5342,17 @@ footer {
display: flex;
justify-content: center;
align-items: flex-end;
align-self: stretch
align-self: stretch;
}
.hero-new-image img {
max-width: 100%;
max-width: 120%;
width: auto;
height: 100%;
max-height: none;
object-fit: contain;
object-position: bottom
object-position: bottom;
transform: translateX(-10%);
}
.features-section {
@@ -5293,7 +5368,7 @@ footer {
.features-intro h2 {
max-width: 800px;
margin: 0 auto 3rem auto;
font-size: 1.8rem
font-size: 1.5rem
}
.features-grid {
@@ -5335,17 +5410,19 @@ footer {
}
.about-amra-wrapper {
max-width: 1300px;
max-width: 1100px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1.2fr 280px;
grid-template-columns: 1fr 1.5fr;
grid-template-rows: auto auto;
gap: 2rem;
align-items: center
align-items: start;
}
.about-amra-image {
display: flex;
justify-content: center
justify-content: center;
grid-row: 1 / 3;
}
.about-amra-image img {
@@ -6298,22 +6375,26 @@ footer {
/* --- Workshops Sidebar Inline (Aktualne delavnice - del sekcije) --- */
.workshops-sidebar-inline {
background: #ffffff;
border: 2px solid #3b5998;
border-radius: 18px;
padding: 1rem;
border: 1px solid rgba(251, 99, 57, 0.15);
border-radius: 20px;
padding: 0.8rem;
padding-top: 1rem;
width: 100%;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
align-self: start;
margin-top: 60px;
margin: 0;
margin-top: 80px;
border-left: 4px solid var(--primary-color);
}
.workshops-sidebar-inline h3 {
text-align: center;
font-size: 1rem;
text-align: left;
font-size: 0.9rem;
color: #1f2530;
margin-bottom: 0.8rem;
padding-bottom: 0.6rem;
border-bottom: 2px solid #3b5998;
margin-bottom: 0.6rem;
padding-bottom: 0;
border-bottom: none;
font-weight: 700;
}
.workshops-sidebar-list {
@@ -6325,34 +6406,45 @@ footer {
.workshop-sidebar-item {
display: flex;
flex-direction: column;
align-items: center;
align-items: flex-start;
text-decoration: none;
color: #1f2530;
background: #fdfcfa;
border-radius: 10px;
padding: 0.5rem;
transition: transform 0.2s ease, box-shadow 0.2s ease;
border: 1px solid rgba(59, 89, 152, 0.1);
color: #3f4551;
background: #ffffff;
border-radius: 8px;
padding: 0;
transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
border: 1px solid rgba(0, 0, 0, 0.05);
overflow: hidden;
margin-bottom: 0.3rem;
}
.workshop-sidebar-item:hover {
transform: translateY(-2px);
box-shadow: 0 5px 12px rgba(59, 89, 152, 0.15);
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(251, 99, 57, 0.15);
color: var(--primary-color);
border-color: rgba(251, 99, 57, 0.2);
}
.workshop-sidebar-item img {
width: 100%;
height: 95px;
width: 80%;
margin: 0 auto;
aspect-ratio: 3 / 2;
object-fit: cover;
border-radius: 8px;
margin-bottom: 0.4rem;
object-position: top;
border-radius: 6px;
margin-bottom: 0;
margin-top: 0.4rem;
display: block;
}
.workshop-sidebar-item span {
font-size: 0.75rem;
font-size: 0.7rem;
font-weight: 600;
text-align: center;
line-height: 1.2;
text-align: left;
line-height: 1.3;
padding: 0.4rem 0.6rem;
display: block;
width: 100%;
}
/* Responsive: prikaži pod vsebino na manjših zaslonih */
@@ -6366,39 +6458,41 @@ footer {
.recommendation-box-home {
background-color: #fffbf8;
border: 1px solid rgba(251, 99, 57, 0.15);
border-radius: 20px;
padding: 1.5rem;
width: 280px;
border-radius: 16px;
padding: 1rem;
width: 100%;
max-width: 280px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
flex-shrink: 0;
justify-self: end;
margin-top: -150px;
}
.recommendation-box-home h3 {
text-align: center;
font-size: 1rem;
font-size: 0.9rem;
color: #1f2530;
margin-bottom: 1rem;
margin-bottom: 0.8rem;
border-bottom: 2px dotted rgba(251, 99, 57, 0.3);
padding-bottom: 0.5rem;
padding-bottom: 0.4rem;
}
.recommendation-box-home .rec-list {
display: flex;
flex-direction: column;
gap: 0.8rem;
gap: 0.5rem;
}
.recommendation-box-home .rec-item {
display: flex;
align-items: center;
gap: 0.8rem;
gap: 0.6rem;
text-decoration: none;
color: #3f4551;
font-weight: 600;
font-size: 0.8rem;
font-size: 0.7rem;
background: #ffffff;
padding: 0.5rem;
border-radius: 10px;
padding: 0.4rem;
border-radius: 8px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
box-shadow: 0 3px 8px rgba(0,0,0,0.03);
}
@@ -6410,10 +6504,10 @@ footer {
}
.recommendation-box-home .rec-thumb {
width: 50px;
height: 50px;
width: 40px;
height: 40px;
object-fit: cover;
border-radius: 8px;
border-radius: 6px;
flex-shrink: 0;
}
+1 -1
View File
@@ -78,7 +78,7 @@
<a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</a>
<a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" >Vprašanja</a>
<a href="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a>
</div>
+1 -1
View File
@@ -50,7 +50,7 @@
<a href="/kdo-sem/" {{ACTIVE_KDO_SEM}}>Kdo sem</a>
<a href="/cene-in-reference/" {{ACTIVE_CENE}}>Cene in reference</a>
<a href="/pogosta-vprasanja/" {{ACTIVE_FAQ}}>Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" {{ACTIVE_FAQ}}>Vprašanja</a>
<a href="/blog/" {{ACTIVE_BLOG}}>Blog</a>
<a href="/kontakt/" {{ACTIVE_KONTAKT}}>Kontakt</a>
</div>
+18 -16
View File
@@ -80,7 +80,7 @@
<a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</a>
<a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" >Vprašanja</a>
<a href="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a>
</div>
@@ -96,11 +96,13 @@
<!-- ===== ZAČETEK NOVE VSEBINE ===== -->
<!-- 1. Sekcija: Glavni pozdrav (Hero) -->
<section class="hero-new" style="max-height: 800px; overflow: visible;">
<div class="hero-new-content" style="grid-template-columns: 1fr 0.7fr 280px; gap: 1rem; max-width: 1400px;">
<section class="hero-new" style="max-height: 950px; overflow: visible;">
<div class="hero-new-content" style="grid-template-columns: 1.2fr 0.8fr 200px; gap: 2rem; max-width: 1600px;">
<div class="hero-new-text" data-aos="fade-up">
<h1>Dobrodošli v našem medkulturnem kotičku…</h1>
<p class="hero-new-subtitle">Uči se angleščine, razvozlaj medkulturne vozle in uživaj v vsakem koraku!</p>
<h1>Dobrodošli v medkulturnem kotičku</h1>
<p class="hero-new-description">Učenje splošne in poslovne angleščine za vse starosti ter podpora medkulturni integraciji v vrtcih, šolah in institucijah</p>
<p class="hero-new-description-small">Dodatno: začetna slovenščina za prve korake in albanščina za osebni interes</p>
<p class="hero-new-slogan">Uči se angleščine, razvozlaj medkulturne vozle in uživaj v vsakem koraku!</p>
<div class="hero-info-box">
<h2>Zakaj PROSBERRY?</h2>
<p><strong>PROS</strong> simbolizira znanje, izkušnje in strokovnost, ki podpirajo rast in razvoj.</p>
@@ -109,7 +111,7 @@
<p>Moj cilj je ustvariti prostor, kjer se lahko učimo, povezujemo in sodelujemo naravno, enostavno in z veseljem.</p>
</div>
</div>
<div class="hero-new-image" data-aos="fade-left" style="margin-left: -160px; margin-right: 50px;">
<div class="hero-new-image" data-aos="fade-left" style="margin: 0;">
<img src="assets/images/amra.webp" alt="Amra Kurešepi Zulji" width="1544" height="1920" fetchpriority="high" srcset="/assets/images/amra-320w.webp 320w, /assets/images/amra-480w.webp 480w, /assets/images/amra-767w.webp 767w, /assets/images/amra-960w.webp 960w, /assets/images/amra.webp 1544w">
</div>
@@ -151,19 +153,19 @@
</div>
<div class="features-grid">
<div class="feature-card" data-aos="fade-up" data-aos-delay="100">
<h3>Uči se po svojem tempu</h3>
<h3>Poučevanje jezikov</h3>
<p>Z izurjeno profesorico, ki se je tudi sama kdaj lovila pri učenju in uporabi tujih jezikov, odkrij načine, kako se jezika naučiti prilagojeno svojim potrebam in ritmu.</p>
<a href="/ponudba/" class="cta-button">PONUDBE</a>
<a href="/ponudba/" class="cta-button">Odkrij ponudbe</a>
</div>
<div class="feature-card" data-aos="fade-up" data-aos-delay="200">
<h3>Razišči delavnice</h3>
<p>Za priseljene otroke in starše, ki krepijo vezi s šolo ali vrtcem, ter za zaposlene v vrtcih in šolah, ki krepijo vezi z otroki in starši.</p>
<a href="/delavnice/" class="cta-button">DELAVNICE</a>
<h3>Odkrij, kako povežemo</h3>
<p>Z medkulturnim posredovanjem, ki vsakodnevne izzive naredi lažje za vse — v slovenščini, albanščini, srbščini in angleščini.</p>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="cta-button">Izvedi več</a>
</div>
<div class="feature-card" data-aos="fade-up" data-aos-delay="300">
<h3>Prejmi podporo, ko jo najbolj potrebuješ</h3>
<p>Medkulturno posredovanje, ki vsakodnevne izzive naredi lažje za vse — v slovenščini, albanščini, srbščini in angleščini.</p>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="cta-button">MK POSREDOVANJE</a>
<h3>Razišči delavnice</h3>
<p>Za priseljene otroke in starše, ki krepijo vezi s šolo ali vrtcem, ter za zaposlene v vrtcih in šolah, ki krepijo vezi z otroki in starši.</p>
<a href="/delavnice/" class="cta-button">DELAVNICE ZA VKLJUČEVANJE</a>
</div>
</div>
</div>
@@ -190,11 +192,11 @@
<span>MEDKULTURNOST</span>
</a>
<a href="/blog/clanki/2025-11-18-dojemanje-casa-tocnosti-discipline.html" class="rec-item">
<img src="/assets/images/blog/2025-11-18-dojemanje-casa-tocnosti-discipline/header.png" alt="Čas, točnost in disciplina" class="rec-thumb">
<img src="/assets/images/ikona2.png" alt="Čas, točnost in disciplina" class="rec-thumb">
<span>ČAS, TOČNOST IN DISCIPLINA</span>
</a>
<a href="/blog/clanki/2025-12-21-od-ucilnice-do-skupnosti.html" class="rec-item">
<img src="/assets/images/blog/2025-12-21-od-ucilnice-do-skupnosti/header.png" alt="Od učilnice do skupnosti" class="rec-thumb">
<img src="/assets/images/ikona3.png" alt="Od učilnice do skupnosti" class="rec-thumb">
<span>OD UČILNICE DO SKUPNOSTI</span>
</a>
</div>
+2 -22
View File
@@ -78,7 +78,7 @@
<a href="/kdo-sem/" class="active">Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</a>
<a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" >Vprašanja</a>
<a href="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a>
</div>
@@ -100,33 +100,13 @@
<h1>Povezanost z jeziki, ljudmi in zgodbami</h1>
<p>Od nekdaj sem imela rada jezike, ljudi in zgodbe. Življenje v večjezičnem okolju me je naučilo naravno prehajati med jeziki in kulturami. Svojo poklicno pot sem začela z osnovnim študijem angleškega jezika in književnosti na Univerzi v Prištini. Nadaljevala sem na Filozofski fakulteti v Ljubljani, kjer sem opravila magistrski študij angleščine. Že med študijem sem začela poučevati – najprej prostovoljno, pozneje tudi poklicno. Poučevala sem otroke, mladostnike in odrasle, tako v skupinah kot individualno, kar mi je dalo prilagodljivost, potrpežljivost in občutek za različne potrebe učencev. Takrat sem začela zares verjeti, da lahko s tem delom pomagam ljudem in obenem rastem tudi sama. Kasneje sem se izobraževala za medkulturno mediatorko, da bi še bolje podpirala ljudi pri vključevanju v novo okolje.</p>
</div>
<div class="about-hero-image" data-aos="fade-left" data-aos-delay="150" style="flex-direction: column; align-items: center; gap: 3rem;">
<div class="about-hero-image" data-aos="fade-left" data-aos-delay="150">
<div class="image-frame">
<picture>
<source srcset="../assets/images/kdo-sem-fotografija.webp" type="image/webp">
<img src="../assets/images/kdo-sem-fotografija.jpg" alt="Amra Kurešepi Zulji" loading="lazy" decoding="async" width="1600" height="900">
</picture>
</div>
<!-- ZAČETEK NOVEGA OKVIRČKA -->
<div class="recommendation-box">
<h3>Priporočamo branje</h3>
<div class="rec-list">
<a href="/blog/clanki/2025-11-17-medkulturnost-prostor-za-rast.html" class="rec-item">
<div class="rec-icon">🌍</div>
<span>MEDKULTURNOST</span>
</a>
<a href="/blog/clanki/2025-11-18-dojemanje-casa-tocnosti-discipline.html" class="rec-item">
<div class="rec-icon">⏱️</div>
<span>ČAS, TOČNOST IN DISCIPLINA</span>
</a>
<a href="/blog/clanki/2025-12-21-od-ucilnice-do-skupnosti.html" class="rec-item">
<div class="rec-icon">🏫</div>
<span>OD UČILNICE DO SKUPNOSTI</span>
</a>
</div>
</div>
<!-- KONEC NOVEGA OKVIRČKA -->
</div>
</div>
<div class="about-hero-shape shape-a"></div>
+1 -1
View File
@@ -78,7 +78,7 @@
<a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</a>
<a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" >Vprašanja</a>
<a href="/blog/" >Blog</a>
<a href="/kontakt/" class="active">Kontakt</a>
</div>
+1 -1
View File
@@ -77,7 +77,7 @@
<a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</a>
<a href="/pogosta-vprasanja/" class="active">Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" class="active">Vprašanja</a>
<a href="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a>
</div>
+1 -1
View File
@@ -78,7 +78,7 @@
<a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</a>
<a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" >Vprašanja</a>
<a href="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a>
</div>
+1 -1
View File
@@ -82,7 +82,7 @@
<a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</a>
<a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" >Vprašanja</a>
<a href="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a>
</div>
@@ -78,7 +78,7 @@
<a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</a>
<a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" >Vprašanja</a>
<a href="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a>
</div>
@@ -78,7 +78,7 @@
<a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</a>
<a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" >Vprašanja</a>
<a href="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a>
</div>
@@ -78,7 +78,7 @@
<a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</a>
<a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" >Vprašanja</a>
<a href="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a>
</div>
@@ -77,7 +77,7 @@
<a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</a>
<a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" >Vprašanja</a>
<a href="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a>
</div>
@@ -78,7 +78,7 @@
<a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</a>
<a href="/pogosta-vprasanja/" >Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" >Vprašanja</a>
<a href="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a>
</div>
@@ -101,39 +101,40 @@
<h1>Medkulturno posredovanje</h1>
<p>Medkulturno posredovanje zajema razumevanje drugačnega značaja enake informacije pri ljudeh različnih narodnosti, ter njeno prilagajanje in razlago povedanega v kontekstu, da bo informacija strankam jasna.</p>
<p>Ponujam medkulturno posredovanje v kombinacijah naslednjih jezikov: slovenščina, albanščina, srbščina in angleščina.</p>
<h3 style="color: #fb6339; font-size: 1.25rem; margin-top: 1rem;">Sodelujem:</h3>
<ul style="padding-left: 1.2rem; margin-bottom: 1rem; line-height: 1.6;">
<p>Potek medkulturnega posredovanja se prilagodi potrebam posameznega primera.</p>
</div>
<!-- DESNI STOLPEC: Sodelujem -->
<div class="mediation-hero-card mediation-sodelujem-card" data-aos="fade-left" data-aos-delay="120">
<h3>Sodelujem:</h3>
<ul>
<li>z inštitucijami, ki potrebujejo 'medkulturni most' za razumevanje potreb svojih strank</li>
<li>s šolami, ki uvajajo učence priseljence – z učitelji in starši</li>
<li>s priseljenci, ki se znajdejo sredi izzivov zaradi nerazumevanja slovenskega jezika ter posledično načina delovanja v družbi</li>
<li>z organizacijami, ki delujejo na področju vključevanja v družbo in poučevanja slovenščine priseljencem</li>
</ul>
<p style="font-size: 1.1rem; margin-top: 1rem;">Potek medkulturnega posredovanja se prilagodi potrebam posameznega primera.</p>
</div>
</div>
<!-- DESNI STOLPEC: Kartice (zavite v div, da so ena pod drugo) -->
<div style="display: flex; flex-direction: column; gap: 2rem;">
<!-- Kartica 1: Povezave -->
<div class="mediation-hero-card" data-aos="fade-left" data-aos-delay="120" style="margin-top: 0;">
<h3>Poti medkulturnega posredovanja</h3>
<ul>
<li><a href="#individualno">Individualno posredovanje</a></li>
<li><a href="#skupinsko">Skupinsko posredovanje</a></li>
<li><a href="#potek">Potek sodelovanja</a></li>
<li><a href="#oblike">Oblike glede na namen</a></li>
</ul>
</div>
<!-- Kartica 2: Cenik -->
<div class="mediation-hero-card" data-aos="fade-left" data-aos-delay="200" style="margin-top: 0;">
<h3>Cene za medkulturno posredovanje</h3>
<div style="display: flex; flex-direction: column; gap: 0.5rem; font-size: 1.2rem; font-weight: 600; color: #3f4551;">
<div style="display: flex; align-items: center; gap: 1rem;">
<span style="color: #fb6339; font-size: 1.5rem;">30 €</span> <span>– 30 min</span>
</div>
<div style="display: flex; align-items: center; gap: 1rem;">
<span style="color: #fb6339; font-size: 1.5rem;">50 €</span> <span>– 60 min</span>
</div>
<!-- Spodnja vrstica: Poti in Cene -->
<div class="mediation-bottom-cards">
<div class="mediation-hero-card" data-aos="fade-up" data-aos-delay="150">
<h3>Poti medkulturnega posredovanja</h3>
<ul>
<li><a href="#individualno">Individualno posredovanje</a></li>
<li><a href="#skupinsko">Skupinsko posredovanje</a></li>
<li><a href="#potek">Potek sodelovanja</a></li>
<li><a href="#oblike">Oblike glede na namen</a></li>
</ul>
</div>
<div class="mediation-hero-card" data-aos="fade-up" data-aos-delay="200">
<h3>Cene za medkulturno posredovanje</h3>
<div style="display: flex; flex-direction: column; gap: 0.5rem; font-size: 1.2rem; font-weight: 600; color: #3f4551;">
<div style="display: flex; align-items: center; gap: 1rem;">
<span style="color: #fb6339; font-size: 1.5rem;">30 €</span> <span>– 30 min</span>
</div>
<div style="display: flex; align-items: center; gap: 1rem;">
<span style="color: #fb6339; font-size: 1.5rem;">50 €</span> <span>– 60 min</span>
</div>
</div>
</div>