prosberry/blog/article-template.html

113 lines
6.9 KiB
HTML

<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>__ARTICLE_TITLE__ - Prosberry</title>
<meta name="description" content="__ARTICLE_SUMMARY__">
<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="article-hero">
<div class="article-hero-text">
<p class="article-date">__ARTICLE_DATE__</p>
<h1>__ARTICLE_TITLE__</h1>
<p class="article-summary">__ARTICLE_SUMMARY__</p>
</div>
<div class="article-hero-image" style="background-image: url('__ARTICLE_IMAGE__');"></div>
</section>
<section class="article-content-section">
<div class="article-grid" data-aos="fade-up">
<article class="article-card">
<div class="article-card-body">
__ARTICLE_CONTENT__
</div>
</article>
<aside class="article-sidebar">
<div class="sidebar-card">
<h3>Povezave</h3>
<a href="/blog/">Vsi članki</a>
<a href="/skupaj-za-vkljucevanje/">Skupaj za vključevanje</a>
<a href="/kontakt/">Kontakt</a>
</div>
<div class="sidebar-card">
<h3>Podpora</h3>
<p>Potrebujete pomoč pri razumevanju kulturne dinamike v razredu?</p>
<a class="cta-button" href="/kontakt/">Pišite nam</a>
</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, razumevanje 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>