302 lines
17 KiB
HTML
302 lines
17 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Kristijan Popovski | Structured Leadership and Strategic Execution</title>
|
|
<meta name="description" content="Personal website of Kristijan Popovski, focused on governance, finance, project leadership, and institutional execution.">
|
|
<!-- Test deployment pipeline -->
|
|
<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=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
<body>
|
|
<div class="site-shell">
|
|
<header class="site-header">
|
|
<div class="site-header__inner">
|
|
<a class="brand" href="index.html">Kristijan Popovski</a>
|
|
<nav class="site-nav" aria-label="Primary">
|
|
<ul class="site-nav__list">
|
|
<li><a class="site-nav__link is-current" href="index.html">Home</a></li>
|
|
<li><a class="site-nav__link" href="projects.html">Projects</a></li>
|
|
<li><a class="site-nav__link" href="cv.html">CV</a></li>
|
|
<li><a class="site-nav__link" href="contact.html">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
<div class="site-header__actions">
|
|
<a class="button button--primary button--small" href="contact.html">Get in Touch</a>
|
|
<button class="menu-toggle" type="button" aria-label="Open menu" aria-expanded="false" data-menu-toggle>
|
|
<span class="menu-toggle__line"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<nav class="mobile-nav" aria-label="Mobile" data-mobile-nav>
|
|
<ul class="mobile-nav__list">
|
|
<li><a class="mobile-nav__link is-current" href="index.html">Home</a></li>
|
|
<li><a class="mobile-nav__link" href="projects.html">Projects</a></li>
|
|
<li><a class="mobile-nav__link" href="cv.html">CV</a></li>
|
|
<li><a class="mobile-nav__link" href="contact.html">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<main class="page-main">
|
|
<section class="section section--tight">
|
|
<div class="container">
|
|
<div class="hero hero--home">
|
|
<div data-animate>
|
|
<div class="eyebrow">
|
|
<span class="eyebrow__dot"></span>
|
|
Strategic Leadership
|
|
</div>
|
|
<h1 class="hero__title">Structured leadership.<br><strong>Strategic thinking.</strong><br>Real execution.</h1>
|
|
<p class="hero__lede">Delivering institutional excellence across governance, finance, and project execution. From policy and representation to operational detail, the focus is always on clarity, trust, and outcomes.</p>
|
|
<div class="button-row">
|
|
<a class="button button--primary" href="assets/documents/cv_full.pdf">Download CV</a>
|
|
<a class="button button--secondary" href="contact.html">Get in touch</a>
|
|
</div>
|
|
</div>
|
|
<div class="hero-media" data-animate>
|
|
<div class="hero-media__frame">
|
|
<img src="assets/images/portrait-main.jpg" alt="Kristijan Popovski in a light suit outdoors" width="870" height="1160">
|
|
<div class="glass-card">
|
|
<p class="glass-card__label">Current Focus</p>
|
|
<p class="glass-card__title">Institutional governance, finance, and cross-border execution</p>
|
|
</div>
|
|
</div>
|
|
<div class="hero-media__accent"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section metric-strip">
|
|
<div class="container">
|
|
<div class="metric-strip__grid" data-animate>
|
|
<article class="metric-strip__item">
|
|
<p class="metric-strip__value">120+</p>
|
|
<p class="metric-strip__label">Members built into an active organization</p>
|
|
</article>
|
|
<article class="metric-strip__item">
|
|
<p class="metric-strip__value">50+</p>
|
|
<p class="metric-strip__label">Events organized across student and civic networks</p>
|
|
</article>
|
|
<article class="metric-strip__item">
|
|
<p class="metric-strip__value">20+</p>
|
|
<p class="metric-strip__label">Strategic partnerships developed</p>
|
|
</article>
|
|
<article class="metric-strip__item">
|
|
<p class="metric-strip__value">Senate</p>
|
|
<p class="metric-strip__label">Governance roles in university structures</p>
|
|
</article>
|
|
<article class="metric-strip__item">
|
|
<p class="metric-strip__value">Finance</p>
|
|
<p class="metric-strip__label">Regional technology-sector finance experience</p>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<div class="container">
|
|
<div class="section-header" data-animate>
|
|
<div class="section-header__text">
|
|
<div class="section-header__accent"></div>
|
|
<h2 class="section-title">Selected Experience</h2>
|
|
<p class="section-intro">A concise view of leadership, representation, and operational roles that shape the broader body of work.</p>
|
|
</div>
|
|
<a class="text-link" href="cv.html">
|
|
View full CV
|
|
<svg class="text-link__icon" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M5 12h11.17l-4.58 4.59L13 18l7-7-7-7-1.41 1.41L16.17 10H5z"/></svg>
|
|
</a>
|
|
</div>
|
|
<div class="card-grid card-grid--three">
|
|
<article class="card" data-animate>
|
|
<div class="card__icon">
|
|
<svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5C15 14.17 10.33 13 8 13zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>
|
|
</div>
|
|
<span class="card__eyebrow">Founder and President</span>
|
|
<h3 class="card__title">MSO Slovenia</h3>
|
|
<p class="card__text">Founded and scaled a representative student organization, establishing partnerships, operational frameworks, and a visible community presence.</p>
|
|
</article>
|
|
<article class="card" data-animate>
|
|
<div class="card__icon">
|
|
<svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M12 3 1 9l4 2.18V17h2v-4.73l5 2.73 9-4.91V17h2V9L12 3zm0 9.58L5.96 9 12 5.42 18.04 9 12 12.58z"/></svg>
|
|
</div>
|
|
<span class="card__eyebrow">Governance Roles</span>
|
|
<h3 class="card__title">University of Ljubljana</h3>
|
|
<p class="card__text">Representing students within faculty and university structures, bridging institutional decision-making with practical student interests.</p>
|
|
</article>
|
|
<article class="card" data-animate>
|
|
<div class="card__icon">
|
|
<svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M3 13h2v8H3zm4-6h2v14H7zm4 3h2v11h-2zm4-8h2v19h-2zm4 11h2v8h-2z"/></svg>
|
|
</div>
|
|
<span class="card__eyebrow">Finance Experience</span>
|
|
<h3 class="card__title">CVS Mobile / Eurowag</h3>
|
|
<p class="card__text">Worked across finance and accounting workflows, supporting reporting, invoice processing, and operational transparency across subsidiaries.</p>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section section--soft">
|
|
<div class="container">
|
|
<div class="section-header" data-animate>
|
|
<div class="section-header__text">
|
|
<span class="mini-label">What I Work On</span>
|
|
<h2 class="section-title">Structured focus areas</h2>
|
|
<p class="section-intro">A blend of institutional thinking, practical leadership, and business discipline applied to real environments.</p>
|
|
</div>
|
|
</div>
|
|
<div class="focus-grid">
|
|
<article class="focus-card focus-card--light focus-card--wide" data-animate>
|
|
<div class="focus-card__layout">
|
|
<div>
|
|
<h3 class="focus-card__title">Strategy & Governance</h3>
|
|
<p class="card__text">Designing frameworks that help organizations coordinate stakeholders, clarify mandates, and move with institutional confidence.</p>
|
|
<ul class="focus-card__list">
|
|
<li><svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="m9 16.17-3.88-3.88L3.71 13.7 9 19l12-12-1.41-1.41z"/></svg>Policy and framework design</li>
|
|
<li><svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="m9 16.17-3.88-3.88L3.71 13.7 9 19l12-12-1.41-1.41z"/></svg>Stakeholder coordination</li>
|
|
</ul>
|
|
</div>
|
|
<div class="focus-card__media">
|
|
<img src="assets/images/focus-strategy.jpg" alt="Meeting room prepared for strategic planning" width="1112" height="742" loading="lazy">
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="focus-card focus-card--primary focus-card--tall" data-animate>
|
|
<span class="mini-label">Finance & Business Insight</span>
|
|
<h3 class="focus-card__title">Numbers that support better decisions</h3>
|
|
<p class="card__text">Working where financial detail meets operational reality, with an emphasis on discipline, reporting, and executional clarity.</p>
|
|
<div class="tag-row">
|
|
<span class="tag">Reporting</span>
|
|
<span class="tag">Operations</span>
|
|
<span class="tag">Analysis</span>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="focus-card focus-card--light focus-card--banner" data-animate>
|
|
<div class="card__icon">
|
|
<svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M12 2 1 21h22L12 2zm1 16h-2v-2h2v2zm0-4h-2v-4h2v4z"/></svg>
|
|
</div>
|
|
<h3 class="focus-card__title">Project Leadership & Execution</h3>
|
|
<p class="card__text">Turning ideas into structured delivery, whether the setting is a conference, a governance process, or a cross-functional organizational initiative.</p>
|
|
<div class="tag-row tag-row--desktop-center">
|
|
<span class="tag">Impact Driven</span>
|
|
<span class="tag">Operational Rigor</span>
|
|
<span class="tag">Europe-wide Experience</span>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<div class="container">
|
|
<div class="section-header" data-animate>
|
|
<div class="section-header__text">
|
|
<div class="section-header__accent"></div>
|
|
<h2 class="section-title">Projects Preview</h2>
|
|
<p class="section-intro">Selected initiatives that combine leadership, planning, and visible outcomes.</p>
|
|
</div>
|
|
</div>
|
|
<div class="project-preview-grid">
|
|
<article class="project-card" data-animate>
|
|
<div class="project-card__media">
|
|
<img src="assets/images/project-nlb-inr.jfif" alt="IMB team presenting an Individual Investment Accounts strategy project for NLB" width="576" height="768" loading="lazy">
|
|
<span class="project-card__tag">Consulting</span>
|
|
</div>
|
|
<div class="project-card__body">
|
|
<span class="project-card__meta">IMB x NLB Slovenia</span>
|
|
<h3 class="project-card__title">Individual Investment Accounts Strategy</h3>
|
|
<p class="project-card__text">Developed a go-to-market and marketing strategy for NLB's Individual Investment Accounts (INR) in Slovenia through primary research, segmentation, personas, and customer journey design.</p>
|
|
<a class="text-link" href="projects.html">
|
|
View project details
|
|
<svg class="text-link__icon" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M5 12h11.17l-4.58 4.59L13 18l7-7-7-7-1.41 1.41L16.17 10H5z"/></svg>
|
|
</a>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="project-card" data-animate>
|
|
<div class="project-card__media">
|
|
<img src="assets/images/project-consulting.jpg" alt="Business analysis taking place on a tablet" width="1440" height="900" loading="lazy">
|
|
<span class="project-card__tag">Consulting</span>
|
|
</div>
|
|
<div class="project-card__body">
|
|
<span class="project-card__meta">Consulting and innovation</span>
|
|
<h3 class="project-card__title">Strategic Business Model Pivot</h3>
|
|
<p class="project-card__text">Redesigned a logistics workflow toward a more automated and cloud-first operational model.</p>
|
|
<a class="text-link" href="projects.html">
|
|
Explore all projects
|
|
<svg class="text-link__icon" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M5 12h11.17l-4.58 4.59L13 18l7-7-7-7-1.41 1.41L16.17 10H5z"/></svg>
|
|
</a>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section section--soft">
|
|
<div class="container">
|
|
<div class="about-grid">
|
|
<div class="image-frame" data-animate>
|
|
<img src="assets/images/portrait-main.jpg" alt="Portrait of Kristijan Popovski in a professional setting" width="870" height="1160" loading="lazy">
|
|
</div>
|
|
<div class="rich-text" data-animate>
|
|
<span class="mini-label">About</span>
|
|
<h2 class="section-title">The intersection of <span class="text-accent">theory and practice.</span></h2>
|
|
<p>Kristijan Popovski works at the intersection of governance, finance, and project execution. His work is shaped by academic grounding, institutional engagement, and practical operational experience.</p>
|
|
<p>Based between Slovenia and Macedonia, he focuses on building structures that are credible, well-organized, and resilient under real-world pressure.</p>
|
|
<div class="about__stats">
|
|
<div class="stat-card">
|
|
<p class="stat-card__value">10+</p>
|
|
<p class="stat-card__caption">Years active in leadership and public-facing roles</p>
|
|
</div>
|
|
<div class="stat-card">
|
|
<p class="stat-card__value">2</p>
|
|
<p class="stat-card__caption">Strategic hubs across Slovenia and Macedonia</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section" id="contact-cta">
|
|
<div class="container">
|
|
<div class="cta-banner" data-animate>
|
|
<div class="cta-banner__content">
|
|
<h2 class="cta-banner__title">Start a conversation.</h2>
|
|
<p class="cta-banner__text">Whether it is a strategic partnership, a governance initiative, or a project that needs measured leadership, the next step can start here.</p>
|
|
<div class="cta-banner__actions">
|
|
<a class="button button--secondary" href="mailto:popovskik02@yahoo.com">Email</a>
|
|
<a class="button button--secondary" href="https://www.linkedin.com/in/popovski-k/" target="_blank" rel="noreferrer">LinkedIn</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<div class="site-footer__inner">
|
|
<div>
|
|
<div class="site-footer__brand">Kristijan Popovski</div>
|
|
<p class="site-footer__text">Built around institutional trust, structured thinking, and practical execution across Europe.</p>
|
|
</div>
|
|
<div class="site-footer__links">
|
|
<a class="site-footer__link" href="projects.html">Projects</a>
|
|
<a class="site-footer__link" href="cv.html">Download CV</a>
|
|
<a class="site-footer__link" href="mailto:popovskik02@yahoo.com">Email</a>
|
|
<a class="site-footer__link" href="https://www.linkedin.com/in/popovski-k/" target="_blank" rel="noreferrer">LinkedIn</a>
|
|
</div>
|
|
<div class="site-footer__meta">Governance - Finance - Execution</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
<script src="js/script.js"></script>
|
|
</body>
|
|
</html>
|