blog

2025-11-19 00:47:50 +01:00
1 parent de47c2ce8f
commit 718e29a9d8
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="sl">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Medkulturni kotiček - Prosberry</title>
+    <meta name="description"
+        content="Novice, razmisleki in napovedi iz sveta medkulturnega povezovanja in poučevanja angleščine, ki jih z vami deli Prosberry.">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="stylesheet"
+        href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
+    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+    <link rel="stylesheet" href="/css/style.css?v=1763500835">
+    <link rel="stylesheet" href="/css/animations.css">
+    <link rel="icon" type="image/png" sizes="96x96" href="/assets/favicon/favicon-96x96.png">
+    <link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
+    <link rel="shortcut icon" href="/assets/favicon/favicon.ico">
+    <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
+    <link rel="manifest" href="/assets/favicon/site.webmanifest">
+</head>
+
+<body>
+    __HEADER_CONTENT__
+    <main>
+        <section class="contact-hero blog-hero">
+            <div class="contact-hero-content" data-aos="fade-up">
+                <span class="contact-hero-kicker">Zamisli, razumi, poveži</span>
+                <h1>Medkulturni kotiček</h1>
+                <p class="contact-hero-lead">Članki, refleksije in vaje, ki zberejo izkušnje iz učenja jezikov,
+                    medkulturnega posredovanja in delavnic za šole ter vrtce.</p>
+            </div>
+            <div class="contact-hero-shape shape-a"></div>
+            <div class="contact-hero-shape shape-b"></div>
+            <div class="contact-hero-shape shape-c"></div>
+            <div class="contact-hero-shape shape-d"></div>
+        </section>
+        <section class="blog-content">
+            <div class="blog-layout-wrapper">
+                <div class="blog-main-column">
+                    __NAJNOVEJSI_CLANEK__
+                    <div class="recent-articles-grid" data-aos="fade-up" data-aos-delay="100">
+                        __CAKAJOCI_CLANKI__
+                    </div>
+                </div>
+                <aside class="blog-sidebar" data-aos="fade-up" data-aos-delay="150">
+                    <div class="sidebar-card">
+                        <h3>Seznam starejših člankov</h3>
+                        <p class="sidebar-subtitle">Le naslovi in datumi</p>
+                        <ul class="older-articles-list">
+                            __ARHIV_SEZNAM__
+                        </ul>
+                    </div>
+                    <div class="sidebar-card">
+                        <h3>Arhiv vseh, ki niso na nobenem seznamu</h3>
+                        <ul class="archive-list">
+                            <!-- Additional archive items if needed -->
+                        </ul>
+                    </div>
+                </aside>
+            </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 ustvarimo prostor za učenje in povezovanje.</p>
+            </div>
+        </section>
+    </main>
+    __FOOTER_CONTENT__
+    <script src="https://unpkg.com/aos@next/dist/aos.js" defer></script>
+    <script src="/js/main.js" defer></script>
+</body>
+
+</html>