mark
/
prosberry
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

This commit is contained in:
Mark 2026-01-08 00:27:07 +01:00
parent 50fdb72b82
commit 5c59b197f1
31 changed files with 682 additions and 290 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
.DS_Store vendored Normal file
View File

Binary file not shown.

BIN
assets/.DS_Store vendored Normal file
View File

Binary file not shown.

BIN
assets/images/.DS_Store vendored Normal file
View File

Binary file not shown.

BIN
assets/images/ikona1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
assets/images/ikona2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
assets/images/ikona3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

2
blog/clanki-source/2025-11-17-medkulturnost-prostor-za-rast.html
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>

2
blog/clanki-source/2025-11-17-sample-article.html
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>

2
blog/clanki-source/2025-11-18-dojemanje-casa-tocnosti-discipline.html
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>

2
blog/clanki/2025-11-15-prihaja-kmalu.html
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>

2
blog/clanki/2025-11-16-prihaja-kmalu.html
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>

2
blog/clanki/2025-11-17-medkulturnost-prostor-za-rast.html
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>

2
blog/clanki/2025-11-18-dojemanje-casa-tocnosti-discipline.html
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>

2
blog/index.html
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>

2
cene-in-reference/index.html
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>

2
cene-in-sodelovanja/index.html
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>

611
code_export.txt
View File

File diff suppressed because it is too large Load Diff

206
css/style.css
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;
}

2
delavnice/index.html
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>

2
header-template.html
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>

34
index.html
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>

24
kdo-sem/index.html
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>

2
kontakt/index.html
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>

2
pogosta-vprasanja/index.html
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>

2
politika-zasebnosti/index.html
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>

2
ponudba/index.html
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>

2
skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/index.html
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>

2
skupaj-za-vkljucevanje/delavnica-sola-in-starsi/index.html
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>

2
skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/index.html
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>

2
skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/index.html
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/" >Pogosta vprašanja</a>
<a href="/pogosta-vprasanja/" >Vprašanja</a>
<a href="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a>
</div>

57
skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html
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>
@ -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>
<!-- 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>
</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>