<?php
/*
 * Template Name: Reports - static
 *
 */

get_header('static');

?>
<main>
  <section class="hero-minimalistic">
    <div class="container">
      <div class="row">
        <div class="col-12 col-lg-8 offset-lg-2 col-xl-4 offset-xl-4">
          <h1 class="h2">Od naših prvih koraka do danas</h1>
          <p class="">Na ovome mjestu možete pogledati naš rad od 1999. godine na ovamo, predočen u godišnjim izvještajima koji detaljno dokumentiraju naše dosadašnje aktivnosti.</p>
        </div>
      </div>
    </div>

  </section>
  <section class="article reports">
    <div class="container">
      <div class="row">
        <div class="col-12 col-lg-10 offset-lg-1 col-xl-6 offset-xl-3 article__backdrop">
          <div class="main-img__wrap">
            <img src="http://placehold.it/940x400" alt="" class="main-img">
          </div>
          <div class="article__content">
            <h1 class="h4">GODIŠNJI IZVJEŠTAJI</h1>
            <div class="accordion">
              <div class="accordion__header">
                <h2 class="h5">Operativni i financijski plan za 2021. godinu</h2>
                <svg class="icon-accordion-icon">
                  <use xlink:href="<?= THEMEROOT . 'frontend/icons/icons.svg#icon-arrow-right-small' ?>"></use>
                </svg>
              </div>
              <div class="accordion__content">
                <p>Dragi volonteri, suradnici i partneri,</p>
                <p>unatoč teškoj godini iza nas, s entuzijazmom i ustrajnom željim za daljnom izgradnjom solidarnog i inkluzivnog društva, s volonterstvom kao pokretačkom snagom!</p>
                <p>Prilažemo vam Operativni plan za 2021. godinu i Financijski plan za 2021. godinu.</p>
                <p>Veselimo se nastavku suradnje s vama i pozivamo vas da nam se priključite svojim idejama i inicijativama.</p>
                <p>Vaš VCZ tim</p>
                <a href="#" class="btn btn--with-icon">
                  <svg class="icon-btn">
                    <use xlink:href="<?= THEMEROOT . 'frontend/icons/icons.svg#icon-link' ?>"></use>
                  </svg>
                  <span>Pogledajte izvještaj</span>
                </a>
              </div>
            </div>
            <div class="accordion">
              <div class="accordion__header">
                <h2 class="h5">Izvještaj za 2020. godinu</h2>
                <svg class="icon-accordion-icon">
                  <use xlink:href="<?= THEMEROOT . 'frontend/icons/icons.svg#icon-arrow-right-small' ?>"></use>
                </svg>
              </div>
              <div class="accordion__content">
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint excepturi, fugit voluptatum vero officia sunt ipsam, dolorum explicabo corrupti repellendus error at deleniti quam natus quidem molestias delectus voluptate nam?</p>
              </div>
            </div>
            <div class="accordion">
              <div class="accordion__header">
                <h2 class="h5">Izvještaj za 2019. godinu</h2>
                <svg class="icon-accordion-icon">
                  <use xlink:href="<?= THEMEROOT . 'frontend/icons/icons.svg#icon-arrow-right-small' ?>"></use>
                </svg>
              </div>
              <div class="accordion__content">
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint excepturi, fugit voluptatum vero officia sunt ipsam, dolorum explicabo corrupti repellendus error at deleniti quam natus quidem molestias delectus voluptate nam?</p>
              </div>
            </div>
            <div class="accordion">
              <div class="accordion__header">
                <h2 class="h5">Izvještaj za 2018. godinu</h2>
                <svg class="icon-accordion-icon">
                  <use xlink:href="<?= THEMEROOT . 'frontend/icons/icons.svg#icon-arrow-right-small' ?>"></use>
                </svg>
              </div>
              <div class="accordion__content">
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint excepturi, fugit voluptatum vero officia sunt ipsam, dolorum explicabo corrupti repellendus error at deleniti quam natus quidem molestias delectus voluptate nam?</p>
              </div>
            </div>
            <div class="accordion">
              <div class="accordion__header">
                <h2 class="h5">Izvještaj za 2017. godinu</h2>
                <svg class="icon-accordion-icon">
                  <use xlink:href="<?= THEMEROOT . 'frontend/icons/icons.svg#icon-arrow-right-small' ?>"></use>
                </svg>
              </div>
              <div class="accordion__content">
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint excepturi, fugit voluptatum vero officia sunt ipsam, dolorum explicabo corrupti repellendus error at deleniti quam natus quidem molestias delectus voluptate nam?</p>
              </div>
            </div>
            <div class="accordion">
              <div class="accordion__header">
                <h2 class="h5">Izvještaj za 2016. godinu</h2>
                <svg class="icon-accordion-icon">
                  <use xlink:href="<?= THEMEROOT . 'frontend/icons/icons.svg#icon-arrow-right-small' ?>"></use>
                </svg>
              </div>
              <div class="accordion__content">
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint excepturi, fugit voluptatum vero officia sunt ipsam, dolorum explicabo corrupti repellendus error at deleniti quam natus quidem molestias delectus voluptate nam?</p>
              </div>
            </div>
            <div class="accordion">
              <div class="accordion__header">
                <h2 class="h5">Izvještaj za 2015. godinu</h2>
                <svg class="icon-accordion-icon">
                  <use xlink:href="<?= THEMEROOT . 'frontend/icons/icons.svg#icon-arrow-right-small' ?>"></use>
                </svg>
              </div>
              <div class="accordion__content">
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint excepturi, fugit voluptatum vero officia sunt ipsam, dolorum explicabo corrupti repellendus error at deleniti quam natus quidem molestias delectus voluptate nam?</p>
              </div>
            </div>
            <div class="accordion">
              <div class="accordion__header">
                <h2 class="h5">Izvještaj za 2014. godinu</h2>
                <svg class="icon-accordion-icon">
                  <use xlink:href="<?= THEMEROOT . 'frontend/icons/icons.svg#icon-arrow-right-small' ?>"></use>
                </svg>
              </div>
              <div class="accordion__content">
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint excepturi, fugit voluptatum vero officia sunt ipsam, dolorum explicabo corrupti repellendus error at deleniti quam natus quidem molestias delectus voluptate nam?</p>
              </div>
            </div>
            <div class="accordion">
              <div class="accordion__header">
                <h2 class="h5">Izvještaj za 2013. godinu</h2>
                <svg class="icon-accordion-icon">
                  <use xlink:href="<?= THEMEROOT . 'frontend/icons/icons.svg#icon-arrow-right-small' ?>"></use>
                </svg>
              </div>
              <div class="accordion__content">
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint excepturi, fugit voluptatum vero officia sunt ipsam, dolorum explicabo corrupti repellendus error at deleniti quam natus quidem molestias delectus voluptate nam?</p>
              </div>
            </div>
            <div class="accordion">
              <div class="accordion__header">
                <h2 class="h5">Izvještaj za 2012. godinu</h2>
                <svg class="icon-accordion-icon">
                  <use xlink:href="<?= THEMEROOT . 'frontend/icons/icons.svg#icon-arrow-right-small' ?>"></use>
                </svg>
              </div>
              <div class="accordion__content">
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint excepturi, fugit voluptatum vero officia sunt ipsam, dolorum explicabo corrupti repellendus error at deleniti quam natus quidem molestias delectus voluptate nam?</p>
              </div>
            </div>
          </div>
        </div>
      </div>
  </section>
  </div>
</main>

<?php get_footer('static');