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>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -42,10 +42,10 @@
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -42,10 +42,10 @@
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -42,10 +42,10 @@
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -42,10 +42,10 @@
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -42,10 +42,10 @@
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -42,10 +42,10 @@
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -36,10 +36,10 @@
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -44,10 +44,10 @@
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -40,10 +40,10 @@
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -339,10 +339,10 @@ Mapa za JavaScript kodo, ki skrbi za interaktivnost.
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -700,10 +700,10 @@ Mapa za JavaScript kodo, ki skrbi za interaktivnost.
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -901,10 +901,10 @@ Mapa za JavaScript kodo, ki skrbi za interaktivnost.
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -1103,10 +1103,10 @@ Mapa za JavaScript kodo, ki skrbi za interaktivnost.
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -1334,10 +1334,10 @@ Mapa za JavaScript kodo, ki skrbi za interaktivnost.
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -1565,10 +1565,10 @@ Mapa za JavaScript kodo, ki skrbi za interaktivnost.
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -1904,10 +1904,10 @@ Mapa za JavaScript kodo, ki skrbi za interaktivnost.
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -2433,10 +2433,10 @@ Mapa za JavaScript kodo, ki skrbi za interaktivnost.
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -2800,10 +2800,10 @@ Mapa za JavaScript kodo, ki skrbi za interaktivnost.
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -3097,10 +3097,10 @@ Mapa za JavaScript kodo, ki skrbi za interaktivnost.
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -3339,6 +3339,7 @@ body.no-scroll {
align-items: center
}
/* --- Glavni kontejner menija --- */
.nav-container {
max-width: 100%;
width: 100%;
@ -3346,8 +3347,9 @@ body.no-scroll {
padding: 0 1rem;
height: 100%;
display: flex;
justify-content: flex-start;
align-items: center
justify-content: center;
align-items: center;
gap: 2.5rem;
}
.logo {
@ -3367,19 +3369,20 @@ body.no-scroll {
}
.logo img {
height: calc(50px + 2rem - 10px);
height: 44px;
width: auto;
margin: 0;
display: block
}
/* --- Kontejner za povezave --- */
.nav-links {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 1.5rem;
margin-left: 2rem;
padding-right: 0.5rem;
gap: 2.5rem;
margin: 0;
width: auto;
}
.nav-links a {
@ -3607,6 +3610,64 @@ footer {
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) {
.hero-grid {
grid-template-columns: 1fr;
@ -3916,7 +3977,8 @@ footer {
font-size: 3rem;
line-height: 1.25;
color: #1f2530;
margin: 0
margin: 0;
font-weight: 600
}
.about-hero-text p {
@ -4289,7 +4351,8 @@ footer {
font-size: 3rem;
line-height: 1.24;
color: #1f2530;
margin: 0
margin: 0;
font-weight: 600
}
.offer-hero-lead {
@ -4434,7 +4497,8 @@ footer {
.offer-section-header h2 {
font-size: 2.2rem;
margin: 0 0 2rem;
color: #1f2530
color: #1f2530;
font-weight: 600
}
.offer-languages-grid {
@ -4728,7 +4792,8 @@ footer {
font-size: 3.1rem;
line-height: 1.22;
color: #1f2530;
margin: 0
margin: 0;
font-weight: 600
}
.rates-hero-lead {
@ -4852,7 +4917,8 @@ footer {
.rates-section-header h2 {
font-size: 2.2rem;
margin: 0 0 2.2rem;
color: var(--primary-color)
color: var(--primary-color);
font-weight: 600
}
.rates-card-grid {
@ -7031,7 +7097,8 @@ footer {
.nav-links .dropdown {
position: relative;
display: inline-block;
display: flex;
align-items: center;
margin-left: 0
}
@ -7042,7 +7109,6 @@ footer {
background: none;
border: none;
font-family: 'Poppins', sans-serif;
font-size: 1rem;
padding: 0.5rem 0
}
@ -8556,7 +8622,7 @@ footer {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
align-items: flex-start;
align-items: stretch;
min-height: auto;
z-index: 2;
padding: 0 55px;
@ -8569,16 +8635,25 @@ footer {
gap: 1.5rem;
height: auto;
padding-top: 48px;
padding-bottom: 48px
padding-bottom: 0
}
.hero-new-text h1 {
font-size: 2.2rem;
font-weight: 700;
font-weight: 600;
line-height: 1.3;
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 {
font-size: 1.2rem;
color: #555
@ -8605,7 +8680,7 @@ footer {
}
.hero-info-box {
margin-top: 1.5rem;
margin-top: auto;
padding: 1.5rem;
background: #ffffff;
border-left: 4px solid var(--primary-color);
@ -8617,6 +8692,7 @@ footer {
.hero-info-box h3 {
font-size: 1.4rem;
font-weight: 600;
margin-bottom: 1rem
}
@ -8634,19 +8710,22 @@ footer {
.hero-new-image {
display: flex;
justify-content: center;
align-items: flex-end;
flex-direction: column;
justify-content: flex-start;
align-items: center;
align-self: stretch;
gap: 0;
}
.hero-new-image img {
max-width: 120%;
max-width: 100%;
width: auto;
height: 100%;
max-height: none;
height: auto;
max-height: 55vh;
object-fit: contain;
object-position: bottom;
transform: translateX(-10%);
transform: none;
margin-bottom: auto;
}
.features-section {
@ -8662,7 +8741,8 @@ footer {
.features-intro h2 {
max-width: 800px;
margin: 0 auto 3rem auto;
font-size: 1.5rem
font-size: 1.5rem;
font-weight: 600
}
.features-grid {
@ -9675,9 +9755,9 @@ footer {
padding-top: 1rem;
width: 100%;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
align-self: start;
align-self: end;
margin: 0;
margin-top: 80px;
margin-top: 0;
border-left: 4px solid var(--primary-color);
}
@ -9755,10 +9835,11 @@ footer {
border-radius: 16px;
padding: 1rem;
width: 100%;
max-width: 280px;
max-width: 320px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
justify-self: end;
margin-top: -150px;
margin-top: 0;
justify-self: center;
margin-bottom: 0;
}
.recommendation-box-home h3 {
@ -10075,10 +10156,10 @@ html, body {
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -10480,10 +10561,10 @@ if __name__ == "__main__":
</a>
</div>
<div class="nav-links">
<a href="/" {{ACTIVE_NASLOVNICA}}>Naslovnica</a>
<a href="/" {{ACTIVE_NASLOVNICA}}>Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -10578,10 +10659,10 @@ if __name__ == "__main__":
</a>
</div>
<div class="nav-links">
<a href="/" class="active">Naslovnica</a>
<a href="/" class="active">Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -10635,9 +10716,10 @@ if __name__ == "__main__":
<section class="hero-new" style="max-height: 950px; overflow: visible;">
<div class="hero-new-content" style="grid-template-columns: 1.2fr 0.8fr 200px; gap: 2rem; max-width: 1600px;">
<div class="hero-new-text" data-aos="fade-up">
<h1>Dobrodošli v 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-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>
<div class="hero-info-box">
<h2>Zakaj PROSBERRY?</h2>
@ -10649,6 +10731,25 @@ if __name__ == "__main__":
</div>
<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">
<!-- 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>
<!-- Panel: Aktualne delavnice (tretji stolpec) -->
@ -10685,7 +10786,7 @@ if __name__ == "__main__":
<section class="features-section">
<div class="features-container">
<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 class="features-grid">
<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>
<a href="/kdo-sem/" class="cta-button-alt">MOJA ZGODBA</a>
</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>
</section>
@ -10925,10 +11007,10 @@ document.addEventListener('DOMContentLoaded', function () { const mobileMenuBtn
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -11172,10 +11254,10 @@ document.addEventListener('DOMContentLoaded', function () { const mobileMenuBtn
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -11743,10 +11825,10 @@ if __name__ == "__main__":
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -12078,10 +12160,10 @@ if __name__ == "__main__":
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -12321,10 +12403,10 @@ if __name__ == "__main__":
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -12985,10 +13067,10 @@ Sitemap: https://www.prosberry.si/sitemap.xml"""
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -13233,10 +13315,10 @@ Sitemap: https://www.prosberry.si/sitemap.xml"""
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -13493,10 +13575,10 @@ Sitemap: https://www.prosberry.si/sitemap.xml"""
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -13752,10 +13834,10 @@ Sitemap: https://www.prosberry.si/sitemap.xml"""
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -14011,10 +14093,10 @@ Sitemap: https://www.prosberry.si/sitemap.xml"""
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -46,6 +46,7 @@ body.no-scroll {
align-items: center
}
/* --- Glavni kontejner menija --- */
.nav-container {
max-width: 100%;
width: 100%;
@ -53,8 +54,9 @@ body.no-scroll {
padding: 0 1rem;
height: 100%;
display: flex;
justify-content: flex-start;
align-items: center
justify-content: center;
align-items: center;
gap: 2.5rem;
}
.logo {
@ -74,18 +76,20 @@ body.no-scroll {
}
.logo img {
height: calc(50px + 2rem - 10px);
height: 44px;
width: auto;
margin: 0;
display: block
}
/* --- Kontejner za povezave --- */
.nav-links {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 1.5rem;
margin: 0 auto;
gap: 2.5rem;
margin: 0;
width: auto;
}
.nav-links a {
@ -313,6 +317,64 @@ footer {
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) {
.hero-grid {
grid-template-columns: 1fr;
@ -622,7 +684,8 @@ footer {
font-size: 3rem;
line-height: 1.25;
color: #1f2530;
margin: 0
margin: 0;
font-weight: 600
}
.about-hero-text p {
@ -995,7 +1058,8 @@ footer {
font-size: 3rem;
line-height: 1.24;
color: #1f2530;
margin: 0
margin: 0;
font-weight: 600
}
.offer-hero-lead {
@ -1140,7 +1204,8 @@ footer {
.offer-section-header h2 {
font-size: 2.2rem;
margin: 0 0 2rem;
color: #1f2530
color: #1f2530;
font-weight: 600
}
.offer-languages-grid {
@ -1434,7 +1499,8 @@ footer {
font-size: 3.1rem;
line-height: 1.22;
color: #1f2530;
margin: 0
margin: 0;
font-weight: 600
}
.rates-hero-lead {
@ -1558,7 +1624,8 @@ footer {
.rates-section-header h2 {
font-size: 2.2rem;
margin: 0 0 2.2rem;
color: var(--primary-color)
color: var(--primary-color);
font-weight: 600
}
.rates-card-grid {
@ -3737,7 +3804,8 @@ footer {
.nav-links .dropdown {
position: relative;
display: inline-block;
display: flex;
align-items: center;
margin-left: 0
}
@ -3748,7 +3816,6 @@ footer {
background: none;
border: none;
font-family: 'Poppins', sans-serif;
font-size: 1rem;
padding: 0.5rem 0
}
@ -3760,6 +3827,8 @@ footer {
.dropdown-content {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #ffffff;
min-width: 240px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
@ -3837,20 +3906,20 @@ footer {
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
gap: 3rem;
align-items: center
gap: 5rem;
align-items: flex-start
}
.mediation-hero-text {
display: flex;
flex-direction: column;
gap: 1.15rem
gap: 2rem
}
.mediation-hero-text p {
color: #464d5b;
line-height: 1.85;
text-align: justify;
text-align: left;
}
.mediation-hero-kicker {
@ -3937,9 +4006,14 @@ footer {
.mediation-bottom-cards {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
gap: 3rem;
gap: 5rem;
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 {
@ -5262,7 +5336,7 @@ footer {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
align-items: flex-start;
align-items: stretch;
min-height: auto;
z-index: 2;
padding: 0 55px;
@ -5275,16 +5349,25 @@ footer {
gap: 1.5rem;
height: auto;
padding-top: 48px;
padding-bottom: 48px
padding-bottom: 0
}
.hero-new-text h1 {
font-size: 2.2rem;
font-weight: 700;
font-weight: 600;
line-height: 1.3;
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 {
font-size: 1.2rem;
color: #555
@ -5311,7 +5394,7 @@ footer {
}
.hero-info-box {
margin-top: 1.5rem;
margin-top: auto;
padding: 1.5rem;
background: #ffffff;
border-left: 4px solid var(--primary-color);
@ -5323,6 +5406,7 @@ footer {
.hero-info-box h3 {
font-size: 1.4rem;
font-weight: 600;
margin-bottom: 1rem
}
@ -5340,19 +5424,22 @@ footer {
.hero-new-image {
display: flex;
justify-content: center;
align-items: flex-end;
flex-direction: column;
justify-content: flex-start;
align-items: center;
align-self: stretch;
gap: 0;
}
.hero-new-image img {
max-width: 120%;
max-width: 100%;
width: auto;
height: 100%;
max-height: none;
height: auto;
max-height: 55vh;
object-fit: contain;
object-position: bottom;
transform: translateX(-10%);
transform: none;
margin-bottom: auto;
}
.features-section {
@ -5368,7 +5455,8 @@ footer {
.features-intro h2 {
max-width: 800px;
margin: 0 auto 3rem auto;
font-size: 1.5rem
font-size: 1.5rem;
font-weight: 600
}
.features-grid {
@ -6381,9 +6469,9 @@ footer {
padding-top: 1rem;
width: 100%;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
align-self: start;
align-self: end;
margin: 0;
margin-top: 80px;
margin-top: 0;
border-left: 4px solid var(--primary-color);
}
@ -6461,10 +6549,11 @@ footer {
border-radius: 16px;
padding: 1rem;
width: 100%;
max-width: 280px;
max-width: 320px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
justify-self: end;
margin-top: -150px;
margin-top: 0;
justify-self: center;
margin-bottom: 0;
}
.recommendation-box-home h3 {
@ -6734,3 +6823,41 @@ html, body {
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>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -12,10 +12,10 @@
</a>
</div>
<div class="nav-links">
<a href="/" {{ACTIVE_NASLOVNICA}}>Naslovnica</a>
<a href="/" {{ACTIVE_NASLOVNICA}}>Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -42,10 +42,10 @@
</a>
</div>
<div class="nav-links">
<a href="/" class="active">Naslovnica</a>
<a href="/" class="active">Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -99,10 +99,11 @@
<section class="hero-new" style="max-height: 950px; overflow: visible;">
<div class="hero-new-content" style="grid-template-columns: 1.2fr 0.8fr 200px; gap: 2rem; max-width: 1600px;">
<div class="hero-new-text" data-aos="fade-up">
<h1>Dobrodošli v 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-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>
<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, spoznaj medkulturne zgodbe in uživaj v vsakem koraku!</p>
<div class="hero-info-box">
<h2>Zakaj PROSBERRY?</h2>
<p><strong>PROS</strong> simbolizira znanje, izkušnje in strokovnost, ki podpirajo rast in razvoj.</p>
@ -113,6 +114,25 @@
</div>
<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">
<!-- 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>
<!-- Panel: Aktualne delavnice (tretji stolpec) -->
@ -149,11 +169,11 @@
<section class="features-section">
<div class="features-container">
<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 class="features-grid">
<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>
<a href="/ponudba/" class="cta-button">Odkrij ponudbe</a>
</div>
@ -165,7 +185,7 @@
<div class="feature-card" data-aos="fade-up" data-aos-delay="300">
<h3>Razišči delavnice</h3>
<p>Za priseljene otroke in starše, ki krepijo vezi s šolo ali vrtcem, ter za zaposlene v vrtcih in šolah, ki krepijo vezi z otroki in starši.</p>
<a href="/delavnice/" class="cta-button">DELAVNICE ZA VKLJUČEVANJE</a>
<a href="/delavnice/" class="cta-button">Delavnice za vključevanje</a>
</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>
<a href="/kdo-sem/" class="cta-button-alt">MOJA ZGODBA</a>
</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>
</section>

View File

@ -40,10 +40,10 @@
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -40,10 +40,10 @@
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -39,10 +39,10 @@
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -40,10 +40,10 @@
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -44,10 +44,10 @@
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -98,7 +98,7 @@
<section class="offer-hero">
<div class="offer-hero-container">
<div class="offer-hero-text" data-aos="fade-up">
<h1>Poučevanje jezikov</h1>
<h1>Učenje jezikov</h1>
<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.
</p>

View File

@ -40,10 +40,10 @@
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -40,10 +40,10 @@
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -40,10 +40,10 @@
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -39,10 +39,10 @@
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->

View File

@ -40,10 +40,10 @@
</a>
</div>
<div class="nav-links">
<a href="/" >Naslovnica</a>
<a href="/" >Začetna</a>
<!-- 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) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
@ -101,17 +101,17 @@
<h1>Medkulturno posredovanje</h1>
<p>Medkulturno posredovanje zajema razumevanje drugačnega značaja enake informacije pri ljudeh različnih narodnosti, ter njeno prilagajanje in razlago povedanega v kontekstu, da bo informacija strankam jasna.</p>
<p>Ponujam medkulturno posredovanje v kombinacijah naslednjih jezikov: slovenščina, albanščina, srbščina in angleščina.</p>
<p>Potek medkulturnega posredovanja se prilagodi potrebam posameznega primera.</p>
<p>V praksi poznamo več poti medkulturnega posredovanja.</p>
</div>
<!-- DESNI STOLPEC: Sodelujem -->
<div class="mediation-hero-card mediation-sodelujem-card" data-aos="fade-left" data-aos-delay="120">
<h3>Sodelujem:</h3>
<ul>
<li>z inštitucijami, ki potrebujejo 'medkulturni most' za razumevanje potreb svojih strank</li>
<li>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 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>
</div>
</div>
@ -127,14 +127,14 @@
<li><a href="#oblike">Oblike glede na namen</a></li>
</ul>
</div>
<div class="mediation-hero-card" data-aos="fade-up" data-aos-delay="200">
<div class="mediation-hero-card mediation-pricing-card" data-aos="fade-up" data-aos-delay="200">
<h3>Cene za medkulturno posredovanje</h3>
<div style="display: flex; flex-direction: column; gap: 0.5rem; font-size: 1.2rem; font-weight: 600; color: #3f4551;">
<div style="display: flex; align-items: center; gap: 1rem;">
<span style="color: #fb6339; font-size: 1.5rem;">30 €</span> <span> 30 min</span>
<div class="pricing-content">
<div class="pricing-row">
<span class="pricing-amount">30 €</span> <span> 30 min</span>
</div>
<div style="display: flex; align-items: center; gap: 1rem;">
<span style="color: #fb6339; font-size: 1.5rem;">50 €</span> <span> 60 min</span>
<div class="pricing-row">
<span class="pricing-amount">50 €</span> <span> 60 min</span>
</div>
</div>
</div>