portfolio-website/cv/index.html

249 lines
14 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CV | Kristijan Popovski</title>
<meta name="description" content="Curriculum vitae of Kristijan Popovski, including education, experience, governance roles, skills, languages, and awards.">
<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>
<nav class="site-nav" aria-label="Primary">
<ul class="site-nav__list">
<li><a class="site-nav__link" href="../">Home</a></li>
<li><a class="site-nav__link" href="../projects/">Projects</a></li>
<li><a class="site-nav__link is-current" href="./">CV</a></li>
<li><a class="site-nav__link" href="../contact/">Contact</a></li>
</ul>
</nav>
<div class="site-header__actions">
<a class="button button--primary button--small" href="../contact/">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" href="../">Home</a></li>
<li><a class="mobile-nav__link" href="../projects/">Projects</a></li>
<li><a class="mobile-nav__link is-current" href="./">CV</a></li>
<li><a class="mobile-nav__link" href="../contact/">Contact</a></li>
</ul>
</nav>
</header>
<main class="page-main">
<section class="section section--tight">
<div class="container">
<div class="cv-hero" data-animate>
<div>
<h1 class="page-title">Curriculum Vitae</h1>
<p class="page-lede">BA of Business and Economics - MSc in Business and Organisation (IMB)</p>
</div>
<div class="cv-hero__actions">
<a class="button button--secondary" href="../assets/documents/cv_onepage.pdf">Download One-Page CV</a>
<a class="button button--primary" href="../assets/documents/cv_full.pdf">Download Full CV</a>
</div>
</div>
<div class="cv-layout">
<div>
<section class="timeline-section section--tight">
<div class="section-badge" data-animate>
<span class="section-badge__icon">
<svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M20 6h-3V4h-2v2H9V4H7v2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 14H4V11h16v9z"/></svg>
</span>
Work Experience
</div>
<div class="timeline">
<article class="timeline__item" data-animate>
<span class="timeline__dot"></span>
<span class="timeline__period">2022 - now</span>
<h2 class="timeline__title">Founder and President</h2>
<p class="timeline__subtitle">Macedonian Student Organisation in Slovenia</p>
<p class="timeline__content">Founded and led a student organization that grew to more than 120 members, organized over 50 events, and built more than 20 partnerships with institutions, embassies, and sponsors.</p>
</article>
<article class="timeline__item" data-animate>
<span class="timeline__dot"></span>
<span class="timeline__period">2021 - now</span>
<h2 class="timeline__title">Board Member</h2>
<p class="timeline__subtitle">Leaders for Education, Activism, and Development (LEAD)</p>
<p class="timeline__content">Active board member of a youth-focused NGO working on education, activism, and civic engagement.</p>
</article>
<article class="timeline__item" data-animate>
<span class="timeline__dot"></span>
<span class="timeline__period">2024 - 2025</span>
<h2 class="timeline__title">Intern in Finance and Accounting</h2>
<p class="timeline__subtitle">CVS Mobile d.d. (a Eurowag company)</p>
<p class="timeline__content">Supported finance operations across four subsidiaries, reviewing reports, processing invoice-related data, and contributing to daily operational workflows.</p>
</article>
<article class="timeline__item" data-animate>
<span class="timeline__dot"></span>
<span class="timeline__period">2024</span>
<h2 class="timeline__title">Student Intern</h2>
<p class="timeline__subtitle">Department for Internationalisation and Strategic Partnerships, University of Ljubljana</p>
<p class="timeline__content">Organized webinars for incoming students, prepared data reports, and supported regional university cooperation activities.</p>
</article>
</div>
</section>
<section class="section section--tight">
<div class="section-badge" data-animate>
<span class="section-badge__icon">
<svg viewBox="0 0 24 24" aria-hidden="true"><path fill="currentColor" d="M12 3 1 9l11 6 9-4.91V17h2V9L12 3zm0 9.58L5.96 9 12 5.42 18.04 9 12 12.58zM5 12.69V17l7 4 7-4v-4.31l-7 3.82-7-3.82z"/></svg>
</span>
Education
</div>
<div class="list-grid list-grid--two">
<article class="list-card" data-animate>
<span class="list-card__meta">2022 - 2026</span>
<h2 class="list-card__title">University of Ljubljana, School of Economics and Business</h2>
<p class="list-card__text"><strong>MSc in Business and Organisation (IMB)</strong><br>Ranked 44th globally in Financial Times Masters in Management 2025.</p>
<p class="list-card__text"><strong>Bachelor's Degree in Economics and Business</strong><br>Major in Entrepreneurship.</p>
</article>
<article class="list-card" data-animate>
<span class="list-card__meta">2024</span>
<h2 class="list-card__title">Resilient Cities Summer School</h2>
<p class="list-card__text">Slovak University of Technology in Bratislava.</p>
<p class="list-card__text"><strong>2017 - 2021</strong><br>Nikola Karev Skopje, Natural Sciences and Mathematics.</p>
</article>
</div>
</section>
<section class="section section--tight">
<div class="section-badge" data-animate>
<span class="section-badge__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>
</span>
Leadership and Governance
</div>
<div class="list-grid list-grid--two">
<article class="list-card" data-animate>
<h2 class="list-card__title">Student Ambassador</h2>
<p class="list-card__text">Supported prospective students through one-on-one mentorship and onboarding support at the University of Ljubljana.</p>
</article>
<article class="list-card" data-animate>
<h2 class="list-card__title">Student Senate Member</h2>
<p class="list-card__text">Represented around 5,000 students at faculty level and contributed within university governance structures.</p>
</article>
<article class="list-card" data-animate>
<h2 class="list-card__title">Volunteering</h2>
<p class="list-card__text">Served in the Red Cross Youth Club and twice as President of the high school student council.</p>
</article>
<article class="list-card" data-animate>
<h2 class="list-card__title">Selected Projects</h2>
<p class="list-card__text">22nd International Youth Conference Krushevo and consulting support for ATech Electronics.</p>
</article>
</div>
</section>
<section class="section section--tight">
<div class="quote-panel" data-animate>
<div class="quote-panel__bg">
<img src="../assets/images/portrait-cv.jpg" alt="Portrait background of Kristijan Popovski" width="536" height="745" loading="lazy">
</div>
<div class="quote-panel__content">
<p class="quote-panel__quote">"Building a career in management, leadership, and organizational growth."</p>
</div>
</div>
</section>
</div>
<aside class="cv-sidebar">
<div class="image-frame" data-animate>
<img src="../assets/images/portrait-cv.jpg" alt="Kristijan Popovski portrait for CV page" width="536" height="745">
</div>
<section class="section section--tight">
<article class="skill-card" data-animate>
<span class="mini-label">Skills</span>
<h2 class="card__title">Hard Skills</h2>
<div class="skill-tags">
<span class="skill-tag">Microsoft Office 365</span>
<span class="skill-tag">MS Dynamics NAV</span>
<span class="skill-tag">ChatGPT</span>
<span class="skill-tag">Canva</span>
<span class="skill-tag">Cluster Analysis</span>
<span class="skill-tag">Segmentation</span>
</div>
</article>
</section>
<section class="section section--tight">
<article class="award-card" data-animate>
<span class="mini-label award-card__eyebrow">Recognition</span>
<h2 class="award-card__title">Top Graduate of Generation 2017-2021</h2>
<p class="award-card__text">Recognized by the Mayor of the City of Skopje as the top graduate of High School Gymnasium "Nikola Karev".</p>
</article>
</section>
<section class="section section--tight">
<article class="language-card" data-animate>
<span class="mini-label">Languages</span>
<h2 class="card__title">Language Proficiency</h2>
<div class="language-card__row">
<strong>Macedonian</strong>
<span class="language-card__level">Native</span>
</div>
<div class="language-card__bar"><div class="language-card__fill language-card__fill--100"></div></div>
<div class="language-card__row">
<strong>English</strong>
<span class="language-card__level">B2</span>
</div>
<div class="language-card__bar"><div class="language-card__fill language-card__fill--75"></div></div>
<div class="language-card__row">
<strong>Slovenian</strong>
<span class="language-card__level">B2</span>
</div>
<div class="language-card__bar"><div class="language-card__fill language-card__fill--75"></div></div>
<div class="language-card__row">
<strong>Serbo-Croatian</strong>
<span class="language-card__level">B2</span>
</div>
<div class="language-card__bar"><div class="language-card__fill language-card__fill--75"></div></div>
<div class="language-card__row">
<strong>French</strong>
<span class="language-card__level">A2</span>
</div>
<div class="language-card__bar"><div class="language-card__fill language-card__fill--40"></div></div>
</article>
</section>
</aside>
</div>
</div>
</section>
</main>
<footer class="site-footer site-footer--light">
<div class="site-footer__inner">
<div>
<div class="site-footer__brand">Kristijan Popovski</div>
<p class="site-footer__text">A structured overview of education, leadership, governance, and professional development.</p>
</div>
<div class="site-footer__links">
<a class="site-footer__link" href="../">Home</a>
<a class="site-footer__link" href="../projects/">Projects</a>
<a class="site-footer__link" href="../assets/documents/cv_full.pdf">Full CV</a>
<a class="site-footer__link" href="mailto:popovskik02@yahoo.com">Email</a>
</div>
<div class="site-footer__meta">Readable, structured, and ready for download</div>
</div>
</footer>
</div>
<script src="../js/script.js"></script>
</body>
</html>