Posodobitve vsebine in oblikovanja: meni, hero sekcija, medkulturno posredovanje
Deploy to Development and Production / deploy (push) Successful in 9s Details

- Spremenjen meni: 'Naslovnica' -> 'Začetna', 'Poučevanje jezikov' -> 'Učenje jezikov'
- Posodobljen hero naslov: 'Dobrodošli v prostoru za razvoj in sodelovanje'
- Dodan slogan pod naslovom z manjšo pisavo in kurzivo
- Zmanjšana debelina bold pisave (700 -> 600) za boljšo berljivost
- Premaknjen okvirček 'Priporočamo branje' pod sliko Amre v hero sekciji
- Poravnani spodnji robovi vseh treh hero elementov
- Optimiziran meni za manjše zaslone z viewport units za sorazmerno manjšanje
- Centriran meni z enakomernimi razmiki med logotipom in povezavami
- Posodobljeno besedilo: 'spoznaj medkulturne zgodbe' namesto 'razvozlaj medkulturne vozle'
- Povečani razmiki v sekciji medkulturno posredovanje za več 'zraka'
- Centrirana kartica s cenami z večjo pisavo
- Posodobljen seznam sodelovanja
- Spremenjena poravnava besedila iz justify v left za boljšo berljivost
This commit is contained in:
Mark 2026-01-10 18:28:06 +01:00
parent 5c59b197f1
commit 348fe452c9
25 changed files with 422 additions and 212 deletions

View File

@ -42,10 +42,10 @@
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -42,10 +42,10 @@
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -42,10 +42,10 @@
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -42,10 +42,10 @@
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -42,10 +42,10 @@
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -42,10 +42,10 @@
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -42,10 +42,10 @@
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -36,10 +36,10 @@
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -44,10 +44,10 @@
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -40,10 +40,10 @@
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -339,10 +339,10 @@ Mapa za JavaScript kodo, ki skrbi za interaktivnost.
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -700,10 +700,10 @@ Mapa za JavaScript kodo, ki skrbi za interaktivnost.
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -901,10 +901,10 @@ Mapa za JavaScript kodo, ki skrbi za interaktivnost.
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -1103,10 +1103,10 @@ Mapa za JavaScript kodo, ki skrbi za interaktivnost.
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -1334,10 +1334,10 @@ Mapa za JavaScript kodo, ki skrbi za interaktivnost.
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -1565,10 +1565,10 @@ Mapa za JavaScript kodo, ki skrbi za interaktivnost.
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -1904,10 +1904,10 @@ Mapa za JavaScript kodo, ki skrbi za interaktivnost.
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -2433,10 +2433,10 @@ Mapa za JavaScript kodo, ki skrbi za interaktivnost.
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -2800,10 +2800,10 @@ Mapa za JavaScript kodo, ki skrbi za interaktivnost.
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -3097,10 +3097,10 @@ Mapa za JavaScript kodo, ki skrbi za interaktivnost.
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -3339,6 +3339,7 @@ body.no-scroll {
align-items: center align-items: center
} }
/* --- Glavni kontejner menija --- */
.nav-container { .nav-container {
max-width: 100%; max-width: 100%;
width: 100%; width: 100%;
@ -3346,8 +3347,9 @@ body.no-scroll {
padding: 0 1rem; padding: 0 1rem;
height: 100%; height: 100%;
display: flex; display: flex;
justify-content: flex-start; justify-content: center;
align-items: center align-items: center;
gap: 2.5rem;
} }
.logo { .logo {
@ -3367,19 +3369,20 @@ body.no-scroll {
} }
.logo img { .logo img {
height: calc(50px + 2rem - 10px); height: 44px;
width: auto; width: auto;
margin: 0; margin: 0;
display: block display: block
} }
/* --- Kontejner za povezave --- */
.nav-links { .nav-links {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
gap: 1.5rem; gap: 2.5rem;
margin-left: 2rem; margin: 0;
padding-right: 0.5rem; width: auto;
} }
.nav-links a { .nav-links a {
@ -3607,6 +3610,64 @@ footer {
color: var(--primary-color) color: var(--primary-color)
} }
/* --- Sorazmerno manjšanje in centriranje za prenosnike --- */
@media (min-width: 769px) and (max-width: 1450px) {
/* Višina glave se prilagaja širini */
.main-header {
height: auto;
min-height: auto;
padding-top: 1.5vw;
padding-bottom: 1.5vw;
}
.nav-container {
padding: 0 2vw;
/* Razmik med Logotipom in menijem (v procentih širine) */
gap: 2vw;
justify-content: center;
}
/* Logotip se manjša skupaj z menijem */
.logo img {
height: 3.5vw;
max-height: 50px;
min-height: 25px;
}
.nav-links {
/* Razmik med besedami menija - ENAK kot gap zgoraj */
gap: 2vw;
margin-left: 0;
width: auto;
}
/* Pisava se manjša sorazmerno */
.nav-links a,
.nav-links .dropdown .dropbtn {
font-size: 1.1vw;
padding: 0;
}
/* Prilagajanje pisave v padajočem meniju in vseh nivojih podmenijev */
.dropdown-content a,
.dropdown-content .dropdown-submenu > a,
.dropdown-content .dropdown-submenu-content a {
font-size: 1vw;
padding: 0.8em 1.2em;
line-height: 1.4;
}
/* Prilagoditev širine padajočega menija, da ne bo preširok na malih zaslonih */
.dropdown-content {
min-width: 18vw;
}
/* Prilagoditev puščice za podmeni */
.dropdown-submenu > a:after {
font-size: 0.8em;
}
}
@media (max-width:992px) { @media (max-width:992px) {
.hero-grid { .hero-grid {
grid-template-columns: 1fr; grid-template-columns: 1fr;
@ -3916,7 +3977,8 @@ footer {
font-size: 3rem; font-size: 3rem;
line-height: 1.25; line-height: 1.25;
color: #1f2530; color: #1f2530;
margin: 0 margin: 0;
font-weight: 600
} }
.about-hero-text p { .about-hero-text p {
@ -4289,7 +4351,8 @@ footer {
font-size: 3rem; font-size: 3rem;
line-height: 1.24; line-height: 1.24;
color: #1f2530; color: #1f2530;
margin: 0 margin: 0;
font-weight: 600
} }
.offer-hero-lead { .offer-hero-lead {
@ -4434,7 +4497,8 @@ footer {
.offer-section-header h2 { .offer-section-header h2 {
font-size: 2.2rem; font-size: 2.2rem;
margin: 0 0 2rem; margin: 0 0 2rem;
color: #1f2530 color: #1f2530;
font-weight: 600
} }
.offer-languages-grid { .offer-languages-grid {
@ -4728,7 +4792,8 @@ footer {
font-size: 3.1rem; font-size: 3.1rem;
line-height: 1.22; line-height: 1.22;
color: #1f2530; color: #1f2530;
margin: 0 margin: 0;
font-weight: 600
} }
.rates-hero-lead { .rates-hero-lead {
@ -4852,7 +4917,8 @@ footer {
.rates-section-header h2 { .rates-section-header h2 {
font-size: 2.2rem; font-size: 2.2rem;
margin: 0 0 2.2rem; margin: 0 0 2.2rem;
color: var(--primary-color) color: var(--primary-color);
font-weight: 600
} }
.rates-card-grid { .rates-card-grid {
@ -7031,7 +7097,8 @@ footer {
.nav-links .dropdown { .nav-links .dropdown {
position: relative; position: relative;
display: inline-block; display: flex;
align-items: center;
margin-left: 0 margin-left: 0
} }
@ -7042,7 +7109,6 @@ footer {
background: none; background: none;
border: none; border: none;
font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif;
font-size: 1rem;
padding: 0.5rem 0 padding: 0.5rem 0
} }
@ -8556,7 +8622,7 @@ footer {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
gap: 2rem; gap: 2rem;
align-items: flex-start; align-items: stretch;
min-height: auto; min-height: auto;
z-index: 2; z-index: 2;
padding: 0 55px; padding: 0 55px;
@ -8569,16 +8635,25 @@ footer {
gap: 1.5rem; gap: 1.5rem;
height: auto; height: auto;
padding-top: 48px; padding-top: 48px;
padding-bottom: 48px padding-bottom: 0
} }
.hero-new-text h1 { .hero-new-text h1 {
font-size: 2.2rem; font-size: 2.2rem;
font-weight: 700; font-weight: 600;
line-height: 1.3; line-height: 1.3;
margin-bottom: 0 margin-bottom: 0
} }
.hero-slogan {
font-size: 1.1rem;
font-weight: 400;
font-style: italic;
color: #555;
margin-top: 0.5rem;
line-height: 1.5;
}
.hero-new-subtitle { .hero-new-subtitle {
font-size: 1.2rem; font-size: 1.2rem;
color: #555 color: #555
@ -8605,7 +8680,7 @@ footer {
} }
.hero-info-box { .hero-info-box {
margin-top: 1.5rem; margin-top: auto;
padding: 1.5rem; padding: 1.5rem;
background: #ffffff; background: #ffffff;
border-left: 4px solid var(--primary-color); border-left: 4px solid var(--primary-color);
@ -8617,6 +8692,7 @@ footer {
.hero-info-box h3 { .hero-info-box h3 {
font-size: 1.4rem; font-size: 1.4rem;
font-weight: 600;
margin-bottom: 1rem margin-bottom: 1rem
} }
@ -8634,19 +8710,22 @@ footer {
.hero-new-image { .hero-new-image {
display: flex; display: flex;
justify-content: center; flex-direction: column;
align-items: flex-end; justify-content: flex-start;
align-items: center;
align-self: stretch; align-self: stretch;
gap: 0;
} }
.hero-new-image img { .hero-new-image img {
max-width: 120%; max-width: 100%;
width: auto; width: auto;
height: 100%; height: auto;
max-height: none; max-height: 55vh;
object-fit: contain; object-fit: contain;
object-position: bottom; object-position: bottom;
transform: translateX(-10%); transform: none;
margin-bottom: auto;
} }
.features-section { .features-section {
@ -8662,7 +8741,8 @@ 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.5rem font-size: 1.5rem;
font-weight: 600
} }
.features-grid { .features-grid {
@ -9675,9 +9755,9 @@ footer {
padding-top: 1rem; padding-top: 1rem;
width: 100%; width: 100%;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
align-self: start; align-self: end;
margin: 0; margin: 0;
margin-top: 80px; margin-top: 0;
border-left: 4px solid var(--primary-color); border-left: 4px solid var(--primary-color);
} }
@ -9755,10 +9835,11 @@ footer {
border-radius: 16px; border-radius: 16px;
padding: 1rem; padding: 1rem;
width: 100%; width: 100%;
max-width: 280px; max-width: 320px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
justify-self: end; margin-top: 0;
margin-top: -150px; justify-self: center;
margin-bottom: 0;
} }
.recommendation-box-home h3 { .recommendation-box-home h3 {
@ -10075,10 +10156,10 @@ html, body {
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -10480,10 +10561,10 @@ if __name__ == "__main__":
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" {{ACTIVE_NASLOVNICA}}>Naslovnica</a> <a href="/" {{ACTIVE_NASLOVNICA}}>Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" {{ACTIVE_PONUDBA}}>Poučevanje jezikov</a> <a href="/ponudba/" {{ACTIVE_PONUDBA}}>Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -10578,10 +10659,10 @@ if __name__ == "__main__":
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" class="active">Naslovnica</a> <a href="/" class="active">Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -10635,9 +10716,10 @@ if __name__ == "__main__":
<section class="hero-new" style="max-height: 950px; overflow: visible;"> <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-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 medkulturnem kotičku</h1> <h1>Dobrodošli v prostoru za razvoj in sodelovanje</h1>
<p class="hero-slogan">PROSBERRY mesto, kjer učenje, povezovanje in podpora postanejo enostavni!</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">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-description-small">Na voljo tudi: <a href="/ponudba/">slovenščina za začetnike in albanščina za osebni interes</a></p>
<p class="hero-new-slogan">Uči se angleščine, razvozlaj medkulturne vozle in uživaj v vsakem koraku!</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>
@ -10649,6 +10731,25 @@ if __name__ == "__main__":
</div> </div>
<div class="hero-new-image" data-aos="fade-left" style="margin: 0;"> <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">
<!-- Okvirček: Priporočamo branje -->
<div class="recommendation-box-home">
<h3>Priporočamo branje</h3>
<div class="rec-list">
<a href="/blog/clanki/2025-11-17-medkulturnost-prostor-za-rast.html" class="rec-item">
<img src="/assets/images/blog/2025-11-17-medkulturnost-prostor-za-rast/header.png" alt="Medkulturnost" class="rec-thumb">
<span>MEDKULTURNOST</span>
</a>
<a href="/blog/clanki/2025-11-18-dojemanje-casa-tocnosti-discipline.html" class="rec-item">
<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/ikona3.png" alt="Od učilnice do skupnosti" class="rec-thumb">
<span>OD UČILNICE DO SKUPNOSTI</span>
</a>
</div>
</div>
</div> </div>
<!-- Panel: Aktualne delavnice (tretji stolpec) --> <!-- Panel: Aktualne delavnice (tretji stolpec) -->
@ -10685,7 +10786,7 @@ if __name__ == "__main__":
<section class="features-section"> <section class="features-section">
<div class="features-container"> <div class="features-container">
<div class="features-intro" data-aos="fade-up"> <div class="features-intro" data-aos="fade-up">
<h2>PROSBERRY mesto, kjer učenje, povezovanje in podpora postanejo enostavni!</h2> <h2>Kaj lahko izberete</h2>
</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">
@ -10718,25 +10819,6 @@ if __name__ == "__main__":
<p>Kot profesorica angleščine in medkulturna posrednica vam pomagam usvajati angleščino (in druge jezike), odpirati vrata razumevanju ter ustvarjati priložnosti, da se v vsakem okolju počutite domače in samozavestno. Skupaj bomo rasli, se smejali in sijali v svetu novih možnosti!</p> <p>Kot profesorica angleščine in medkulturna posrednica vam pomagam usvajati angleščino (in druge jezike), odpirati vrata razumevanju ter ustvarjati priložnosti, da se v vsakem okolju počutite domače in samozavestno. Skupaj bomo rasli, se smejali in sijali v svetu novih možnosti!</p>
<a href="/kdo-sem/" class="cta-button-alt">MOJA ZGODBA</a> <a href="/kdo-sem/" class="cta-button-alt">MOJA ZGODBA</a>
</div> </div>
<!-- Okvirček: Priporočamo branje -->
<div class="recommendation-box-home">
<h3>Priporočamo branje</h3>
<div class="rec-list">
<a href="/blog/clanki/2025-11-17-medkulturnost-prostor-za-rast.html" class="rec-item">
<img src="/assets/images/blog/2025-11-17-medkulturnost-prostor-za-rast/header.png" alt="Medkulturnost" class="rec-thumb">
<span>MEDKULTURNOST</span>
</a>
<a href="/blog/clanki/2025-11-18-dojemanje-casa-tocnosti-discipline.html" class="rec-item">
<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/ikona3.png" alt="Od učilnice do skupnosti" class="rec-thumb">
<span>OD UČILNICE DO SKUPNOSTI</span>
</a>
</div>
</div>
</div> </div>
</section> </section>
@ -10925,10 +11007,10 @@ document.addEventListener('DOMContentLoaded', function () { const mobileMenuBtn
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -11172,10 +11254,10 @@ document.addEventListener('DOMContentLoaded', function () { const mobileMenuBtn
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -11743,10 +11825,10 @@ if __name__ == "__main__":
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -12078,10 +12160,10 @@ if __name__ == "__main__":
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -12321,10 +12403,10 @@ if __name__ == "__main__":
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" class="active">Poučevanje jezikov</a> <a href="/ponudba/" class="active">Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -12985,10 +13067,10 @@ Sitemap: https://www.prosberry.si/sitemap.xml"""
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -13233,10 +13315,10 @@ Sitemap: https://www.prosberry.si/sitemap.xml"""
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -13493,10 +13575,10 @@ Sitemap: https://www.prosberry.si/sitemap.xml"""
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -13752,10 +13834,10 @@ Sitemap: https://www.prosberry.si/sitemap.xml"""
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -14011,10 +14093,10 @@ Sitemap: https://www.prosberry.si/sitemap.xml"""
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -46,6 +46,7 @@ body.no-scroll {
align-items: center align-items: center
} }
/* --- Glavni kontejner menija --- */
.nav-container { .nav-container {
max-width: 100%; max-width: 100%;
width: 100%; width: 100%;
@ -53,8 +54,9 @@ body.no-scroll {
padding: 0 1rem; padding: 0 1rem;
height: 100%; height: 100%;
display: flex; display: flex;
justify-content: flex-start; justify-content: center;
align-items: center align-items: center;
gap: 2.5rem;
} }
.logo { .logo {
@ -74,18 +76,20 @@ body.no-scroll {
} }
.logo img { .logo img {
height: calc(50px + 2rem - 10px); height: 44px;
width: auto; width: auto;
margin: 0; margin: 0;
display: block display: block
} }
/* --- Kontejner za povezave --- */
.nav-links { .nav-links {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
gap: 1.5rem; gap: 2.5rem;
margin: 0 auto; margin: 0;
width: auto;
} }
.nav-links a { .nav-links a {
@ -313,6 +317,64 @@ footer {
color: var(--primary-color) color: var(--primary-color)
} }
/* --- Sorazmerno manjšanje in centriranje za prenosnike --- */
@media (min-width: 769px) and (max-width: 1450px) {
/* Višina glave se prilagaja širini */
.main-header {
height: auto;
min-height: auto;
padding-top: 1.5vw;
padding-bottom: 1.5vw;
}
.nav-container {
padding: 0 2vw;
/* Razmik med Logotipom in menijem (v procentih širine) */
gap: 2vw;
justify-content: center;
}
/* Logotip se manjša skupaj z menijem */
.logo img {
height: 3.5vw;
max-height: 50px;
min-height: 25px;
}
.nav-links {
/* Razmik med besedami menija - ENAK kot gap zgoraj */
gap: 2vw;
margin-left: 0;
width: auto;
}
/* Pisava se manjša sorazmerno */
.nav-links a,
.nav-links .dropdown .dropbtn {
font-size: 1.1vw;
padding: 0;
}
/* Prilagajanje pisave v padajočem meniju in vseh nivojih podmenijev */
.dropdown-content a,
.dropdown-content .dropdown-submenu > a,
.dropdown-content .dropdown-submenu-content a {
font-size: 1vw;
padding: 0.8em 1.2em;
line-height: 1.4;
}
/* Prilagoditev širine padajočega menija, da ne bo preširok na malih zaslonih */
.dropdown-content {
min-width: 18vw;
}
/* Prilagoditev puščice za podmeni */
.dropdown-submenu > a:after {
font-size: 0.8em;
}
}
@media (max-width:992px) { @media (max-width:992px) {
.hero-grid { .hero-grid {
grid-template-columns: 1fr; grid-template-columns: 1fr;
@ -622,7 +684,8 @@ footer {
font-size: 3rem; font-size: 3rem;
line-height: 1.25; line-height: 1.25;
color: #1f2530; color: #1f2530;
margin: 0 margin: 0;
font-weight: 600
} }
.about-hero-text p { .about-hero-text p {
@ -995,7 +1058,8 @@ footer {
font-size: 3rem; font-size: 3rem;
line-height: 1.24; line-height: 1.24;
color: #1f2530; color: #1f2530;
margin: 0 margin: 0;
font-weight: 600
} }
.offer-hero-lead { .offer-hero-lead {
@ -1140,7 +1204,8 @@ footer {
.offer-section-header h2 { .offer-section-header h2 {
font-size: 2.2rem; font-size: 2.2rem;
margin: 0 0 2rem; margin: 0 0 2rem;
color: #1f2530 color: #1f2530;
font-weight: 600
} }
.offer-languages-grid { .offer-languages-grid {
@ -1434,7 +1499,8 @@ footer {
font-size: 3.1rem; font-size: 3.1rem;
line-height: 1.22; line-height: 1.22;
color: #1f2530; color: #1f2530;
margin: 0 margin: 0;
font-weight: 600
} }
.rates-hero-lead { .rates-hero-lead {
@ -1558,7 +1624,8 @@ footer {
.rates-section-header h2 { .rates-section-header h2 {
font-size: 2.2rem; font-size: 2.2rem;
margin: 0 0 2.2rem; margin: 0 0 2.2rem;
color: var(--primary-color) color: var(--primary-color);
font-weight: 600
} }
.rates-card-grid { .rates-card-grid {
@ -3737,7 +3804,8 @@ footer {
.nav-links .dropdown { .nav-links .dropdown {
position: relative; position: relative;
display: inline-block; display: flex;
align-items: center;
margin-left: 0 margin-left: 0
} }
@ -3748,7 +3816,6 @@ footer {
background: none; background: none;
border: none; border: none;
font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif;
font-size: 1rem;
padding: 0.5rem 0 padding: 0.5rem 0
} }
@ -3760,6 +3827,8 @@ footer {
.dropdown-content { .dropdown-content {
display: none; display: none;
position: absolute; position: absolute;
top: 100%;
left: 0;
background-color: #ffffff; background-color: #ffffff;
min-width: 240px; min-width: 240px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
@ -3837,20 +3906,20 @@ footer {
margin: 0 auto; margin: 0 auto;
display: grid; display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
gap: 3rem; gap: 5rem;
align-items: center align-items: flex-start
} }
.mediation-hero-text { .mediation-hero-text {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 1.15rem gap: 2rem
} }
.mediation-hero-text p { .mediation-hero-text p {
color: #464d5b; color: #464d5b;
line-height: 1.85; line-height: 1.85;
text-align: justify; text-align: left;
} }
.mediation-hero-kicker { .mediation-hero-kicker {
@ -3937,9 +4006,14 @@ footer {
.mediation-bottom-cards { .mediation-bottom-cards {
display: grid; display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
gap: 3rem; gap: 5rem;
max-width: 1120px; max-width: 1120px;
margin: 2rem auto 0; margin: 5rem auto 0;
}
/* Zožanje leve kartice na širino vsebine */
.mediation-bottom-cards .mediation-hero-card:first-child {
width: fit-content;
} }
.mediation-bottom-cards .mediation-hero-card { .mediation-bottom-cards .mediation-hero-card {
@ -5262,7 +5336,7 @@ footer {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
gap: 2rem; gap: 2rem;
align-items: flex-start; align-items: stretch;
min-height: auto; min-height: auto;
z-index: 2; z-index: 2;
padding: 0 55px; padding: 0 55px;
@ -5275,16 +5349,25 @@ footer {
gap: 1.5rem; gap: 1.5rem;
height: auto; height: auto;
padding-top: 48px; padding-top: 48px;
padding-bottom: 48px padding-bottom: 0
} }
.hero-new-text h1 { .hero-new-text h1 {
font-size: 2.2rem; font-size: 2.2rem;
font-weight: 700; font-weight: 600;
line-height: 1.3; line-height: 1.3;
margin-bottom: 0 margin-bottom: 0
} }
.hero-slogan {
font-size: 1.1rem;
font-weight: 400;
font-style: italic;
color: #555;
margin-top: 0.5rem;
line-height: 1.5;
}
.hero-new-subtitle { .hero-new-subtitle {
font-size: 1.2rem; font-size: 1.2rem;
color: #555 color: #555
@ -5311,7 +5394,7 @@ footer {
} }
.hero-info-box { .hero-info-box {
margin-top: 1.5rem; margin-top: auto;
padding: 1.5rem; padding: 1.5rem;
background: #ffffff; background: #ffffff;
border-left: 4px solid var(--primary-color); border-left: 4px solid var(--primary-color);
@ -5323,6 +5406,7 @@ footer {
.hero-info-box h3 { .hero-info-box h3 {
font-size: 1.4rem; font-size: 1.4rem;
font-weight: 600;
margin-bottom: 1rem margin-bottom: 1rem
} }
@ -5340,19 +5424,22 @@ footer {
.hero-new-image { .hero-new-image {
display: flex; display: flex;
justify-content: center; flex-direction: column;
align-items: flex-end; justify-content: flex-start;
align-items: center;
align-self: stretch; align-self: stretch;
gap: 0;
} }
.hero-new-image img { .hero-new-image img {
max-width: 120%; max-width: 100%;
width: auto; width: auto;
height: 100%; height: auto;
max-height: none; max-height: 55vh;
object-fit: contain; object-fit: contain;
object-position: bottom; object-position: bottom;
transform: translateX(-10%); transform: none;
margin-bottom: auto;
} }
.features-section { .features-section {
@ -5368,7 +5455,8 @@ 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.5rem font-size: 1.5rem;
font-weight: 600
} }
.features-grid { .features-grid {
@ -6381,9 +6469,9 @@ footer {
padding-top: 1rem; padding-top: 1rem;
width: 100%; width: 100%;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
align-self: start; align-self: end;
margin: 0; margin: 0;
margin-top: 80px; margin-top: 0;
border-left: 4px solid var(--primary-color); border-left: 4px solid var(--primary-color);
} }
@ -6461,10 +6549,11 @@ footer {
border-radius: 16px; border-radius: 16px;
padding: 1rem; padding: 1rem;
width: 100%; width: 100%;
max-width: 280px; max-width: 320px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
justify-self: end; margin-top: 0;
margin-top: -150px; justify-self: center;
margin-bottom: 0;
} }
.recommendation-box-home h3 { .recommendation-box-home h3 {
@ -6734,3 +6823,41 @@ html, body {
width: 100%; width: 100%;
} }
} }
/* Specifično oblikovanje za kartico s cenami */
.mediation-pricing-card {
align-items: center;
text-align: center;
border-left: none;
border-top: 5px solid var(--primary-color);
padding: 2rem;
}
.mediation-pricing-card h3 {
margin-bottom: 1.5rem;
}
.pricing-content {
display: flex;
flex-direction: column;
gap: 1rem;
font-size: 1.2rem;
font-weight: 600;
color: #3f4551;
width: 100%;
align-items: center;
}
.pricing-row {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
width: 100%;
}
.pricing-amount {
color: var(--primary-color);
font-size: 2rem;
font-weight: 700;
}

View File

@ -40,10 +40,10 @@
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -12,10 +12,10 @@
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" {{ACTIVE_NASLOVNICA}}>Naslovnica</a> <a href="/" {{ACTIVE_NASLOVNICA}}>Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" {{ACTIVE_PONUDBA}}>Poučevanje jezikov</a> <a href="/ponudba/" {{ACTIVE_PONUDBA}}>Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -42,10 +42,10 @@
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" class="active">Naslovnica</a> <a href="/" class="active">Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -99,10 +99,11 @@
<section class="hero-new" style="max-height: 950px; overflow: visible;"> <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-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 medkulturnem kotičku</h1> <h1>Dobrodošli v prostoru za razvoj in sodelovanje</h1>
<p class="hero-slogan">PROSBERRY mesto, kjer učenje, povezovanje in podpora postanejo enostavni!</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">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-description-small">Na voljo tudi: <a href="/ponudba/">slovenščina za začetnike in albanščina za osebni interes</a></p>
<p class="hero-new-slogan">Uči se angleščine, razvozlaj medkulturne vozle in uživaj v vsakem koraku!</p> <p class="hero-new-slogan">Uči se angleščine, spoznaj medkulturne zgodbe 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>
@ -113,6 +114,25 @@
</div> </div>
<div class="hero-new-image" data-aos="fade-left" style="margin: 0;"> <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">
<!-- Okvirček: Priporočamo branje -->
<div class="recommendation-box-home">
<h3>Priporočamo branje</h3>
<div class="rec-list">
<a href="/blog/clanki/2025-11-17-medkulturnost-prostor-za-rast.html" class="rec-item">
<img src="/assets/images/blog/2025-11-17-medkulturnost-prostor-za-rast/header.png" alt="Medkulturnost" class="rec-thumb">
<span>MEDKULTURNOST</span>
</a>
<a href="/blog/clanki/2025-11-18-dojemanje-casa-tocnosti-discipline.html" class="rec-item">
<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/ikona3.png" alt="Od učilnice do skupnosti" class="rec-thumb">
<span>OD UČILNICE DO SKUPNOSTI</span>
</a>
</div>
</div>
</div> </div>
<!-- Panel: Aktualne delavnice (tretji stolpec) --> <!-- Panel: Aktualne delavnice (tretji stolpec) -->
@ -149,11 +169,11 @@
<section class="features-section"> <section class="features-section">
<div class="features-container"> <div class="features-container">
<div class="features-intro" data-aos="fade-up"> <div class="features-intro" data-aos="fade-up">
<h2>PROSBERRY mesto, kjer učenje, povezovanje in podpora postanejo enostavni!</h2> <h2>Kaj lahko izberete</h2>
</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>Poučevanje jezikov</h3> <h3>Učenje 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">Odkrij ponudbe</a> <a href="/ponudba/" class="cta-button">Odkrij ponudbe</a>
</div> </div>
@ -165,7 +185,7 @@
<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>Razišči delavnice</h3> <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> <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> <a href="/delavnice/" class="cta-button">Delavnice za vključevanje</a>
</div> </div>
</div> </div>
</div> </div>
@ -182,25 +202,6 @@
<p>Kot profesorica angleščine in medkulturna posrednica vam pomagam usvajati angleščino (in druge jezike), odpirati vrata razumevanju ter ustvarjati priložnosti, da se v vsakem okolju počutite domače in samozavestno. Skupaj bomo rasli, se smejali in sijali v svetu novih možnosti!</p> <p>Kot profesorica angleščine in medkulturna posrednica vam pomagam usvajati angleščino (in druge jezike), odpirati vrata razumevanju ter ustvarjati priložnosti, da se v vsakem okolju počutite domače in samozavestno. Skupaj bomo rasli, se smejali in sijali v svetu novih možnosti!</p>
<a href="/kdo-sem/" class="cta-button-alt">MOJA ZGODBA</a> <a href="/kdo-sem/" class="cta-button-alt">MOJA ZGODBA</a>
</div> </div>
<!-- Okvirček: Priporočamo branje -->
<div class="recommendation-box-home">
<h3>Priporočamo branje</h3>
<div class="rec-list">
<a href="/blog/clanki/2025-11-17-medkulturnost-prostor-za-rast.html" class="rec-item">
<img src="/assets/images/blog/2025-11-17-medkulturnost-prostor-za-rast/header.png" alt="Medkulturnost" class="rec-thumb">
<span>MEDKULTURNOST</span>
</a>
<a href="/blog/clanki/2025-11-18-dojemanje-casa-tocnosti-discipline.html" class="rec-item">
<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/ikona3.png" alt="Od učilnice do skupnosti" class="rec-thumb">
<span>OD UČILNICE DO SKUPNOSTI</span>
</a>
</div>
</div>
</div> </div>
</section> </section>

View File

@ -40,10 +40,10 @@
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -40,10 +40,10 @@
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -39,10 +39,10 @@
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -40,10 +40,10 @@
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -44,10 +44,10 @@
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" class="active">Poučevanje jezikov</a> <a href="/ponudba/" class="active">Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -98,7 +98,7 @@
<section class="offer-hero"> <section class="offer-hero">
<div class="offer-hero-container"> <div class="offer-hero-container">
<div class="offer-hero-text" data-aos="fade-up"> <div class="offer-hero-text" data-aos="fade-up">
<h1>Poučevanje jezikov</h1> <h1>Učenje jezikov</h1>
<p class="offer-hero-lead"> <p class="offer-hero-lead">
Želite trenirati možgane in izboljšati komunikacijo v tujih jezikih? Potrebujete prilagojene tečaje za šolo, delo ali osebni razvoj? Odkrijte našo ponudbo poučevanja in začnite svojo pot do novih znanj in veščin, ki vas peljejo naprej. Želite trenirati možgane in izboljšati komunikacijo v tujih jezikih? Potrebujete prilagojene tečaje za šolo, delo ali osebni razvoj? Odkrijte našo ponudbo poučevanja in začnite svojo pot do novih znanj in veščin, ki vas peljejo naprej.
</p> </p>

View File

@ -40,10 +40,10 @@
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -40,10 +40,10 @@
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -40,10 +40,10 @@
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -39,10 +39,10 @@
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -40,10 +40,10 @@
</a> </a>
</div> </div>
<div class="nav-links"> <div class="nav-links">
<a href="/" >Naslovnica</a> <a href="/" >Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) --> <!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a> <a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) --> <!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje --> <!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -101,17 +101,17 @@
<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>
<p>Potek medkulturnega posredovanja se prilagodi potrebam posameznega primera.</p> <p>V praksi poznamo več poti medkulturnega posredovanja.</p>
</div> </div>
<!-- DESNI STOLPEC: Sodelujem --> <!-- DESNI STOLPEC: Sodelujem -->
<div class="mediation-hero-card mediation-sodelujem-card" data-aos="fade-left" data-aos-delay="120"> <div class="mediation-hero-card mediation-sodelujem-card" data-aos="fade-left" data-aos-delay="120">
<h3>Sodelujem:</h3> <h3>Sodelujem:</h3>
<ul> <ul>
<li>z inštitucijami, ki potrebujejo 'medkulturni most' za razumevanje potreb svojih strank</li> <li>z javnimi in zasebnimi institucijami, ki potrebujejo medkulturni most za boljše razumevanje svojih uporabnikov</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 društvi in organizacijami, ki delujejo na področju vključevanja priseljencev in podpirajo usvajanje slovenščine</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -127,14 +127,14 @@
<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"> <div class="mediation-hero-card mediation-pricing-card" data-aos="fade-up" data-aos-delay="200">
<h3>Cene za medkulturno posredovanje</h3> <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 class="pricing-content">
<div style="display: flex; align-items: center; gap: 1rem;"> <div class="pricing-row">
<span style="color: #fb6339; font-size: 1.5rem;">30 €</span> <span> 30 min</span> <span class="pricing-amount">30 €</span> <span> 30 min</span>
</div> </div>
<div style="display: flex; align-items: center; gap: 1rem;"> <div class="pricing-row">
<span style="color: #fb6339; font-size: 1.5rem;">50 €</span> <span> 60 min</span> <span class="pricing-amount">50 €</span> <span> 60 min</span>
</div> </div>
</div> </div>
</div> </div>