Optimize web performance and caching
Deploy to Development and Production / deploy (push) Successful in 6s

This commit is contained in:
Mark Poljanšek committed 2025-11-03 14:59:13 +01:00
1 parent 7a430e390e
commit 04429eab64
42 files changed
+4823 -2284

No files matched your search

+168 -202
View File
@@ -1,246 +1,212 @@
<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Psihoterapevt, vrhunski strokovnjak | Mag. Hermina Merc</title>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<!-- Povezava na novo, glavno CSS datoteko -->
<link rel="stylesheet" href="assets/css/main.css" />
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>Psihoterapevt, vrhunski strokovnjak | Mag. Hermina Merc</title>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com" rel="preconnect"/>
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
<link as="style" href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&amp;family=Montserrat:ital,wght@0,100..900;1,100..900&amp;display=swap" onload="this.onload=null;this.rel='stylesheet'" rel="preload"/>
<noscript>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&amp;family=Montserrat:ital,wght@0,100..900;1,100..900&amp;display=swap" rel="stylesheet"/>
</noscript>
<link as="image" fetchpriority="high" href="/assets/images/home-slider-01-morje.webp" rel="preload" type="image/webp"/>
<!-- Kritični in razdeljeni CSS -->
<style>
body { background-color: #fdfdfd; }
</style>
<link as="style" href="/assets/css/style-home.min.css" onload="this.onload=null;this.rel='stylesheet'" rel="preload"/>
<noscript>
<link href="/assets/css/style-home.min.css" rel="stylesheet"/>
</noscript>
</head>
<body class="homepage">
<!-- ========================= HEADER ========================= -->
<header class="main-header">
<div class="header-container">
<div class="logo">
<a href="/">Psihoterapevt, vrhunski strokovnjak</a>
</div>
<nav class="main-nav" id="main-navigation">
<ul>
<li><a href="/o-meni/">O meni</a></li>
<li><a href="/kaj-je-psihoterapija/">Kaj je psihoterapija</a></li>
<li><a href="/storitve/">Predstavitev ponudbe</a></li>
<li><a href="/cenik/">Cenik storitev</a></li>
<li><a href="/blog/">Blog</a></li>
<li><a href="/kontakt/" class="nav-cta">Kontakt in naročanje</a></li>
</ul>
</nav>
<button
class="mobile-nav-toggle"
aria-controls="main-navigation"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="hamburger"></span>
</button>
</div>
<!-- ========================= HEADER ========================= -->
<header class="main-header">
<div class="header-container">
<div class="logo">
<a href="/">Psihoterapevt, vrhunski strokovnjak</a>
</div>
<nav class="main-nav" id="main-navigation">
<ul>
<li><a href="/o-meni/">O meni</a></li>
<li><a href="/kaj-je-psihoterapija/">Kaj je psihoterapija</a></li>
<li><a href="/storitve/">Predstavitev ponudbe</a></li>
<li><a href="/cenik/">Cenik storitev</a></li>
<li><a href="/blog/">Blog</a></li>
<li><a class="nav-cta" href="/kontakt/">Kontakt in naročanje</a></li>
</ul>
</nav>
<button aria-controls="main-navigation" aria-expanded="false" aria-label="Toggle navigation" class="mobile-nav-toggle">
<span class="hamburger"></span>
</button>
</div>
</header>
<!-- ========================= SLIDER ========================= -->
<main id="slider" class="slider">
<!-- ──────────────── 1 ──────────────── -->
<section class="slide active">
<div class="slide-content">
<figure class="slide-image">
<img
src="/assets/images/home-slider-01-morje.webp"
alt="Morje s skalo v ozadju"
/>
</figure>
<div class="slide-text">
<!-- === PORTRET === -->
<figure class="slide-portrait">
<img src="/assets/images/portret.webp" alt="Portret mag. Hermine Merc">
</figure>
<h2>PSIHOTERAPEVT, VRHUNSKI STROKOVNJAK</h2>
<!-- === SPREMEMBA: Dodan razred za stil besedila === -->
<p class="text-accent-uppercase">
<strong>
mag. Hermina Merc<br />
<!-- ========================= SLIDER ========================= -->
<main class="slider" id="slider">
<!-- ──────────────── 1 ──────────────── -->
<section class="slide active">
<div class="slide-content">
<figure class="slide-image">
<img alt="Morje s skalo v ozadju" height="629" loading="eager" src="/assets/images/home-slider-01-morje.webp" width="629"/>
</figure>
<div class="slide-text">
<!-- === PORTRET === -->
<figure class="slide-portrait">
<img alt="Portret mag. Hermine Merc" decoding="async" height="400" loading="lazy" src="/assets/images/portret-small.webp" width="400"/>
</figure>
<h2>PSIHOTERAPEVT, VRHUNSKI STROKOVNJAK</h2>
<!-- === SPREMEMBA: Dodan razred za stil besedila === -->
<p class="text-accent-uppercase">
<strong>
mag. Hermina Merc<br/>
psihoterapevt in specialist klinični psiholog
</strong>
</p>
<p>
<strong>
</p>
<p>
<strong>
Kot vrhunski strokovnjak psihoterapevt in specialist klinični
psiholog sem vam zagotovo lahko v najboljšo strokovno pomoč pri
razreševanju vseh vaših raznolikih življenjskih situacij.
</strong>
</p>
</div>
</div>
</section>
<!-- ──────────────── 2 ──────────────── -->
<section class="slide">
<div class="slide-content">
<figure class="slide-image">
<img src="/assets/images/home-slider-02-palme.webp" alt="Pogled na palme in morje" />
</figure>
<div class="slide-text">
<h2>
</p>
</div>
</div>
</section>
<!-- ──────────────── 2 ──────────────── -->
<section class="slide">
<div class="slide-content">
<figure class="slide-image">
<img alt="Pogled na palme in morje" decoding="async" height="1176" loading="lazy" sizes="(max-width: 900px) 100vw, 600px" src="/assets/images/home-slider-02-palme.webp" srcset="/assets/images/home-slider-02-palme-768w.webp 768w, /assets/images/home-slider-02-palme.webp 1167w" width="1167">
</figure>
<div class="slide-text">
<h2>
Se soočate s stresom, tesnobo, nepredelanimi – nikoli izpetimi stiskami in nalogami?
</h2>
<p>
<p>
Iščete globlje spoznavanje in empatično razumevanje sebe, ali pa si želite več radosti in harmonije v svojem življenju? Mag. Hermina Merc, priznana psihoterapevtka in specialistka klinične psihologije, vam ponuja strokovno podporo na vaših življenjskih poteh do boljšega počutja, razvijanja lastnega sebe, svoje celovite in avtentične osebnosti in svojih resničnih darov – potencialov ter lastnih pristnih virov za harmonični tok zdravja in hkrati dinamičnega ravnovesja v življenju.
</p>
<p>
<strong>Zaupajte si in pogumno stopajte na pot psihoterapevtskega dela na sebi – vsak korak naprej - vedno naprej je neprecenljiv potencial na vaši Poti Življenja!</strong>
</p>
</div>
</div>
</section>
<!-- ──────────────── 3 ──────────────── -->
<section class="slide">
<div class="slide-content">
<figure class="slide-image">
<img
src="/assets/images/home-slider-03-puscava.webp"
alt="Puščavska pokrajina"
/>
</figure>
<div class="slide-text">
<h2>Potovanje k samemu sebi</h2>
<p>
<p>
<strong>Zaupajte si in pogumno stopajte na pot psihoterapevtskega dela na sebi – vsak korak naprej - vedno naprej je neprecenljiv potencial na vaši Poti Življenja!</strong>
</p>
</div>
</div>
</section>
<!-- ──────────────── 3 ──────────────── -->
<section class="slide">
<div class="slide-content">
<figure class="slide-image">
<img alt="Puščavska pokrajina" decoding="async" height="1191" loading="lazy" sizes="(max-width: 900px) 100vw, 600px" src="/assets/images/home-slider-03-puscava.webp" srcset="/assets/images/home-slider-03-puscava-768w.webp 768w, /assets/images/home-slider-03-puscava.webp 1191w" width="1191"/>
</figure>
<div class="slide-text">
<h2>Potovanje k samemu sebi</h2>
<p>
V tem naglem tempu življenja prepogosto pozabljamo, da je enako pomemben tudi naš notranji svet in naša najgloblja čustva. Kot ozaveščeni psihoterapevt vam lahko pomagam, da gremo skupaj na vaše potovanje znotraj sebe, da se najprej sploh soočite in s tem osvobodite bremen, blokad, ki jih nosite v telesu zablokirane - vede ali nevede že pre - dolgo.
</p>
<p>
<p>
Vedite, da te blokade niso trajne, ampak šele ko jih spoznate in prepoznate, kje v vašem telesu so »uspavane«, jih lahko razumete in jih sprostite iz sebe, s čimer osvobodite ne samo vaše telo teh bolečih blokad, temveč tudi vašo osebnost.
</p>
</div>
</div>
</section>
<!-- ──────────────── 4 ──────────────── -->
<section class="slide">
<div class="slide-content">
<figure class="slide-image">
<img
src="/assets/images/home-slider-04-kanjon-svetloba.webp"
alt="Svetloba, ki sije v kanjon"
/>
</figure>
<div class="slide-text">
<h2>Spoznajte lastni žarek zaupanja</h2>
<p class="large-text">
</div>
</div>
</section>
<!-- ──────────────── 4 ──────────────── -->
<section class="slide">
<div class="slide-content">
<figure class="slide-image">
<img alt="Svetloba, ki sije v kanjon" decoding="async" height="1188" loading="lazy" sizes="(max-width: 900px) 100vw, 600px" src="/assets/images/home-slider-04-kanjon-svetloba.webp" srcset="/assets/images/home-slider-04-kanjon-svetloba-768w.webp 768w, /assets/images/home-slider-04-kanjon-svetloba.webp 1188w" width="1188"/>
</figure>
<div class="slide-text">
<h2>Spoznajte lastni žarek zaupanja</h2>
<p class="large-text">
Z mojo strokovno podporo in pomočjo – spoznajte lastni žarek zaupanja v svoje življenje, in zasijte od znotraj, da boste lahko zasijali tudi navzven.
</p>
</div>
</div>
</section>
<!-- ──────────────── 5 ──────────────── -->
<section class="slide">
<div class="slide-content">
<figure class="slide-image">
<img
src="/assets/images/home-slider-05-drevo-soteska.webp"
alt="Drevo, ki raste v soteski"
/>
</figure>
<div class="slide-text">
<h2>Starodavni modreci so poudarjali: Spoznajte samega sebe najprej, preden spoznaš svet.</h2>
<p>
</div>
</div>
</section>
<!-- ──────────────── 5 ──────────────── -->
<section class="slide">
<div class="slide-content">
<figure class="slide-image">
<img alt="Drevo, ki raste v soteski" decoding="async" height="1188" loading="lazy" sizes="(max-width: 900px) 100vw, 600px" src="/assets/images/home-slider-05-drevo-soteska.webp" srcset="/assets/images/home-slider-05-drevo-soteska-768w.webp 768w, /assets/images/home-slider-05-drevo-soteska.webp 1188w" width="1188"/>
</figure>
<div class="slide-text">
<h2>Starodavni modreci so poudarjali: Spoznajte samega sebe najprej, preden spoznaš svet.</h2>
<p>
In tudi jaz kot psihoterapevt vas želim spodbuditi, da lahko skozi psihoterapevtsko delo na sebi izjemno dobro spoznate lastne izvore za vaše zdravje in življenjsko harmonijo, skozi prepoznavanje in razvijanje svojih najbolj pristnih potencialov na svoji življenjski poti.
</p>
</div>
</div>
</section>
<!-- ──────────────── 6 ──────────────── -->
<section class="slide">
<div class="slide-content">
<figure class="slide-image">
<img
src="/assets/images/home-slider-06-rastlina-pesek.webp"
alt="Rastlina, ki raste iz peska"
/>
</figure>
<div class="slide-text">
<h2>Začutiti sebe, radost, energijo</h2>
<p>
</div>
</div>
</section>
<!-- ──────────────── 6 ──────────────── -->
<section class="slide">
<div class="slide-content">
<figure class="slide-image">
<img alt="Rastlina, ki raste iz peska" decoding="async" height="1155" loading="lazy" sizes="(max-width: 900px) 100vw, 600px" src="/assets/images/home-slider-06-rastlina-pesek.webp" srcset="/assets/images/home-slider-06-rastlina-pesek-768w.webp 768w, /assets/images/home-slider-06-rastlina-pesek.webp 1191w" width="1191"/>
</figure>
<div class="slide-text">
<h2>Začutiti sebe, radost, energijo</h2>
<p>
Psihoterapija z menoj kot ozaveščenim psihoterapevtom vam v strokovnem smislu pomaga in vas podpre v vaši iskreni nameri: Priti ven iz samote in praznine in začutiti, da boleča teža ne pritiska več na vas in na vaše telo, temveč začutite, da je tukaj že radost, smeh iz srca, energija in dinamična harmonija, ki samo še čakajo, da jih prikličete k sebi.
</p>
</div>
</div>
</section>
<!-- ──────────────── 7 ──────────────── -->
<section class="slide">
<div class="slide-content">
<figure class="slide-image">
<img src="/assets/images/home-slider-07-papiga.webp" alt="Barvita papiga na veji" />
</figure>
<div class="slide-text">
<h2>Pristno začutiti sebe</h2>
<p>
</div>
</div>
</section>
<!-- ──────────────── 7 ──────────────── -->
<section class="slide">
<div class="slide-content">
<figure class="slide-image">
<img alt="Barvita papiga na veji" decoding="async" height="1191" loading="lazy" sizes="(max-width: 900px) 100vw, 600px" src="/assets/images/home-slider-07-papiga.webp" srcset="/assets/images/home-slider-07-papiga-768w.webp 768w, /assets/images/home-slider-07-papiga.webp 1191w" width="1191"/>
</figure>
<div class="slide-text">
<h2>Pristno začutiti sebe</h2>
<p>
Skozi pristno in resnično začutiti sebe v psihoterapevtskem procesu, se nenehno razvijate od znotraj navzven in tudi na zunaj. Poiščite v sebi takšno življenjsko energijo sebi v dobrobit in radost!
</p>
<p><strong>Vsekakor ste se rodili s potencialom in z darovi- spoznajte jih! In zaživite jih!</strong></p>
</div>
</div>
</section>
<!-- ──────────────── 8 ──────────────── -->
<section class="slide">
<div class="slide-content">
<figure class="slide-image">
<img src="/assets/images/home-slider-08-sipine.webp" alt="Peščene sipine" />
</figure>
<div class="slide-text">
<h2>Naredite prvi korak</h2>
<p class="large-text">
<p><strong>Vsekakor ste se rodili s potencialom in z darovi- spoznajte jih! In zaživite jih!</strong></p>
</div>
</div>
</section>
<!-- ──────────────── 8 ──────────────── -->
<section class="slide">
<div class="slide-content">
<figure class="slide-image">
<img alt="Peščene sipine" decoding="async" height="1191" loading="lazy" sizes="(max-width: 900px) 100vw, 600px" src="/assets/images/home-slider-08-sipine.webp" srcset="/assets/images/home-slider-08-sipine-768w.webp 768w, /assets/images/home-slider-08-sipine.webp 1191w" width="1191"/>
</figure>
<div class="slide-text">
<h2>Naredite prvi korak</h2>
<p class="large-text">
Na vas je, da naredite prvi konkreten korak pri razreševanju vseh vaših življenjskih situacij. Prijavite se na prvo srečanje pri meni kot vrhunskemu strokovnjaku psihoterapevtu, specialistu klinične psihologije!
</p>
<a href="kontakt/" class="cta">Naročite se na prvo srečanje</a>
</div>
</div>
</section>
</main>
<!-- navigacijski gumbi za slideshow -->
<button
id="prevBtn"
class="nav-btn prev"
aria-label="Prejšnji slide"
>
<a class="cta" href="kontakt/">Naročite se na prvo srečanje</a>
</div>
</div>
</section>
</main>
<!-- navigacijski gumbi za slideshow -->
<button aria-label="Prejšnji slide" class="nav-btn prev" id="prevBtn">
←
</button>
<button
id="nextBtn"
class="nav-btn next"
aria-label="Naslednji slide"
>
<button aria-label="Naslednji slide" class="nav-btn next" id="nextBtn">
→
</button>
<!-- ========================= FOOTER ========================= -->
<footer class="main-footer-bar">
<p>
<!-- ========================= FOOTER ========================= -->
<footer class="main-footer-bar">
<p>
© <span id="current-year"></span> Mag. Hermina Merc. Vse pravice
pridržane.
</p>
<p style="font-size: 0.8rem; margin-top: 0.5rem; margin-bottom: 0.25rem;">
<p style="font-size: 0.8rem; margin-top: 0.5rem; margin-bottom: 0.25rem;">
Copy right za vse fotografije in ves tekst na tej internetni strani:
Hermina Merc
</p>
<p style="font-size: 0.8rem; margin-bottom: 0;">
<p style="font-size: 0.8rem; margin-bottom: 0;">
Nobena fotografija in noben del teksta ni dovoljeno uporabljati brez
pisnega dovoljenja avtorice te spletne strani.
</p>
</footer>
<!-- Povezava na obstoječo JavaScript datoteko -->
<script src="/assets/js/main.js"></script>
</footer>
<!-- Povezava na obstoječo JavaScript datoteko -->
<script defer src="/assets/js/main.min.js"></script>
</body>
</html>
</html>