Resume Base

<section class="ws-resume mx-auto max-w-3xl px-6 py-16" style="--resume-text: var(--ws-color-text);">
  <h2 class="mb-10 text-3xl font-bold text-slate-900">Resume</h2>

  <!-- Work Experience -->
  <div class="mb-12">
    <h3 class="mb-6 text-sm font-semibold uppercase tracking-wider text-blue-600">Work Experience</h3>
    <div class="space-y-6">
      <div class="grid gap-2 border-b border-slate-100 pb-6 sm:grid-cols-12">
        <div class="sm:col-span-3">
          <p class="text-sm font-medium text-slate-900">2024 – Present</p>
        </div>
        <div class="sm:col-span-4">
          <p class="text-sm font-semibold text-slate-900">Senior Frontend Engineer</p>
          <p class="text-xs text-slate-500">Webspire GmbH, Berlin</p>
        </div>
        <div class="sm:col-span-5">
          <p class="text-sm text-slate-600">Leading the design system team, building reusable UI components and patterns for the registry platform.</p>
        </div>
      </div>
      <div class="grid gap-2 border-b border-slate-100 pb-6 sm:grid-cols-12">
        <div class="sm:col-span-3">
          <p class="text-sm font-medium text-slate-900">2021 – 2024</p>
        </div>
        <div class="sm:col-span-4">
          <p class="text-sm font-semibold text-slate-900">Frontend Developer</p>
          <p class="text-xs text-slate-500">Tech Startup, Munich</p>
        </div>
        <div class="sm:col-span-5">
          <p class="text-sm text-slate-600">Built and maintained the product frontend using React, TypeScript, and Tailwind CSS.</p>
        </div>
      </div>
      <div class="grid gap-2 sm:grid-cols-12">
        <div class="sm:col-span-3">
          <p class="text-sm font-medium text-slate-900">2019 – 2021</p>
        </div>
        <div class="sm:col-span-4">
          <p class="text-sm font-semibold text-slate-900">Junior Developer</p>
          <p class="text-xs text-slate-500">Digital Agency, Hamburg</p>
        </div>
        <div class="sm:col-span-5">
          <p class="text-sm text-slate-600">Developed responsive websites for clients across eCommerce, media, and finance sectors.</p>
        </div>
      </div>
    </div>
  </div>

  <!-- Education -->
  <div>
    <h3 class="mb-6 text-sm font-semibold uppercase tracking-wider text-emerald-600">Education</h3>
    <div class="space-y-6">
      <div class="grid gap-2 border-b border-slate-100 pb-6 sm:grid-cols-12">
        <div class="sm:col-span-3">
          <p class="text-sm font-medium text-slate-900">2016 – 2019</p>
        </div>
        <div class="sm:col-span-4">
          <p class="text-sm font-semibold text-slate-900">B.Sc. Computer Science</p>
          <p class="text-xs text-slate-500">TU Berlin</p>
        </div>
        <div class="sm:col-span-5">
          <p class="text-sm text-slate-600">Focus on web technologies, UI engineering, and human-computer interaction.</p>
        </div>
      </div>
    </div>
  </div>
</section>