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

mk/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="../mk/" class="logo-link">
<img src="../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
</a>
<!-- Навигација за десктоп -->
<nav class="navigation desktop-nav">
<a href="#">За нас</a>
<a href="#">За студенти</a>
<a href="projects/">Проекти</a>
</nav>
</div>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../mk/" class="logo-link">
<img src="../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
</a>
<!-- Навигација за десктоп -->
<nav class="navigation desktop-nav">
<a href="#">За нас</a>
<a href="#">За студенти</a>
<a href="../mk/projects/">Проекти</a>
</nav>
</div>
<!-- Копчиња за десктоп -->
<!-- Копчиња за десктоп -->
<div class="navigation-actions">
<button class="btn btn-secondary">Стани партнер</button>
<button class="btn btn-primary">Донирај</button>
<!-- Преклопник за јазик -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">MK</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 class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">За нас</a>
<a href="#">За студенти</a>
<a href="../mk/projects/">Проекти</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани партнер</button>
<button class="btn btn-primary">Донирај</button>
<!-- Преклопник за јазик -->
<!-- Преклопник за јазик (за мобилен) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">MK</span>
<span id="current-lang-code-mobile">MK</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
@@ -51,45 +77,20 @@
</div>
</div>
<!-- Панел за мобилна навигација -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">За нас</a>
<a href="#">За студенти</a>
<a href="projects/">Проекти</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани партнер</button>
<button class="btn btn-primary">Донирај</button>
<!-- Преклопник за јазик (за мобилен) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">MK</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>
<!-- Икона за мобилно мени (Хамбургер/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="Членови на тимот соработуваат" class="video-thumbnail">
<img src="../images/3.activites.webp" alt="Членови на тимот соработуваат" class="video-thumbnail">
<div class="video-overlay"></div>
<button class="play-button" aria-label="Пушти видео"></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="Група насмеани студенти соработуваат">
<img src="../images/3.activites.webp" alt="Група насмеани студенти соработуваат">
</div>
</div>
</section>
@@ -148,7 +149,7 @@
</div>
<div class="news-articles">
<article class="news-card">
<img src="../images/4-billwalsh.jpg" alt="Слика на снежен планински врв во розови и сини нијанси">
<img src="../images/4-billwalsh.webp" alt="Слика на снежен планински врв во розови и сини нијанси">
<div class="card-content">
<p class="author">Alec Whitten • 17 Јан 2022</p>
<h3>Лекции за лидерство од Бил Волш</h3>
@@ -156,7 +157,7 @@
</div>
</article>
<article class="news-card">
<img src="../images/5-pmmentals.jpg" alt="Жена презентира пред табла со лепливи белешки на тим">
<img src="../images/5-pmmentals.webp" alt="Жена презентира пред табла со лепливи белешки на тим">
<div class="card-content">
<p class="author">Demi Wilkinson • 16 Јан 2022</p>
<h3>ПМ ментални модели</h3>
@@ -164,7 +165,7 @@
</div>
</article>
<article class="news-card">
<img src="../images/6-whatiswireframing.jpg" alt="Модерно компјутерско биро со голем монитор, тастатура и слушалки">
<img src="../images/6-whatiswireframing.webp" alt="Модерно компјутерско биро со голем монитор, тастатура и слушалки">
<div class="card-content">
<p class="author">Candice Wu • 15 Јан 2022</p>
<h3>Што е Wireframing?</h3>
@@ -186,7 +187,7 @@
<h3>Како соработката нè прави подобри</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="Александар Поповски">
<img src="../images/7-graphicdesigner.webp" alt="Александар Поповски">
<div>
<h4>Александар Поповски</h4>
<p>Графички дизајнер во МСОС</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="Друг член на тимот">
<img src="../images/11-boy.webp" alt="Друг член на тимот">
<div>
<h4>Александар Поповски</h4>
<p>Графички дизајнер во МСОС</p>
@@ -210,7 +211,7 @@
<h3>Горди партнери</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="Друг партнер">
<img src="../images/12-girl2.webp" alt="Друг партнер">
<div>
<h4>Александра Поповска</h4>
<p>Графички дизајнер во МСОС</p>
@@ -221,7 +222,7 @@
<h3>Нашето искуство со соработката</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="Друг член на тимот">
<img src="../images/10-girl1.webp" alt="Друг член на тимот">
<div>
<h4>Ана Поповска</h4>
<p>Графички дизајнер во МСОС</p>
@@ -237,7 +238,7 @@
<h2>Станете дел од нашиот неверојатен тим</h2>
<p>Ние сме 100% тим на далечина, распространет низ целиот свет. Придружете ни се!</p>
</div>
<img src="../images/9-becomepart.png" alt="Нашиот неверојатен тим во училница" class="team-photo">
<img src="../images/9-becomepart.webp" alt="Нашиот неверојатен тим во училница" 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="Аватар 1" class="avatar">
<img src="../images/10-girl1.jpg" alt="Аватар 2" class="avatar large">
<img src="../images/12-girl2.jpg" alt="Аватар 3" class="avatar">
<img src="../images/11-boy.webp" alt="Аватар 1" class="avatar">
<img src="../images/10-girl1.webp" alt="Аватар 2" class="avatar large">
<img src="../images/12-girl2.webp" alt="Аватар 3" class="avatar">
</div>
<h3>Сè уште имате прашања?</h3>
<p>Не можете да го најдете одговорот што го барате? Ве молиме разговарајте со нашиот пријателски тим.</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="Лого на Македонска студентска организација во Словенија">
</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="Лого на Македонска студентска организација во Словенија">
</div>
<div class="footer-links">
<div class="links-column">
<h4>За студенти</h4>
<a href="#">Блог</a>
<a href="#">Галерија</a>
<a href="#">ЧПП</a>
<a href="#">Брошура</a>
</div>
<div class="links-column">
<h4>Проекти</h4>
<a href="#">Претстојни</a>
<a href="#">Претходни</a>
</div>
<div class="links-column">
<h4>Организација</h4>
<a href="#">За нас</a>
<a href="#">Контакт</a>
<a href="#">Документација</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>© МСОС орг 2023 Сите права се задржани.</p>
<div class="legal-links">
<a href="#">Политика за приватност</a>
<a href="#">Политика за колачиња</a>
<a href="#">Правни услови</a>
<div class="footer-links">
<div class="links-column">
<h4>За студенти</h4>
<a href="#">Блог</a>
<a href="#">Галерија</a>
<a href="#">ЧПП</a>
<a href="#">Брошура</a>
</div>
<div class="links-column">
<h4>Проекти</h4>
<a href="#">Претстојни</a>
<a href="#">Претходни</a>
</div>
<div class="links-column">
<h4>Организација</h4>
<a href="#">За нас</a>
<a href="#">Контакт</a>
<a href="#">Документација</a>
</div>
</div>
</div>
</footer>
<hr>
<div class="footer-bottom">
<p>© МСОС орг 2023 Сите права се задржани.</p>
<div class="legal-links">
<a href="#">Политика за приватност</a>
<a href="#">Политика за колачиња</a>
<a href="#">Правни услови</a>
</div>
</div>
</div>
<script src="../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../main.js"></script>
</body>