popovskik/portfolio-website
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refresh site content and project portfolio
Deploy to Production / deploy (push) Successful in 6s
Details

Browse Source
This commit is contained in:
popovskik committed 2026-06-03 16:00:44 +02:00
1 parent 5419d15518
commit 2a42d0245a
14 files changed
+805 -201
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

index.html
+30 -35
View File
@@ -5,28 +5,26 @@
<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">
<script>document.documentElement.classList.add('js-enabled');</script>
</head>
<body>
<div class="site-shell">
<header class="site-header">
<div class="site-header__inner">
<a class="brand" href="./">Kristijan Popovski</a>
<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="./">Home</a></li>
<li><a class="site-nav__link" href="projects/">Projects</a></li>
<li><a class="site-nav__link" href="cv/">CV</a></li>
<li><a class="site-nav__link" href="contact/">Contact</a></li>
<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/">Get in Touch</a>
<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>
@@ -34,16 +32,16 @@
</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="./">Home</a></li>
<li><a class="mobile-nav__link" href="projects/">Projects</a></li>
<li><a class="mobile-nav__link" href="cv/">CV</a></li>
<li><a class="mobile-nav__link" href="contact/">Contact</a></li>
<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">
<section class="section section--tight"><!-- -->
<div class="container">
<div class="hero hero--home">
<div data-animate>
@@ -55,7 +53,7 @@
<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/">Get in touch</a>
<a class="button button--secondary" href="contact.html">Get in touch</a>
</div>
</div>
<div class="hero-media" data-animate>
@@ -107,7 +105,7 @@
<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/">
<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>
@@ -184,7 +182,7 @@
</div>
<h3 class="focus-card__title">Project Leadership &amp; 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">
<div class="tag-row">
<span class="tag">Impact Driven</span>
<span class="tag">Operational Rigor</span>
<span class="tag">Europe-wide Experience</span>
@@ -206,14 +204,14 @@
<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>
<img src="assets/images/project-governance.jpg" alt="Conference venue prepared for an international governance summit" width="1440" height="900" loading="lazy">
<span class="project-card__tag">Institutional</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/">
<span class="project-card__meta">International collaboration</span>
<h3 class="project-card__title">International Governance Summit</h3>
<p class="project-card__text">Coordinated a multi-national dialogue on digital infrastructure and stakeholder alignment across delegations.</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>
@@ -222,14 +220,14 @@
<article class="project-card" data-animate>
<div class="project-card__media">
<img src="assets/images/project-perles-atech.jfif" alt="Student consulting workshop with Perles and ATech Electronics" width="1024" height="768" loading="lazy">
<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">Perles / ATech Electronics</span>
<h3 class="project-card__title">Business Model &amp; Marketing Strategy</h3>
<p class="project-card__text">Researched the power tools market and customer needs for the Perles brand, then helped shape an updated business model with refurbished products and a digital community concept.</p>
<a class="text-link" href="projects/">
<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>
@@ -272,11 +270,8 @@
<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">
<svg class="button__icon" viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5-8-5V6l8 5 8-5v2z"/></svg>
Email Me
</a>
<a class="button button--secondary" href="https://www.linkedin.com/in/popovski-k/" target="_blank" rel="noreferrer">LinkedIn</a>
<a class="button button--secondary" href="mailto:popovskik02@yahoo.com">Email</a>
<a class="button button--secondary" href="https://si.linkedin.com/in/kristijan-popovski-688905232" target="_blank" rel="noreferrer">LinkedIn</a>
</div>
</div>
</div>
@@ -291,10 +286,10 @@
<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/">Projects</a>
<a class="site-footer__link" href="assets/documents/cv_full.pdf" target="_blank" rel="noreferrer">Download CV</a>
<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>
<a class="site-footer__link" href="https://si.linkedin.com/in/kristijan-popovski-688905232" target="_blank" rel="noreferrer">LinkedIn</a>
</div>
<div class="site-footer__meta">Governance - Finance - Execution</div>
</div>