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

Preureditev sekcije Načini posredovanja - naslovi in sliki v isti vrsti
Deploy to Development and Production / deploy (push) Successful in 3m25s Details

This commit is contained in:
Mark 2026-03-04 15:10:20 +01:00
parent 5e8ed30228
commit b523c66710
1 changed files with 31 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -166,35 +166,39 @@
<div class="container" style="max-width: 1200px; margin: 0 auto;">
<h2 style="text-align: center; margin-bottom: 3rem;" data-aos="fade-up">Načini posredovanja</h2>
<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; margin-bottom: 2rem; align-items: end;">
<!-- Levi stolpec -->
<div style="display: flex; flex-direction: column;">
<div id="individualno" class="mediation-detail-text" data-aos="fade-up" style="margin-bottom: auto; padding-bottom: 1.5rem;">
<h2>Individualno</h2>
<p>Primerno za <strong>posamezne primere</strong>, kjer gre za <strong>enega učenca ali eno družino</strong>.</p>
<p style="margin-top: 2.5rem;">📍 <em>Primer: starši ne razumejo vzgojnih ali šolskih pričakovanj, zato posrednik pomaga razjasniti postopke in pravila.</em></p>
</div>
<div class="mediation-detail-image" data-aos="fade-up" data-aos-delay="100" style="aspect-ratio: 3/2; overflow: hidden; border-radius: 12px;">
<picture>
<source srcset="/assets/images/individualno.webp" type="image/webp">
<img src="/assets/images/individualno.webp" alt="Individualno medkulturno posredovanje" loading="lazy" decoding="async" width="1248" height="832" style="width: 100%; height: 100%; object-fit: cover;">
</picture>
</div>
<!-- Naslovi in opisi v isti vrsti -->
<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; margin-bottom: 2rem;">
<!-- Individualno -->
<div id="individualno" class="mediation-detail-text" data-aos="fade-up">
<h2>Individualno</h2>
<p>Primerno za <strong>posamezne primere</strong>, kjer gre za <strong>enega učenca ali eno družino</strong>.</p>
<p style="margin-top: 1.5rem;">📍 <em>Primer: starši ne razumejo vzgojnih ali šolskih pričakovanj, zato posrednik pomaga razjasniti postopke in pravila.</em></p>
</div>
<!-- Desni stolpec -->
<div style="display: flex; flex-direction: column;">
<div id="skupinsko" class="mediation-detail-text" data-aos="fade-up" style="margin-bottom: auto; padding-bottom: 1.5rem;">
<h2>Skupinsko</h2>
<p>Primerno za <strong>več udeležencev ali skupine</strong> – <strong>učitelje, razrednike, več družin</strong>.</p>
<p style="margin-top: 1rem;">📍 <em>Primer: skupni sestanek s svetovalno službo, razrednikom in starši priseljencev za izboljšanje sodelovanja in razumevanja.</em></p>
</div>
<div class="mediation-detail-image" data-aos="fade-up" data-aos-delay="100" style="aspect-ratio: 3/2; overflow: hidden; border-radius: 12px;">
<picture>
<source srcset="/assets/images/skupinsko.webp" type="image/webp">
<img src="/assets/images/skupinsko.webp" alt="Skupinsko medkulturno posredovanje" loading="lazy" decoding="async" width="1170" height="777" style="width: 100%; height: 100%; object-fit: cover;">
</picture>
</div>
<!-- Skupinsko -->
<div id="skupinsko" class="mediation-detail-text" data-aos="fade-up">
<h2>Skupinsko</h2>
<p>Primerno za <strong>več udeležencev ali skupine</strong> – <strong>učitelje, razrednike, več družin</strong>.</p>
<p style="margin-top: 1.5rem;">📍 <em>Primer: skupni sestanek s svetovalno službo, razrednikom in starši priseljencev za izboljšanje sodelovanja in razumevanja.</em></p>
</div>
</div>
<!-- Sliki v isti vrsti -->
<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem;">
<!-- Slika Individualno -->
<div class="mediation-detail-image" data-aos="fade-up" data-aos-delay="100" style="aspect-ratio: 3/2; overflow: hidden; border-radius: 12px;">
<picture>
<source srcset="/assets/images/individualno.webp" type="image/webp">
<img src="/assets/images/individualno.webp" alt="Individualno medkulturno posredovanje" loading="lazy" decoding="async" width="1248" height="832" style="width: 100%; height: 100%; object-fit: cover;">
</picture>
</div>
<!-- Slika Skupinsko -->
<div class="mediation-detail-image" data-aos="fade-up" data-aos-delay="100" style="aspect-ratio: 3/2; overflow: hidden; border-radius: 12px;">
<picture>
<source srcset="/assets/images/skupinsko.webp" type="image/webp">
<img src="/assets/images/skupinsko.webp" alt="Skupinsko medkulturno posredovanje" loading="lazy" decoding="async" width="1170" height="777" style="width: 100%; height: 100%; object-fit: cover;">
</picture>
</div>
</div>
</div>