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

get_header('static');

?>
<main>
  <section class="hero">
    <div class="hero__img-wrap">
      <div class="hero__img-overlay"></div>
      <img src="<?= THEMEROOT . 'frontend/img/hero-img.jpg' ?>" alt="" class="hero__img">
    </div>
    <div class="container hero__content">
      <div class="row">
        <div class="col-12 offset-md-2 col-md-10">
          <div class="hero__text">
            <h2>Volonterski centar Zagreb</h2>
            <p>Organizacija je civilnog društva koja se bavi razvojem i promicanjem volonterstva.</p>
            <p>Postani volonter već danas uz platformu</p>
            <div class="btn-left">
              <a href="https://volonteka.vcz.hr/" target="_blank" class="btn btn--uppercase">Volonteka</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="news-home">
    <div class="container">
      <h1 class="h3">Novosti</h1>
      <div class="row">
        <div class="col-12 offset-xxl-2 col-xxl-8">
          <div class="news-home__list owl-carousel">
            <article class="card">
              <div class="card__wrap">
                <div class="card__header">
                  <img src="http://www.placehold.it/406x270" alt="" class="card__img">
                </div>
                <div class="card__content">
                  <h2 class="subtitle">Privremeno zatvaranje mogućnosti prijave u profile volontera i organizatora volontiranja</h2>
                  <div class="btn-right">
                    <a href="http://localhost/volonteka/single" target="_blank" class="btn">Pročitaj više</a>
                  </div>
                </div>
              </div>
            </article>
            <article class="card">
              <div class="card__wrap">
                <div class="card__header">
                  <img src="http://www.placehold.it/406x270" alt="" class="card__img">
                </div>
                <div class="card__content">
                  <h2 class="subtitle">Učimo i zabavljamo se na radionicama o održivom razvoju!</h2>
                  <div class="btn-right">
                    <a href="http://localhost/volonteka/single" target="_blank" class="btn">Pročitaj više</a>
                  </div>
                </div>
              </div>
            </article>
            <article class="card">
              <div class="card__wrap">
                <div class="card__header">
                  <img src="http://www.placehold.it/406x270" alt="" class="card__img">
                </div>
                <div class="card__content">
                  <h2 class="subtitle">Osnovano Nacionalno vijeće za razvoj socijalnih politika</h2>
                  <div class="btn-right">
                    <a href="http://localhost/volonteka/single" target="_blank" class="btn">Pročitaj više</a>
                  </div>
                </div>
              </div>
            </article>
          </div>
          <div class="btn-center">
            <a href="http://localhost/volonteka/novosti" class="btn">Vidi sve novosti</a>
          </div>
        </div>
      </div>
    </div>
  </section>
</main>

<?php get_footer('static');