prosberry/blog/template.html

119 lines
7.2 KiB
HTML

<!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">__BLOG_LEAD__</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>__ARCHIVE_HEADING__</h3>
<ul class="older-articles-list">
__ARHIV_SEZNAM__
</ul>
</div>
<div class="sidebar-card">
<h3>Arhiv</h3>
<ul class="archive-list">
<!-- Additional archive items if needed -->
</ul>
</div>
</aside>
</div>
</section>
<section class="references-section" data-aos="fade-up">
<div class="references-container">
<div class="split-ref-layout">
<div class="ref-left-wrapper">
<div class="ref-left-spacer" aria-hidden="true"></div>
<h2 class="references-kicker-custom">Mnenja, ki dajejo vpogled...</h2>
<div class="ref-left-spacer" aria-hidden="true"></div>
<div class="ref-group-left">
<article class="reference-card">
<p style="text-align:justify;">V luči mojega osebnega pozna&shy;vanja kolegice Amre Kurešepi sem prepri&shy;čan, da lastnosti, ki jih je izkazo&shy;vala že med študijem, to je zavze&shy;tost, resnost, odgo&shy;vornost, samo&shy;stojnost in ustvar&shy;jalnost, izkazuje pri vsakem delu, ki ga opravlja.</p>
<div style="margin-top:auto; display:flex; flex-direction:column; gap:0.2rem;">
<p class="reference-author" style="margin-bottom:0;">red. prof. dr. Janez Skela</p>
<div class="reference-cta" style="white-space:nowrap; margin-top:0;">
<span>Preberi celo referenco</span>
<span class="reference-arrow"></span>
<a class="reference-button" href="/cene-in-reference/#reference-janez">Prikaži</a>
</div>
</div>
</article>
<article class="reference-card">
<p style="text-align:justify;">Amra, ful ti hvala za vse res. Tako sem vesela, da nimam odpora do učenja angleš&shy;čine. Res čutim, da sem na pravi poti in želim od tega tečaja odnesti max. Me je pa treba priganjati in ti početje to zelo prijazno in profe&shy;sio&shy;nalno, za kar sem ti neskončno hvaležna. Tokrat prvič nimam strahu in sramu, da bom povedala ali naredila kaj narobe.</p>
<p class="reference-author" style="text-align:left;">Mojca Triller, predstavnica klienca centra</p>
</article>
</div>
</div>
<article class="reference-card">
<p style="text-align:justify;">Z današnjo tehno&shy;logijo si s preva&shy;jalnikom sicer lahko prevedemo osnovne infor&shy;macije, za bolj kočljive teme pa je pogovor v živo nena&shy;domest&shy;ljiv. Kadar gre za teme, ki so za starše bolj čustvene (kot so otrokove težave v šoli ali učne težave, med&shy;vrstniško vklju&shy;čevanje, čustvene in vedenjske težave...) je še toliko bolj pomembno, da je sporočilo pravilno posre&shy;dovano in infor&shy;macije niso izgubljene v prevodu. Amra se je izkazala kot odlična pre&shy;vajalka prav v teh situacijah, saj je sama tudi učiteljica na osnovni šoli, pozna tako slovenski kot albanski šolski sistem ter tekoče govori oba jezika.</p>
<p class="reference-author" style="text-align:left;">Barbara Vodopivec, svetovalna delavka v OŠ Livada, Ljubljana</p>
<div class="reference-cta">
<span>Preberi celo referenco</span>
<span class="reference-arrow"></span>
<a class="reference-button" href="/cene-in-reference/#reference-barbara">Prikaži</a>
</div>
</article>
</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 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>