
  <div class="proj-wrap">

    <section class="proj-hero">
      <div class="proj-hero-text">
        <p class="proj-tag">Brannvernforeningen ✶ 2024–2025</p>
        <h1 class="proj-title">Design fra Brannvernforeningen</h1>
        <p class="proj-desc">
          Fra august til februar har jeg jobbet hos Brannvernforeningen, hvor jeg har produsert visuelt og grafisk innhold til deres kanaler. Jeg har blant annet designet annonser for Nasjonal brannøvelse, messevegg med deres grafiske profil, innhold for fyrverkerikampanjen #jegvilse, informasjonsmateriell til Brannvernuka, og ny visuell profil for «Brannvernforeningen inviterer».
        </p>
      </div>
    </section>

    <div class="proj-meta">
      <div class="proj-meta-item">
        <p class="proj-meta-label">Når?</p>
        <p class="proj-meta-value">August til februar (2024, 2025)</p>
      </div>
      <div class="proj-meta-item">
        <p class="proj-meta-label">Hva?</p>
        <p class="proj-meta-value">Annonse, innlegg, plakat, messestand, profil</p>
      </div>
      <div class="proj-meta-item">
        <p class="proj-meta-label">Type prosjekt</p>
        <p class="proj-meta-value">Individuelt og samarbeid</p>
      </div>
      <div class="proj-meta-item">
        <p class="proj-meta-label">Verktøy</p>
        <p class="proj-meta-value">Illustrator, InDesign, Photoshop</p>
      </div>
    </div>

    <div class="proj-gallery" id="resultat">
      <div class="proj-gallery-item">
        <img src="/images/static.wixstatic.com__934954_a5252f5a5c2a4491b854ac0607121f45~mv2.png" alt="Annonse for Nasjonal brannøvelse" />
      </div>
      <div class="proj-gallery-item">
        <img src="/images/static.wixstatic.com__934954_396dffef92184aada7a02965e76e17b5~mv2.jpg" alt="Publisert annonse for Nasjonal brannøvelse" />
      </div>
      <div class="proj-gallery-item">
        <img src="/images/static.wixstatic.com__934954_db360870fb834ede83efb96fd0da5800~mv2.png" alt="Fyrverkeri plakat" />
      </div>
      <div class="proj-gallery-item">
        <img src="/images/static.wixstatic.com__934954_d68363df10554a72a649dc4db7185a26~mv2.png" alt="Fyrverkeri innlegg 1 av 9" />
      </div>
      <div class="proj-gallery-item">
        <img src="/images/static.wixstatic.com__934954_10b48e25899e480c9a049637cfb699d7~mv2.png" alt="Fyrverkeri innlegg 5 av 9" />
      </div>
      <div class="proj-gallery-item">
        <img src="/images/static.wixstatic.com__934954_0d5230c2a85a4173b21576518d80e20a~mv2.png" alt="Fyrverkeri innlegg 9 av 9" />
      </div>
      <div class="proj-gallery-item">
        <img src="/images/static.wixstatic.com__934954_bc933edf84bb4c50962924a60d75a580~mv2.png" alt="Brannvernforeningen inviterer: visuell identitet" />
      </div>
      <div class="proj-gallery-item">
        <img src="/images/static.wixstatic.com__934954_78696f33932f46d48abc438f3e8361ce~mv2.png" alt="Brannvernforeningen inviterer: LinkedIn-innlegg" />
      </div>
      <div class="proj-gallery-item">
        <img src="/images/static.wixstatic.com__934954_9a2e2185737e4bca885da439dcd22f1c~mv2.png" alt="Brannvernuka – lykkehjul og invitasjon" />
      </div>
      <div class="proj-gallery-item">
        <img src="/images/static.wixstatic.com__934954_d0a3d5470d3c4714ac5018019ef759d2~mv2.png" alt="Brannvernuka – diplom og svarark" />
      </div>
      <div class="proj-gallery-item">
        <img src="/images/static.wixstatic.com__934954_52f0a48f06534ed3bd9b4e6d0475055a~mv2.png" alt="Messevegg" />
      </div>
      <div class="proj-gallery-item">
        <img src="/images/static.wixstatic.com__934954_028cc42e2df34734aad9c77d378f4f2a~mv2.jpg" alt="Messevegg på stand" />
      </div>
    </div>

    <nav class="proj-nav" aria-label="Prosjektnavigasjon">
      <a href="/veifinning" class="proj-nav-btn">
        <svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <polyline points="13 4 7 10 13 16"/>
        </svg>
        Forrige
      </a>
      <a href="/fyrverkerikampanje" class="proj-nav-btn">
        Neste
        <svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <polyline points="7 4 13 10 7 16"/>
        </svg>
      </a>
    </nav>

  </div>
