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

posodobitve headerjev in optimizacija slik
Deploy to Production on Develop Push / deploy (push) Successful in 1m7s
Details

Browse Source
This commit is contained in:
Mark Poljanšek committed 2025-08-25 16:16:29 +02:00
1 parent 4e2eda277f
commit 0b5d53abb9
137 files changed
+8109 -2138
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

en/index.html
+107 -103
View File
@@ -18,29 +18,55 @@
</head>
<body>
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../en/" class="logo-link">
<img src="../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="projects/">Projects</a>
</nav>
</div>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../en/" class="logo-link">
<img src="../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../en/projects/">Projects</a>
</nav>
</div>
<!-- Desktop Buttons -->
<!-- Desktop Buttons -->
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">EN</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>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../en/projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">EN</span>
<span id="current-lang-code-mobile">EN</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
@@ -51,45 +77,20 @@
</div>
</div>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">EN</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>
<!-- Mobile Menu Icon (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</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">
@@ -108,7 +109,7 @@
<section class="meet-the-team-section">
<div class="video-container">
<img src="../images/3.activites.jpg" alt="Team members collaborating" class="video-thumbnail">
<img src="../images/3.activites.webp" alt="Team members collaborating" class="video-thumbnail">
<div class="video-overlay"></div>
<button class="play-button" aria-label="Play video"></button>
</div>
@@ -136,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="A group of students smiling and collaborating">
<img src="../images/3.activites.webp" alt="A group of students smiling and collaborating">
</div>
</div>
</section>
@@ -148,7 +149,7 @@
</div>
<div class="news-articles">
<article class="news-card">
<img src="../images/4-billwalsh.jpg" alt="Pink and blue tinted image of a snowy mountain peak">
<img src="../images/4-billwalsh.webp" alt="Pink and blue tinted image of a snowy mountain peak">
<div class="card-content">
<p class="author">Alec Whitten • 17 Jan 2022</p>
<h3>Bill Walsh leadership lessons</h3>
@@ -156,7 +157,7 @@
</div>
</article>
<article class="news-card">
<img src="../images/5-pmmentals.jpg" alt="A woman presenting in front of a whiteboard with sticky notes to a team">
<img src="../images/5-pmmentals.webp" alt="A woman presenting in front of a whiteboard with sticky notes to a team">
<div class="card-content">
<p class="author">Demi Wilkinson • 16 Jan 2022</p>
<h3>PM mental models</h3>
@@ -164,7 +165,7 @@
</div>
</article>
<article class="news-card">
<img src="../images/6-whatiswireframing.jpg" alt="A modern computer desk setup with a large monitor, keyboard, and headphones">
<img src="../images/6-whatiswireframing.webp" alt="A modern computer desk setup with a large monitor, keyboard, and headphones">
<div class="card-content">
<p class="author">Candice Wu • 15 Jan 2022</p>
<h3>What is Wireframing?</h3>
@@ -186,7 +187,7 @@
<h3>How collaboration makes us better</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>Graphic designer at MSOS</p>
@@ -197,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="Another team member">
<img src="../images/11-boy.webp" alt="Another team member">
<div>
<h4>Aleksandar Popovski</h4>
<p>Graphic designer at MSOS</p>
@@ -210,7 +211,7 @@
<h3>Proud partners</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="Another partner">
<img src="../images/12-girl2.webp" alt="Another partner">
<div>
<h4>Aleksandar Popovski</h4>
<p>Graphic designer at MSOS</p>
@@ -221,7 +222,7 @@
<h3>Our collaboration experience</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="Another team member">
<img src="../images/10-girl1.webp" alt="Another team member">
<div>
<h4>Aleksandar Popovski</h4>
<p>Graphic designer at MSOS</p>
@@ -237,7 +238,7 @@
<h2>Become part of our amazing team</h2>
<p>We're a 100% remote team spread all across the world. Join us!</p>
</div>
<img src="../images/9-becomepart.png" alt="Our amazing team in a classroom setting" class="team-photo">
<img src="../images/9-becomepart.webp" alt="Our amazing team in a classroom setting" class="team-photo">
<div class="contact-form-container">
<form class="contact-form">
@@ -318,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>Still have questions?</h3>
<p>Can’t find the answer you’re looking for? Please chat to our friendly team.</p>
@@ -330,57 +331,60 @@
</main>
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenia<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>
<!-- 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="Macedonian Student Organisation in Slovenia Logo">
</div>
<div class="footer-links">
<div class="links-column">
<h4>For students</h4>
<a href="#">Blog</a>
<a href="#">Gallery</a>
<a href="#">FAQs</a>
<a href="#">Brochure</a>
</div>
<div class="links-column">
<h4>Projects</h4>
<a href="#">Upcoming</a>
<a href="#">Previous</a>
</div>
<div class="links-column">
<h4>Organisation</h4>
<a href="#">About us</a>
<a href="#">Contact</a>
<a href="#">Documentation</a>
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenia<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 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
<div class="footer-links">
<div class="links-column">
<h4>For students</h4>
<a href="#">Blog</a>
<a href="#">Gallery</a>
<a href="#">FAQs</a>
<a href="#">Brochure</a>
</div>
<div class="links-column">
<h4>Projects</h4>
<a href="#">Upcoming</a>
<a href="#">Previous</a>
</div>
<div class="links-column">
<h4>Organisation</h4>
<a href="#">About us</a>
<a href="#">Contact</a>
<a href="#">Documentation</a>
</div>
</div>
</div>
</footer>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
</div>
</div>
</div>
<script src="../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../main.js"></script>
</body>