UI/UX improvements: unified styles for Medkulturno posredovanje, updated Ponudba layout, improved Kontakt and Kdo sem pages, new final-cta section across all pages
Deploy to Development and Production / deploy (push) Successful in 16s
Deploy to Development and Production / deploy (push) Successful in 16s
This commit is contained in:
Mark committed
1 parent
0c0e0c1baa
commit
aefd9b3b53
31 files changed
+2915
-856
No files matched your search
+114
-76
@@ -55,10 +55,11 @@
|
||||
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="dropbtn" >Medkulturno povezovanje</a>
|
||||
<div class="dropdown-content">
|
||||
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="dropdown-main-link">Pregled strani</a>
|
||||
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
|
||||
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
|
||||
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
|
||||
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
|
||||
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Načini posredovanja</a>
|
||||
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Vrste posredovanja</a>
|
||||
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#sodelujem">S kom sodelujem</a>
|
||||
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek sodelovanja in cena</a>
|
||||
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#zakaj">Zakaj izbrati Prosberry</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -115,11 +116,9 @@
|
||||
<div class="offer-hero-card" data-aos="fade-left" data-aos-delay="140">
|
||||
<h3>Način poučevanja</h3>
|
||||
<ul>
|
||||
<li>Preko spleta ali v živo</li>
|
||||
<li>Individualno, v parih ali v manjših skupinah</li>
|
||||
<li>
|
||||
Vse starostne skupine: učence, dijake, študente in odrasle
|
||||
</li>
|
||||
<li>Poučevanje poteka preko spleta ali v živo</li>
|
||||
<li>Izvaja se individualno, v parih ali manjših skupinah</li>
|
||||
<li>Primerno za vse starostne skupine: učence, dijake, študente in odrasle</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -130,69 +129,100 @@
|
||||
|
||||
<section class="offer-services">
|
||||
<div class="offer-services-container">
|
||||
<!-- ZGORNJA VRSTICA: Angleščina + Kako se začne pouk -->
|
||||
<div class="offer-section" data-theme="teaching">
|
||||
<!-- Glavni kontejner za novo postavitev -->
|
||||
<div class="teaching-layout">
|
||||
<!-- 1. Stolpec: Nauči se (Angleščina) -->
|
||||
<div class="teaching-col-primary">
|
||||
<div class="offer-section-header" data-aos="fade-up">
|
||||
<h2>Nauči se</h2>
|
||||
</div>
|
||||
<article class="offer-language-card" data-aos="fade-up" data-aos-delay="80">
|
||||
<div class="offer-language-header">
|
||||
<h3>Angleščine</h3>
|
||||
</div>
|
||||
<ul>
|
||||
<li>Tečaji vseh nivojev</li>
|
||||
<li>Tečaji poslovne angleščine</li>
|
||||
<li>
|
||||
Inštrukcije prilagojene vašim učnim ciljem, potrebam in
|
||||
željam
|
||||
</li>
|
||||
<li>
|
||||
Vodene priprave na maturo in priprave na šolska ocenjevanja
|
||||
prilagojene vašim ciljem za doseganje rezultatov
|
||||
</li>
|
||||
</ul>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<!-- 2. Stolpec: Na voljo tudi (Albanščina + Slovenščina) -->
|
||||
<div class="teaching-col-secondary">
|
||||
<div class="offer-section-header" data-aos="fade-up" data-aos-delay="100">
|
||||
<h2>Na voljo tudi:</h2>
|
||||
</div>
|
||||
<div class="secondary-languages-grid">
|
||||
<!-- Kartica Albanščina -->
|
||||
<article class="offer-language-card" data-aos="fade-up" data-aos-delay="140">
|
||||
<div class="offer-language-header">
|
||||
<h3>Albanščina</h3>
|
||||
</div>
|
||||
<p>Poučevanje jezika usvojenega v naravno govorečem okolju:</p>
|
||||
<ul>
|
||||
<li>Inštruiranje osnov albanščine</li>
|
||||
<li>Tečaji komunikacije</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<!-- Kartica Slovenščina -->
|
||||
<article class="offer-language-card" data-aos="fade-up" data-aos-delay="200">
|
||||
<div class="offer-language-header">
|
||||
<h3>Slovenščina</h3>
|
||||
</div>
|
||||
<ul>
|
||||
<li>Inštrukcije za začetni nivo slovenščine</li>
|
||||
<li>Tečaji osnov slovenščine za priseljence</li>
|
||||
</ul>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
<div class="offer-section-header" data-aos="fade-up">
|
||||
<h2>Nauči se</h2>
|
||||
</div>
|
||||
<!-- Konec teaching-layout -->
|
||||
|
||||
<div class="offer-main-grid">
|
||||
<!-- Angleščina kartica -->
|
||||
<article class="offer-language-card" data-aos="fade-up" data-aos-delay="80">
|
||||
<div class="offer-language-header">
|
||||
<h3>Angleščine</h3>
|
||||
</div>
|
||||
<ul>
|
||||
<li>Tečaji vseh nivojev</li>
|
||||
<li>Tečaji poslovne angleščine</li>
|
||||
<li>Inštrukcije prilagojene vašim učnim ciljem, potrebam in željam</li>
|
||||
<li>Vodene priprave na maturo in priprave na šolska ocenjevanja prilagojene vašim ciljem za doseganje rezultatov</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<!-- Kako se začne pouk kartica -->
|
||||
<article class="offer-language-card" data-aos="fade-up" data-aos-delay="140">
|
||||
<div class="offer-language-header">
|
||||
<h3>Kako se začne pouk</h3>
|
||||
</div>
|
||||
<ul>
|
||||
<li>Najprej se pogovoriva o tvojih ciljih.</li>
|
||||
<li>Prilagodimo pouk tvojemu tempu.</li>
|
||||
<li>Poudarek je na razumevanju in praktični uporabi jezika.</li>
|
||||
<li>Razlaga poteka jasno, brez pritiska in z individualno podporo.</li>
|
||||
</ul>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<!-- Opomba o brezplačnem srečanju -->
|
||||
<div style="text-align: center; margin-top: 3rem; padding: 2rem; background: rgba(255, 255, 255, 0.9); border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.05);">
|
||||
<p style="font-size: 1.1rem; margin-bottom: 1.5rem; color: #333;">
|
||||
<strong>Prvo srečanje je brezplačno</strong> – brez obveznosti, samo spoznavanje in posvet preko spleta.
|
||||
</p>
|
||||
<a href="/kontakt/" class="cta-button">Kontaktirajte me</a>
|
||||
</div>
|
||||
|
||||
<div class="offer-section-shape shape-d"></div>
|
||||
</div>
|
||||
|
||||
<!-- SPODNJA VRSTICA: Dodatne ponudbe -->
|
||||
<div class="offer-section" data-theme="additional" style="background: linear-gradient(135deg, rgba(200, 230, 255, 0.18), rgba(251, 99, 57, 0.12));">
|
||||
<div class="offer-section-header" data-aos="fade-up">
|
||||
<h2>Dodatne ponudbe</h2>
|
||||
<p style="text-align: center; margin-top: 1.5rem; margin-bottom: 2rem; color: #555; font-size: 1.05rem; line-height: 1.6;">Poleg angleščine nudim tudi omejen obseg pouka drugih jezikov:</p>
|
||||
</div>
|
||||
|
||||
<div class="offer-languages-grid">
|
||||
<!-- Slovenščina -->
|
||||
<article class="offer-language-card" data-aos="fade-up" data-aos-delay="80">
|
||||
<div class="offer-language-header">
|
||||
<h3>Slovenščina</h3>
|
||||
</div>
|
||||
<ul>
|
||||
<li>Inštrukcije za začetni nivo slovenščine</li>
|
||||
<li>Tečaji osnov slovenščine za priseljence</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<!-- Srbščina -->
|
||||
<article class="offer-language-card" data-aos="fade-up" data-aos-delay="140">
|
||||
<div class="offer-language-header">
|
||||
<h3>Srbščina</h3>
|
||||
</div>
|
||||
<ul>
|
||||
<li>Tečaji in inštrukcije srbščine</li>
|
||||
<li>Individualni pouk za otroke priseljencev</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<!-- Albanščina -->
|
||||
<article class="offer-language-card" data-aos="fade-up" data-aos-delay="200">
|
||||
<div class="offer-language-header">
|
||||
<h3>Albanščina</h3>
|
||||
</div>
|
||||
<p>Poučevanje jezika usvojenega v naravno govorečem okolju:</p>
|
||||
<ul>
|
||||
<li>Inštruiranje osnov albanščine</li>
|
||||
<li>Tečaji komunikacije</li>
|
||||
</ul>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div style="text-align: center; margin-top: 3rem;">
|
||||
<a href="/kontakt/" class="cta-button">Rezerviraj brezplačni posvet</a>
|
||||
</div>
|
||||
|
||||
<div class="offer-section-shape shape-e"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="references-section" data-aos="fade-up">
|
||||
@@ -235,19 +265,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="final-cta">
|
||||
<div class="final-cta-content" data-aos="fade-up">
|
||||
<h2>Imaš vprašanje? Pokliči ali piši!</h2>
|
||||
<div class="final-cta-buttons">
|
||||
<a href="tel:+38630312855" class="cta-button contact-link">+386 30 312 855</a>
|
||||
<a href="mailto:info@prosberry.si" class="cta-button contact-link">info@prosberry.si</a>
|
||||
</div>
|
||||
<p>Skupaj ustvariva prostor za učenje in povezovanje.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<section class="final-cta">
|
||||
<div class="final-cta-content" data-aos="fade-up">
|
||||
<h2>Imate vprašanje ali razmišljate o sodelovanju?</h2>
|
||||
<p style="font-size: 1.1rem; margin-bottom: 2rem; color: #444;">Z veseljem se pogovorimo!</p>
|
||||
<div class="final-cta-buttons">
|
||||
<a href="tel:+38630312855" class="cta-button contact-link">Pokličite me: +386 30 312 855</a>
|
||||
</div>
|
||||
<p style="margin-top: 2rem; font-size: 1.05rem;">Ali pišite preko <a href="/kontakt/" style="color: var(--primary-color); font-weight: 600; text-decoration: underline;">kontaktnega obrazca</a>.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="footer-content">
|
||||
<div class="footer-logo">
|
||||
|
||||
Reference in new issue
Block a user