resume.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Isherveer Bhullar | Resume</title>
<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=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css?v=2">
<script>try{if(localStorage.getItem('theme')!=='dark')document.documentElement.classList.add('light');}catch(e){}</script>
</head>
<body>

<div class="blob blob1"></div>
<div class="blob blob2"></div>
<div class="blob blob3"></div>
<div class="blob blob4"></div>
<div class="grain"></div>

<div class="topbar glass">
  <div class="brand">
    <div class="ring"><img src="profile.jpg" alt="Isherveer Bhullar" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';"><b style="display:none;">IB</b></div>
    <div>
      <div class="name">Isherveer Bhullar</div>
      <div class="rec"><span class="dot"></span>REC · PORTFOLIO</div>
    </div>
  </div>
  <div class="nav-pill" id="tabs">
    <a class="nav-btn" href="index.html">About</a>
    <a class="nav-btn active" href="resume.html">Resume</a>
    <a class="nav-btn" href="videos.html">Videos</a>
    <a class="nav-btn" href="projects.html">Projects</a>
    <a class="nav-btn" href="credentials.html">Credentials</a>
    <a class="nav-btn" href="contact.html">Contact</a>
  </div>
  <button class="icon-btn" id="themeToggle" onclick="toggleTheme()">🌙</button>
</div>

<div class="layout">
  <!-- SIDEBAR -->
  <aside class="sidebar glass">
    <div class="avatar-wrap"><div class="avatar"><img src="profile.jpg" alt="Isherveer Bhullar" onerror="this.style.display='none'; this.nextElementSibling.style.display='flex';"><b style="display:none;">IB</b></div></div>
    <h1>Isherveer Bhullar</h1>
    <span class="role-chip">CS STUDENT · DRONE PILOT · EDITOR</span>
    <div class="status"><span class="dot"></span> Open to summer internships</div>

    <div class="info"><div class="info-label">Email</div><div class="info-value">isherveer@gmail.com</div></div>
    <div class="info"><div class="info-label">Location</div><div class="info-value">Rotorua, Bay of Plenty, NZ</div></div>

    <hr class="sep">
    <div class="socials">
      <a class="social-btn" href="https://github.com/codemastervy" target="_blank" rel="noopener">GitHub</a>
      <a class="social-btn" href="https://www.linkedin.com/in/isherveer-bhullar-572016202/" target="_blank" rel="noopener">LinkedIn</a>
    </div>
    <a class="cta" href="mailto:isherveer@gmail.com">Get in touch →</a>
    <div class="clock" id="clock">--:--:--</div>
  </aside>

  <!-- MAIN -->
  <main>

    <section class="panel active" id="resume">
      <div class="card glass">
        <span class="eyebrow">✦ RESUME</span>
        <h2 class="headline">Experience & education.</h2>
        <p class="lede">Work history, study, and the skills that came with both.</p>

        <h3 class="sub">Experience</h3>
        <div class="t-item">
          <div class="t-top"><div><div class="t-role">Class Representative (COMPX102)</div><div class="t-org">University of Waikato</div></div><div class="t-date">Jul 2026 to Present</div></div>
          <div class="t-desc">Represented student interests to lecturers and course staff, gathering and relaying feedback weekly.</div>
          <div class="chip-row"><span class="chip">Leadership</span><span class="chip">Communication</span></div>
        </div>
        <div class="t-item">
          <div class="t-top"><div><div class="t-role">Class Representative (MRKTG101)</div><div class="t-org">University of Waikato</div></div><div class="t-date">Jul 2026 to Present</div></div>
          <div class="t-desc">Second concurrent class rep role, collecting feedback and communicating it back to staff.</div>
          <div class="chip-row"><span class="chip">Leadership</span><span class="chip">Communication</span></div>
        </div>
        <div class="t-item">
          <div class="t-top"><div><div class="t-role">Checkout Assistant</div><div class="t-org">The Warehouse, Rotorua</div></div><div class="t-date">May 2023 to Present</div></div>
          <div class="t-desc">Checkouts and customer service, three years and counting alongside school and study.</div>
        </div>
        <div class="t-item">
          <div class="t-top"><div><div class="t-role">Xmas Temp</div><div class="t-org">Noel Leeming, Rotorua</div></div><div class="t-date">Nov 2022 to Feb 2023</div></div>
          <div class="t-desc">Click and collect, stocking shelves, and helping customers through the holiday rush.</div>
        </div>
        <div class="t-item">
          <div class="t-top"><div><div class="t-role">Administrative Assistant</div><div class="t-org">Mitchell Downs Tavern / Super Liquor</div></div><div class="t-date">Feb 2022 to Jun 2022</div></div>
          <div class="t-desc">Administrative work and stock care, my first role before retail.</div>
        </div>

        <h3 class="sub" style="margin-top:44px;">Education</h3>
        <div class="t-item"><div class="t-top"><div><div class="t-role">Bachelor of Applied Computing, Computer Science</div><div class="t-org">University of Waikato</div></div><div class="t-date">Feb 2026 to Dec 2028</div></div></div>
        <div class="t-item"><div class="t-top"><div><div class="t-role">Level 3 Game Development</div><div class="t-org">Yoobee Colleges, Rotorua</div></div><div class="t-date">Feb 2023 to Sep 2023</div></div></div>
        <div class="t-item"><div class="t-top"><div><div class="t-role">NCEA Level 1 / 2 / 3</div><div class="t-org">Western Heights High School, Rotorua</div></div><div class="t-date">Feb 2021 to Dec 2025</div></div></div>

        <div class="section-tag"><span class="rule"></span> STRENGTHS</div>
        <h3 class="sub">What I bring</h3>
        <div class="check-list">
          <div class="check-item"><div class="check-left"><span class="check-mark">✓</span><div><div class="check-title">Customer service & checkouts</div><div class="check-sub">The Warehouse, Noel Leeming: the daily basics, done reliably.</div></div></div><div class="check-years">3+ years</div></div>
          <div class="check-item"><div class="check-left"><span class="check-mark">✓</span><div><div class="check-title">Video editing in DaVinci Resolve</div><div class="check-sub">Cuts, colour grading, and sound for edited footage.</div></div></div><div class="check-years">Skilled</div></div>
          <div class="check-item"><div class="check-left"><span class="check-mark">✓</span><div><div class="check-title">Drone piloting & aerial photography</div><div class="check-sub">Licensed pilot, shooting my own aerial footage and stills.</div></div></div><div class="check-years">Licensed</div></div>
          <div class="check-item"><div class="check-left"><span class="check-mark">✓</span><div><div class="check-title">Home lab & networking</div><div class="check-sub">Running and maintaining my own home lab setup.</div></div></div><div class="check-years">Self-taught</div></div>
          <div class="check-item"><div class="check-left"><span class="check-mark">✓</span><div><div class="check-title">Leadership & communication</div><div class="check-sub">Elected Class Rep for two papers, first semester in.</div></div></div><div class="check-years">Ongoing</div></div>
        </div>

        <div class="section-tag"><span class="rule"></span> TOOLCHAIN</div>
        <h3 class="sub">What I reach for</h3>
        <div class="tag-cloud" style="margin-bottom:28px;">
          <span>DaVinci Resolve</span><span>Drone piloting</span><span>Photography</span><span>Microsoft Windows</span><span>Office 365</span><span>Networking</span><span>Home lab</span><span>Computer hardware</span>
        </div>

        <div class="grid-2">
          <div class="box">
            <h4>Languages</h4>
            <div class="lang-row"><div class="lang-top"><b>English</b><span>Fluent</span></div><div class="bar-track"><div class="bar-fill" style="width:96%"></div></div></div>
            <div class="lang-row"><div class="lang-top"><b>Punjabi</b><span>Fluent</span></div><div class="bar-track"><div class="bar-fill" style="width:96%"></div></div></div>
          </div>
          <div class="box">
            <h4>Behind the camera</h4>
            <p style="font-size:13.5px; color:var(--ink-dim); line-height:1.6; margin-bottom:12px;">Videography and photography, on the ground and in the air.</p>
            <div class="tag-cloud"><span>Videography</span><span>Photography</span><span>Aerial / drone</span></div>
          </div>
        </div>
      </div>
    </section>

  </main>
</div>

<footer>
  <div>
    <div class="fname">Isherveer Bhullar</div>
    <div>Computer science student, drone pilot, and video editor.</div>
    <div class="fnote">ROTORUA, NZ · OPEN TO SUMMER INTERNSHIPS</div>
  </div>
  <div style="display:flex; gap:50px; flex-wrap:wrap;">
    <div style="display:flex; flex-direction:column; gap:8px;">
      <a href="index.html">About</a>
      <a href="resume.html">Resume</a>
      <a href="videos.html">Videos</a>
    </div>
    <div style="display:flex; flex-direction:column; gap:8px;">
      <a href="projects.html">Projects</a>
      <a href="credentials.html">Credentials</a>
      <a href="contact.html">Contact</a>
    </div>
  </div>
</footer>

<script src="script.js?v=2"></script>
</body>
</html>