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;"> <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> <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;"> <!-- Naslovi in opisi v isti vrsti -->
<!-- Levi stolpec --> <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; margin-bottom: 2rem;">
<div style="display: flex; flex-direction: column;"> <!-- Individualno -->
<div id="individualno" class="mediation-detail-text" data-aos="fade-up" style="margin-bottom: auto; padding-bottom: 1.5rem;"> <div id="individualno" class="mediation-detail-text" data-aos="fade-up">
<h2>Individualno</h2> <h2>Individualno</h2>
<p>Primerno za <strong>posamezne primere</strong>, kjer gre za <strong>enega učenca ali eno družino</strong>.</p> <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> <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>
<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>
</div> </div>
<!-- Desni stolpec --> <!-- Skupinsko -->
<div style="display: flex; flex-direction: column;"> <div id="skupinsko" class="mediation-detail-text" data-aos="fade-up">
<div id="skupinsko" class="mediation-detail-text" data-aos="fade-up" style="margin-bottom: auto; padding-bottom: 1.5rem;"> <h2>Skupinsko</h2>
<h2>Skupinsko</h2> <p>Primerno za <strong>več udeležencev ali skupine</strong> – <strong>učitelje, razrednike, več družin</strong>.</p>
<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>
<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> </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> <!-- Sliki v isti vrsti -->
<source srcset="/assets/images/skupinsko.webp" type="image/webp"> <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem;">
<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;"> <!-- Slika Individualno -->
</picture> <div class="mediation-detail-image" data-aos="fade-up" data-aos-delay="100" style="aspect-ratio: 3/2; overflow: hidden; border-radius: 12px;">
</div> <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> </div>
</div> </div>