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="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</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="/blog/" class="active">Blog</a>
<a href="/kontakt/" >Kontakt</a> <a href="/kontakt/" >Kontakt</a>
</div> </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="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</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="/blog/" class="active">Blog</a>
<a href="/kontakt/" >Kontakt</a> <a href="/kontakt/" >Kontakt</a>
</div> </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="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</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="/blog/" class="active">Blog</a>
<a href="/kontakt/" >Kontakt</a> <a href="/kontakt/" >Kontakt</a>
</div> </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="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</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="/blog/" class="active">Blog</a>
<a href="/kontakt/" >Kontakt</a> <a href="/kontakt/" >Kontakt</a>
</div> </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="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</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="/blog/" class="active">Blog</a>
<a href="/kontakt/" >Kontakt</a> <a href="/kontakt/" >Kontakt</a>
</div> </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="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</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="/blog/" class="active">Blog</a>
<a href="/kontakt/" >Kontakt</a> <a href="/kontakt/" >Kontakt</a>
</div> </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="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</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="/blog/" class="active">Blog</a>
<a href="/kontakt/" >Kontakt</a> <a href="/kontakt/" >Kontakt</a>
</div> </div>

2
blog/index.html
View File

@ -74,7 +74,7 @@
<a href="/kdo-sem/" >Kdo sem</a> <a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</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="/blog/" class="active">Blog</a>
<a href="/kontakt/" >Kontakt</a> <a href="/kontakt/" >Kontakt</a>
</div> </div>

2
cene-in-reference/index.html
View File

@ -82,7 +82,7 @@
<a href="/kdo-sem/" >Kdo sem</a> <a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" class="active">Cene in reference</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="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a> <a href="/kontakt/" >Kontakt</a>
</div> </div>

2
cene-in-sodelovanja/index.html
View File

@ -78,7 +78,7 @@
<a href="/kdo-sem/" >Kdo sem</a> <a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" class="active">Cene in reference</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="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a> <a href="/kontakt/" >Kontakt</a>
</div> </div>

609
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%; max-width: 100%;
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
padding: 0 1.5rem; padding: 0 1rem;
height: 100%; height: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: flex-start;
align-items: center align-items: center
} }
@ -83,9 +83,9 @@ body.no-scroll {
.nav-links { .nav-links {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-start;
gap: 1.2rem; gap: 1.5rem;
margin-left: 3rem margin: 0 auto;
} }
.nav-links a { .nav-links a {
@ -3847,6 +3847,12 @@ footer {
gap: 1.15rem gap: 1.15rem
} }
.mediation-hero-text p {
color: #464d5b;
line-height: 1.85;
text-align: justify;
}
.mediation-hero-kicker { .mediation-hero-kicker {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
@ -3927,6 +3933,53 @@ footer {
transform: translateX(4px) 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 { .mediation-hero-shape {
position: absolute; position: absolute;
border-radius: 50%; border-radius: 50%;
@ -5211,7 +5264,8 @@ footer {
gap: 2rem; gap: 2rem;
align-items: flex-start; align-items: flex-start;
min-height: auto; min-height: auto;
z-index: 2 z-index: 2;
padding: 0 55px;
} }
.hero-new-text { .hero-new-text {
@ -5225,7 +5279,7 @@ footer {
} }
.hero-new-text h1 { .hero-new-text h1 {
font-size: 2.8rem; font-size: 2.2rem;
font-weight: 700; font-weight: 700;
line-height: 1.3; line-height: 1.3;
margin-bottom: 0 margin-bottom: 0
@ -5236,6 +5290,26 @@ footer {
color: #555 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 { .hero-info-box {
margin-top: 1.5rem; margin-top: 1.5rem;
padding: 1.5rem; padding: 1.5rem;
@ -5268,16 +5342,17 @@ footer {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: flex-end; align-items: flex-end;
align-self: stretch align-self: stretch;
} }
.hero-new-image img { .hero-new-image img {
max-width: 100%; max-width: 120%;
width: auto; width: auto;
height: 100%; height: 100%;
max-height: none; max-height: none;
object-fit: contain; object-fit: contain;
object-position: bottom object-position: bottom;
transform: translateX(-10%);
} }
.features-section { .features-section {
@ -5293,7 +5368,7 @@ footer {
.features-intro h2 { .features-intro h2 {
max-width: 800px; max-width: 800px;
margin: 0 auto 3rem auto; margin: 0 auto 3rem auto;
font-size: 1.8rem font-size: 1.5rem
} }
.features-grid { .features-grid {
@ -5335,17 +5410,19 @@ footer {
} }
.about-amra-wrapper { .about-amra-wrapper {
max-width: 1300px; max-width: 1100px;
margin: 0 auto; margin: 0 auto;
display: grid; display: grid;
grid-template-columns: 1fr 1.2fr 280px; grid-template-columns: 1fr 1.5fr;
grid-template-rows: auto auto;
gap: 2rem; gap: 2rem;
align-items: center align-items: start;
} }
.about-amra-image { .about-amra-image {
display: flex; display: flex;
justify-content: center justify-content: center;
grid-row: 1 / 3;
} }
.about-amra-image img { .about-amra-image img {
@ -6298,22 +6375,26 @@ footer {
/* --- Workshops Sidebar Inline (Aktualne delavnice - del sekcije) --- */ /* --- Workshops Sidebar Inline (Aktualne delavnice - del sekcije) --- */
.workshops-sidebar-inline { .workshops-sidebar-inline {
background: #ffffff; background: #ffffff;
border: 2px solid #3b5998; border: 1px solid rgba(251, 99, 57, 0.15);
border-radius: 18px; border-radius: 20px;
padding: 1rem; padding: 0.8rem;
padding-top: 1rem;
width: 100%; 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; align-self: start;
margin-top: 60px; margin: 0;
margin-top: 80px;
border-left: 4px solid var(--primary-color);
} }
.workshops-sidebar-inline h3 { .workshops-sidebar-inline h3 {
text-align: center; text-align: left;
font-size: 1rem; font-size: 0.9rem;
color: #1f2530; color: #1f2530;
margin-bottom: 0.8rem; margin-bottom: 0.6rem;
padding-bottom: 0.6rem; padding-bottom: 0;
border-bottom: 2px solid #3b5998; border-bottom: none;
font-weight: 700;
} }
.workshops-sidebar-list { .workshops-sidebar-list {
@ -6325,34 +6406,45 @@ footer {
.workshop-sidebar-item { .workshop-sidebar-item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: flex-start;
text-decoration: none; text-decoration: none;
color: #1f2530; color: #3f4551;
background: #fdfcfa; background: #ffffff;
border-radius: 10px; border-radius: 8px;
padding: 0.5rem; padding: 0;
transition: transform 0.2s ease, box-shadow 0.2s ease; transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
border: 1px solid rgba(59, 89, 152, 0.1); border: 1px solid rgba(0, 0, 0, 0.05);
overflow: hidden;
margin-bottom: 0.3rem;
} }
.workshop-sidebar-item:hover { .workshop-sidebar-item:hover {
transform: translateY(-2px); transform: translateY(-3px);
box-shadow: 0 5px 12px rgba(59, 89, 152, 0.15); 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 { .workshop-sidebar-item img {
width: 100%; width: 80%;
height: 95px; margin: 0 auto;
aspect-ratio: 3 / 2;
object-fit: cover; object-fit: cover;
border-radius: 8px; object-position: top;
margin-bottom: 0.4rem; border-radius: 6px;
margin-bottom: 0;
margin-top: 0.4rem;
display: block;
} }
.workshop-sidebar-item span { .workshop-sidebar-item span {
font-size: 0.75rem; font-size: 0.7rem;
font-weight: 600; font-weight: 600;
text-align: center; text-align: left;
line-height: 1.2; line-height: 1.3;
padding: 0.4rem 0.6rem;
display: block;
width: 100%;
} }
/* Responsive: prikaži pod vsebino na manjših zaslonih */ /* Responsive: prikaži pod vsebino na manjših zaslonih */
@ -6366,39 +6458,41 @@ footer {
.recommendation-box-home { .recommendation-box-home {
background-color: #fffbf8; background-color: #fffbf8;
border: 1px solid rgba(251, 99, 57, 0.15); border: 1px solid rgba(251, 99, 57, 0.15);
border-radius: 20px; border-radius: 16px;
padding: 1.5rem; padding: 1rem;
width: 280px; width: 100%;
max-width: 280px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
flex-shrink: 0; justify-self: end;
margin-top: -150px;
} }
.recommendation-box-home h3 { .recommendation-box-home h3 {
text-align: center; text-align: center;
font-size: 1rem; font-size: 0.9rem;
color: #1f2530; color: #1f2530;
margin-bottom: 1rem; margin-bottom: 0.8rem;
border-bottom: 2px dotted rgba(251, 99, 57, 0.3); border-bottom: 2px dotted rgba(251, 99, 57, 0.3);
padding-bottom: 0.5rem; padding-bottom: 0.4rem;
} }
.recommendation-box-home .rec-list { .recommendation-box-home .rec-list {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0.8rem; gap: 0.5rem;
} }
.recommendation-box-home .rec-item { .recommendation-box-home .rec-item {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.8rem; gap: 0.6rem;
text-decoration: none; text-decoration: none;
color: #3f4551; color: #3f4551;
font-weight: 600; font-weight: 600;
font-size: 0.8rem; font-size: 0.7rem;
background: #ffffff; background: #ffffff;
padding: 0.5rem; padding: 0.4rem;
border-radius: 10px; border-radius: 8px;
transition: transform 0.2s ease, box-shadow 0.2s ease; transition: transform 0.2s ease, box-shadow 0.2s ease;
box-shadow: 0 3px 8px rgba(0,0,0,0.03); box-shadow: 0 3px 8px rgba(0,0,0,0.03);
} }
@ -6410,10 +6504,10 @@ footer {
} }
.recommendation-box-home .rec-thumb { .recommendation-box-home .rec-thumb {
width: 50px; width: 40px;
height: 50px; height: 40px;
object-fit: cover; object-fit: cover;
border-radius: 8px; border-radius: 6px;
flex-shrink: 0; flex-shrink: 0;
} }

2
delavnice/index.html
View File

@ -78,7 +78,7 @@
<a href="/kdo-sem/" >Kdo sem</a> <a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</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="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a> <a href="/kontakt/" >Kontakt</a>
</div> </div>

2
header-template.html
View File

@ -50,7 +50,7 @@
<a href="/kdo-sem/" {{ACTIVE_KDO_SEM}}>Kdo sem</a> <a href="/kdo-sem/" {{ACTIVE_KDO_SEM}}>Kdo sem</a>
<a href="/cene-in-reference/" {{ACTIVE_CENE}}>Cene in reference</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="/blog/" {{ACTIVE_BLOG}}>Blog</a>
<a href="/kontakt/" {{ACTIVE_KONTAKT}}>Kontakt</a> <a href="/kontakt/" {{ACTIVE_KONTAKT}}>Kontakt</a>
</div> </div>

34
index.html
View File

@ -80,7 +80,7 @@
<a href="/kdo-sem/" >Kdo sem</a> <a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</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="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a> <a href="/kontakt/" >Kontakt</a>
</div> </div>
@ -96,11 +96,13 @@
<!-- ===== ZAČETEK NOVE VSEBINE ===== --> <!-- ===== ZAČETEK NOVE VSEBINE ===== -->
<!-- 1. Sekcija: Glavni pozdrav (Hero) --> <!-- 1. Sekcija: Glavni pozdrav (Hero) -->
<section class="hero-new" style="max-height: 800px; overflow: visible;"> <section class="hero-new" style="max-height: 950px; overflow: visible;">
<div class="hero-new-content" style="grid-template-columns: 1fr 0.7fr 280px; gap: 1rem; max-width: 1400px;"> <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"> <div class="hero-new-text" data-aos="fade-up">
<h1>Dobrodošli v našem medkulturnem kotičku…</h1> <h1>Dobrodošli v medkulturnem kotičku</h1>
<p class="hero-new-subtitle">Uči se angleščine, razvozlaj medkulturne vozle in uživaj v vsakem koraku!</p> <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"> <div class="hero-info-box">
<h2>Zakaj PROSBERRY?</h2> <h2>Zakaj PROSBERRY?</h2>
<p><strong>PROS</strong> simbolizira znanje, izkušnje in strokovnost, ki podpirajo rast in razvoj.</p> <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> <p>Moj cilj je ustvariti prostor, kjer se lahko učimo, povezujemo in sodelujemo naravno, enostavno in z veseljem.</p>
</div> </div>
</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"> <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> </div>
@ -151,19 +153,19 @@
</div> </div>
<div class="features-grid"> <div class="features-grid">
<div class="feature-card" data-aos="fade-up" data-aos-delay="100"> <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> <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>
<div class="feature-card" data-aos="fade-up" data-aos-delay="200"> <div class="feature-card" data-aos="fade-up" data-aos-delay="200">
<h3>Razišči delavnice</h3> <h3>Odkrij, kako povežemo</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> <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="/delavnice/" class="cta-button">DELAVNICE</a> <a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="cta-button">Izvedi več</a>
</div> </div>
<div class="feature-card" data-aos="fade-up" data-aos-delay="300"> <div class="feature-card" data-aos="fade-up" data-aos-delay="300">
<h3>Prejmi podporo, ko jo najbolj potrebuješ</h3> <h3>Razišči delavnice</h3>
<p>Medkulturno posredovanje, ki vsakodnevne izzive naredi lažje za vse — v slovenščini, albanščini, srbščini in angleščini.</p> <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="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="cta-button">MK POSREDOVANJE</a> <a href="/delavnice/" class="cta-button">DELAVNICE ZA VKLJUČEVANJE</a>
</div> </div>
</div> </div>
</div> </div>
@ -190,11 +192,11 @@
<span>MEDKULTURNOST</span> <span>MEDKULTURNOST</span>
</a> </a>
<a href="/blog/clanki/2025-11-18-dojemanje-casa-tocnosti-discipline.html" class="rec-item"> <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> <span>ČAS, TOČNOST IN DISCIPLINA</span>
</a> </a>
<a href="/blog/clanki/2025-12-21-od-ucilnice-do-skupnosti.html" class="rec-item"> <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> <span>OD UČILNICE DO SKUPNOSTI</span>
</a> </a>
</div> </div>

24
kdo-sem/index.html
View File

@ -78,7 +78,7 @@
<a href="/kdo-sem/" class="active">Kdo sem</a> <a href="/kdo-sem/" class="active">Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</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="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a> <a href="/kontakt/" >Kontakt</a>
</div> </div>
@ -100,33 +100,13 @@
<h1>Povezanost z jeziki, ljudmi in zgodbami</h1> <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> <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>
<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"> <div class="image-frame">
<picture> <picture>
<source srcset="../assets/images/kdo-sem-fotografija.webp" type="image/webp"> <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"> <img src="../assets/images/kdo-sem-fotografija.jpg" alt="Amra Kurešepi Zulji" loading="lazy" decoding="async" width="1600" height="900">
</picture> </picture>
</div> </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> </div>
<div class="about-hero-shape shape-a"></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="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</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="/blog/" >Blog</a>
<a href="/kontakt/" class="active">Kontakt</a> <a href="/kontakt/" class="active">Kontakt</a>
</div> </div>

2
pogosta-vprasanja/index.html
View File

@ -77,7 +77,7 @@
<a href="/kdo-sem/" >Kdo sem</a> <a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</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="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a> <a href="/kontakt/" >Kontakt</a>
</div> </div>

2
politika-zasebnosti/index.html
View File

@ -78,7 +78,7 @@
<a href="/kdo-sem/" >Kdo sem</a> <a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</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="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a> <a href="/kontakt/" >Kontakt</a>
</div> </div>

2
ponudba/index.html
View File

@ -82,7 +82,7 @@
<a href="/kdo-sem/" >Kdo sem</a> <a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</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="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a> <a href="/kontakt/" >Kontakt</a>
</div> </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="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</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="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a> <a href="/kontakt/" >Kontakt</a>
</div> </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="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</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="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a> <a href="/kontakt/" >Kontakt</a>
</div> </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="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</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="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a> <a href="/kontakt/" >Kontakt</a>
</div> </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="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</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="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a> <a href="/kontakt/" >Kontakt</a>
</div> </div>

55
skupaj-za-vkljucevanje/medkulturno-posredovanje/index.html
View File

@ -78,7 +78,7 @@
<a href="/kdo-sem/" >Kdo sem</a> <a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</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="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a> <a href="/kontakt/" >Kontakt</a>
</div> </div>
@ -101,39 +101,40 @@
<h1>Medkulturno posredovanje</h1> <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>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> <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> <p>Potek medkulturnega posredovanja se prilagodi potrebam posameznega primera.</p>
<ul style="padding-left: 1.2rem; margin-bottom: 1rem; line-height: 1.6;"> </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>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 š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>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> <li>z organizacijami, ki delujejo na področju vključevanja v družbo in poučevanja slovenščine priseljencem</li>
</ul> </ul>
<p style="font-size: 1.1rem; margin-top: 1rem;">Potek medkulturnega posredovanja se prilagodi potrebam posameznega primera.</p>
</div> </div>
</div>
<!-- DESNI STOLPEC: Kartice (zavite v div, da so ena pod drugo) --> <!-- Spodnja vrstica: Poti in Cene -->
<div style="display: flex; flex-direction: column; gap: 2rem;"> <div class="mediation-bottom-cards">
<!-- Kartica 1: Povezave --> <div class="mediation-hero-card" data-aos="fade-up" data-aos-delay="150">
<div class="mediation-hero-card" data-aos="fade-left" data-aos-delay="120" style="margin-top: 0;"> <h3>Poti medkulturnega posredovanja</h3>
<h3>Poti medkulturnega posredovanja</h3> <ul>
<ul> <li><a href="#individualno">Individualno posredovanje</a></li>
<li><a href="#individualno">Individualno posredovanje</a></li> <li><a href="#skupinsko">Skupinsko posredovanje</a></li>
<li><a href="#skupinsko">Skupinsko posredovanje</a></li> <li><a href="#potek">Potek sodelovanja</a></li>
<li><a href="#potek">Potek sodelovanja</a></li> <li><a href="#oblike">Oblike glede na namen</a></li>
<li><a href="#oblike">Oblike glede na namen</a></li> </ul>
</ul> </div>
</div> <div class="mediation-hero-card" data-aos="fade-up" data-aos-delay="200">
<h3>Cene za medkulturno posredovanje</h3>
<!-- Kartica 2: Cenik --> <div style="display: flex; flex-direction: column; gap: 0.5rem; font-size: 1.2rem; font-weight: 600; color: #3f4551;">
<div class="mediation-hero-card" data-aos="fade-left" data-aos-delay="200" style="margin-top: 0;"> <div style="display: flex; align-items: center; gap: 1rem;">
<h3>Cene za medkulturno posredovanje</h3> <span style="color: #fb6339; font-size: 1.5rem;">30 €</span> <span>– 30 min</span>
<div style="display: flex; flex-direction: column; gap: 0.5rem; font-size: 1.2rem; font-weight: 600; color: #3f4551;"> </div>
<div style="display: flex; align-items: center; gap: 1rem;"> <div style="display: flex; align-items: center; gap: 1rem;">
<span style="color: #fb6339; font-size: 1.5rem;">30 €</span> <span>– 30 min</span> <span style="color: #fb6339; font-size: 1.5rem;">50 €</span> <span>– 60 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>
</div> </div>
</div> </div>