posodobitve headerjev in optimizacija slik
Deploy to Production on Develop Push / deploy (push) Successful in 1m7s
Deploy to Production on Develop Push / deploy (push) Successful in 1m7s
This commit is contained in:
Mark Poljanšek committed
1 parent
4e2eda277f
commit
0b5d53abb9
137 files changed
+8109
-2138
No files matched your search
+105
-105
@@ -19,29 +19,54 @@
|
||||
<body>
|
||||
|
||||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<a href="../si/" class="logo-link">
|
||||
<img src="../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
|
||||
</a>
|
||||
<!-- Navigacija za namizje -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="#">O nas</a>
|
||||
<a href="#">Za študente</a>
|
||||
<a href="projects/">Projekti</a>
|
||||
</nav>
|
||||
</div>
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<a href="../si/" class="logo-link">
|
||||
<img src="../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
|
||||
</a>
|
||||
<!-- Navigacija za namizje -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="#">O nas</a>
|
||||
<a href="#">Za študente</a>
|
||||
<a href="../si/projects/">Projekti</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Gumbi za namizje -->
|
||||
<!-- Gumbi za namizje -->
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Postanite partner</button>
|
||||
<button class="btn btn-primary">Donirajte</button>
|
||||
<!-- Zamenjan preklopnik jezika -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">SI</span>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
</div>
|
||||
<div class="lang-dropdown">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Panel za mobilno navigacijo -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="#">O nas</a>
|
||||
<a href="#">Za študente</a>
|
||||
<a href="../si/projects/">Projekti</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Postanite partner</button>
|
||||
<button class="btn btn-primary">Donirajte</button>
|
||||
<!-- Zamenjan preklopnik jezika -->
|
||||
<!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">SI</span>
|
||||
<span id="current-lang-code-mobile">SI</span>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
</div>
|
||||
<div class="lang-dropdown">
|
||||
@@ -52,46 +77,20 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Panel za mobilno navigacijo -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="#">O nas</a>
|
||||
<a href="#">Za študente</a>
|
||||
<a href="projects/">Projekti</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Postanite partner</button>
|
||||
<button class="btn btn-primary">Donirajte</button>
|
||||
<!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">SI</span>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
</div>
|
||||
<div class="lang-dropdown">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Ikona za mobilni meni (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- END_HEADER -->
|
||||
</header>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main>
|
||||
<section class="hero-section">
|
||||
<div class="hero-background">
|
||||
<div class="hero-image-left" style="background-image: url('../images/2.hero.jpg');"></div>
|
||||
<div class="hero-image-right" style="background-image: url('../images/2.hero.jpg');"></div>
|
||||
<div class="hero-image-left" style="background-image: url('../images/2.hero.webp');"></div>
|
||||
<div class="hero-image-right" style="background-image: url('../images/2.hero.webp');"></div>
|
||||
</div>
|
||||
<div class="hero-overlay"></div>
|
||||
<div class="hero-content">
|
||||
@@ -110,7 +109,7 @@
|
||||
|
||||
<section class="meet-the-team-section">
|
||||
<div class="video-container">
|
||||
<img src="../images/3.activites.jpg" alt="Člani ekipe pri sodelovanju" class="video-thumbnail">
|
||||
<img src="../images/3.activites.webp" alt="Člani ekipe pri sodelovanju" class="video-thumbnail">
|
||||
<div class="video-overlay"></div>
|
||||
<button class="play-button" aria-label="Predvajaj video"></button>
|
||||
</div>
|
||||
@@ -138,7 +137,7 @@
|
||||
</div>
|
||||
<div class="activity-details">
|
||||
<p>Sed molestie penatibus sit bibendum pharetra purus faucibus fames aliquet. Morbi morbi ac sed tempor porta. Dui iaculis vitae fames sapien. Pellentesque urna eget habitasse arcu sed ornare. Dignissim lobortis ultrices maecenas magna ac habitant donec etiam at.</p>
|
||||
<img src="../images/3.activites.jpg" alt="Skupina nasmejanih študentov pri sodelovanju">
|
||||
<img src="../images/3.activites.webp" alt="Skupina nasmejanih študentov pri sodelovanju">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -150,7 +149,7 @@
|
||||
</div>
|
||||
<div class="news-articles">
|
||||
<article class="news-card">
|
||||
<img src="../images/4-billwalsh.jpg" alt="Roza in modro obarvana podoba zasneženega vrha gore">
|
||||
<img src="../images/4-billwalsh.webp" alt="Roza in modro obarvana podoba zasneženega vrha gore">
|
||||
<div class="card-content">
|
||||
<p class="author">Alec Whitten • 17 Jan 2022</p>
|
||||
<h3>Lekcije vodenja Billa Walsha</h3>
|
||||
@@ -158,7 +157,7 @@
|
||||
</div>
|
||||
</article>
|
||||
<article class="news-card">
|
||||
<img src="../images/5-pmmentals.jpg" alt="Ženska predstavlja pred belo tablo z listki ekipi">
|
||||
<img src="../images/5-pmmentals.webp" alt="Ženska predstavlja pred belo tablo z listki ekipi">
|
||||
<div class="card-content">
|
||||
<p class="author">Demi Wilkinson • 16 Jan 2022</p>
|
||||
<h3>Mentalni modeli za PM</h3>
|
||||
@@ -166,7 +165,7 @@
|
||||
</div>
|
||||
</article>
|
||||
<article class="news-card">
|
||||
<img src="../images/6-whatiswireframing.jpg" alt="Moderna računalniška miza z velikim monitorjem, tipkovnico in slušalkami">
|
||||
<img src="../images/6-whatiswireframing.webp" alt="Moderna računalniška miza z velikim monitorjem, tipkovnico in slušalkami">
|
||||
<div class="card-content">
|
||||
<p class="author">Candice Wu • 15 Jan 2022</p>
|
||||
<h3>Kaj je žični model (Wireframing)?</h3>
|
||||
@@ -188,7 +187,7 @@
|
||||
<h3>Kako nas sodelovanje izboljša</h3>
|
||||
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
|
||||
<div class="author-info">
|
||||
<img src="../images/7-graphicdesigner.png" alt="Aleksandar Popovski">
|
||||
<img src="../images/7-graphicdesigner.webp" alt="Aleksandar Popovski">
|
||||
<div>
|
||||
<h4>Aleksandar Popovski</h4>
|
||||
<p>Grafični oblikovalec pri MSOS</p>
|
||||
@@ -199,7 +198,7 @@
|
||||
<h3>Consectetur vitae ac parturient massa</h3>
|
||||
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra.</p>
|
||||
<div class="author-info">
|
||||
<img src="../images/11-boy.jpg" alt="Drug član ekipe">
|
||||
<img src="../images/11-boy.webp" alt="Drug član ekipe">
|
||||
<div>
|
||||
<h4>Aleksandar Popovski</h4>
|
||||
<p>Grafični oblikovalec pri MSOS</p>
|
||||
@@ -212,7 +211,7 @@
|
||||
<h3>Ponosni partnerji</h3>
|
||||
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
|
||||
<div class="author-info">
|
||||
<img src="../images/12-girl2.jpg" alt="Drug partner">
|
||||
<img src="../images/12-girl2.webp" alt="Drug partner">
|
||||
<div>
|
||||
<h4>Aleksandar Popovski</h4>
|
||||
<p>Grafični oblikovalec pri MSOS</p>
|
||||
@@ -223,7 +222,7 @@
|
||||
<h3>Naša izkušnja sodelovanja</h3>
|
||||
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
|
||||
<div class="author-info">
|
||||
<img src="../images/10-girl1.jpg" alt="Druga članica ekipe">
|
||||
<img src="../images/10-girl1.webp" alt="Druga članica ekipe">
|
||||
<div>
|
||||
<h4>Aleksandar Popovski</h4>
|
||||
<p>Grafični oblikovalec pri MSOS</p>
|
||||
@@ -239,7 +238,7 @@
|
||||
<h2>Postanite del naše izjemne ekipe</h2>
|
||||
<p>Smo 100% oddaljena ekipa, razpršena po vsem svetu. Pridružite se nam!</p>
|
||||
</div>
|
||||
<img src="../images/9-becomepart.png" alt="Naša izjemna ekipa v učilnici" class="team-photo">
|
||||
<img src="../images/9-becomepart.webp" alt="Naša izjemna ekipa v učilnici" class="team-photo">
|
||||
|
||||
<div class="contact-form-container">
|
||||
<form class="contact-form">
|
||||
@@ -320,9 +319,9 @@
|
||||
</div>
|
||||
<div class="faq-footer">
|
||||
<div class="avatar-group">
|
||||
<img src="../images/11-boy.jpg" alt="Avatar 1" class="avatar">
|
||||
<img src="../images/10-girl1.jpg" alt="Avatar 2" class="avatar large">
|
||||
<img src="../images/12-girl2.jpg" alt="Avatar 3" class="avatar">
|
||||
<img src="../images/11-boy.webp" alt="Avatar 1" class="avatar">
|
||||
<img src="../images/10-girl1.webp" alt="Avatar 2" class="avatar large">
|
||||
<img src="../images/12-girl2.webp" alt="Avatar 3" class="avatar">
|
||||
</div>
|
||||
<h3>Imate še vprašanja?</h3>
|
||||
<p>Ne najdete odgovora, ki ga iščete? Prosimo, poklepetajte z našo prijazno ekipo.</p>
|
||||
@@ -333,58 +332,59 @@
|
||||
</main>
|
||||
|
||||
<!-- START_FOOTER -->
|
||||
<footer>
|
||||
<div class="footer-container">
|
||||
<div class="footer-main">
|
||||
<div class="footer-info">
|
||||
<div class="footer-logo">
|
||||
<img src="../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
|
||||
</div>
|
||||
<p>
|
||||
Masarykova cesta 24<br>
|
||||
1000 Ljubljana, Slovenija<br>
|
||||
+389 02 123 4567<br>
|
||||
info.msosorg@gmail.com
|
||||
</p>
|
||||
<div class="social-icons">
|
||||
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
|
||||
</div>
|
||||
<footer>
|
||||
<div class="footer-container">
|
||||
<div class="footer-main">
|
||||
<div class="footer-info">
|
||||
<div class="footer-logo">
|
||||
<img src="../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<div class="links-column">
|
||||
<h4>Za študente</h4>
|
||||
<a href="#">Blog</a>
|
||||
<a href="#">Galerija</a>
|
||||
<a href="#">Pogosta vprašanja</a>
|
||||
<a href="#">Brošura</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Projekti</h4>
|
||||
<a href="#">Prihajajoči</a>
|
||||
<a href="#">Pretekli</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Organizacija</h4>
|
||||
<a href="#">O nas</a>
|
||||
<a href="#">Kontakt</a>
|
||||
<a href="#">Dokumentacija</a>
|
||||
</div>
|
||||
<p>
|
||||
Masarykova cesta 24<br>
|
||||
1000 Ljubljana, Slovenija<br>
|
||||
+389 02 123 4567<br>
|
||||
info.msosorg@gmail.com
|
||||
</p>
|
||||
<div class="social-icons">
|
||||
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="footer-bottom">
|
||||
<p>© MSOS org 2023 Vse pravice pridržane.</p>
|
||||
<div class="legal-links">
|
||||
<a href="#">Politika zasebnosti</a>
|
||||
<a href="#">Politika piškotkov</a>
|
||||
<a href="#">Pravni pogoji</a>
|
||||
<div class="footer-links">
|
||||
<div class="links-column">
|
||||
<h4>Za študente</h4>
|
||||
<a href="#">Blog</a>
|
||||
<a href="#">Galerija</a>
|
||||
<a href="#">Pogosta vprašanja</a>
|
||||
<a href="#">Brošura</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Projekti</h4>
|
||||
<a href="#">Prihajajoči</a>
|
||||
<a href="#">Pretekli</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Organizacija</h4>
|
||||
<a href="#">O nas</a>
|
||||
<a href="#">Kontakt</a>
|
||||
<a href="#">Dokumentacija</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- END_FOOTER -->
|
||||
<hr>
|
||||
<div class="footer-bottom">
|
||||
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
|
||||
<div class="legal-links">
|
||||
<a href="#">Politika zasebnosti</a>
|
||||
<a href="#">Politika piškotkov</a>
|
||||
<a href="#">Pravni pogoji</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../main.js"></script>
|
||||
</footer>
|
||||
<!-- END_FOOTER -->
|
||||
|
||||
<script src="../main.js"></script>
|
||||
</body>
|
||||
|
||||
Reference in new issue
Block a user