<!-- Kubio-ready predloga za bend "Originalci" - prilepite v Custom HTML block -->
<style>
  :root{
    --accent:#cfa6b8;
    --accent-2:#7aa7c7;
    --bg:#fffafc;
    --card:#ffffff;
    --muted:#6b6f76;
    --text:#111;
    --radius:12px;
    --maxw:1100px;
    --gap:18px;
  }
  *{box-sizing:border-box}
  .oc-wrap{max-width:var(--maxw);margin:0 auto;padding:28px;font-family:Inter,system-ui,Arial,sans-serif;background:var(--bg);color:var(--text)}
  .oc-header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;gap:12px}
  .oc-brand{font-weight:800;color:var(--accent);font-size:1.25rem}
  .oc-nav a{margin-left:12px;color:var(--muted);text-decoration:none;font-weight:700;font-size:0.95rem}
  .oc-hero{display:grid;grid-template-columns:1fr;gap:var(--gap);align-items:center;padding:22px 0}
  .oc-hero h1{font-size:1.9rem;margin:0;line-height:1.05}
  .oc-hero p{color:var(--muted);margin:8px 0 0}
  .oc-btn{display:inline-block;background:var(--accent);color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:800;margin-top:12px}
  .oc-hero-img{width:100%;height:auto;border-radius:var(--radius);display:block;object-fit:cover}
  .oc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gap);margin-top:18px}
  .oc-card{background:var(--card);padding:16px;border-radius:var(--radius);box-shadow:0 8px 20px rgba(11,20,40,0.06)}
  .oc-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:10px}
  .oc-gallery img{width:100%;height:110px;object-fit:cover;border-radius:8px}
  .oc-video{position:relative;padding-top:56.25%;overflow:hidden;border-radius:8px}
  .oc-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
  .oc-contact{display:grid;gap:12px}
  .oc-contact .meta{color:var(--muted)}
  footer{padding:18px 0;color:var(--muted);text-align:center;margin-top:22px;font-size:0.9rem}
  @media(min-width:900px){
    .oc-hero{grid-template-columns:1fr 460px}
    .oc-hero h1{font-size:2.4rem}
    .oc-contact{grid-template-columns:1fr 360px}
  }
</style>

<div class="oc-wrap" id="originalci-kubio">
  <header class="oc-header">
    <div class="oc-brand">Originalci</div>
    <nav class="oc-nav" aria-label="Glavna navigacija">
      <a href="#about">O nas</a>
      <a href="#services">Kaj igramo</a>
      <a href="#gallery">Galerija</a>
      <a href="#contact">Kontakt</a>
    </nav>
  </header>

  <!-- HERO -->
  <section class="oc-hero" id="top">
    <div>
      <h1>Originalci — glasba za vaš poseben trenutek</h1>
      <p>Igramo na porokah, zaključnih zabavah, poslovnih dogodkih in koncertih. Od nežnega backgrounda do energičnih live nastopov s pevko.</p>
      <div style="margin-top:12px">
        <a class="oc-btn" href="#contact">Rezerviraj termin</a>
        <a class="oc-btn" href="#gallery" style="background:transparent;color:var(--accent);border:2px solid var(--accent);margin-left:10px">Oglej galerijo</a>
      </div>

      <div style="margin-top:16px" class="oc-card">
        <strong>Na kratko</strong>
        <p class="meta" style="margin-top:8px;color:var(--muted)">Smo izkušena zasedba, ki pokriva poroke, obrede, zaključne zabave in koncerte. Prilagodimo se vzdušju dogodka.</p>
      </div>
    </div>

    <div>
      <!-- ZAMENJAJ: naloži hero sliko v WP Media Library in prilepi URL spodaj -->
      <img class="oc-hero-img" src="https://via.placeholder.com/1200x800.png?text=Originalci+Hero+Foto" alt="Originalci - bend na nastopu">
    </div>
  </section>

  <!-- O NAS -->
  <section id="about" style="margin-top:18px">
    <div class="oc-card">
      <h3>O nas</h3>
      <p style="color:var(--muted);margin-top:8px">Pevka, kitara, bas, klaviature in bobni. Igramo pop, yugo rock in instrumentalne skladbe za obrede ter energične odrske set-e.</p>
    </div>
  </section>

  <!-- KAJ IGRAMO -->
  <section id="services" style="margin-top:18px">
    <div class="oc-grid">
      <div class="oc-card"><h4>Poroke in obredi</h4><p class="meta">Nežne in čustvene izvedbe med obredom in po obredu.</p></div>
      <div class="oc-card"><h4>Zaključne zabave</h4><p class="meta">Background glasba ali plesni seti po željah.</p></div>
      <div class="oc-card"><h4>Koncerti</h4><p class="meta">Live performance s pevko; pop in rock seti.</p></div>
      <div class="oc-card"><h4>Instrumental</h4><p class="meta">Spremljava obredov in po obredu.</p></div>
    </div>
  </section>

  <!-- REPERTOAR -->
  <section style="margin-top:18px">
    <div class="oc-card">
      <h3>Repertoar</h3>
      <ul style="margin-top:8px;color:var(--muted)">
        <li>Pop hiti</li>
        <li>Yugo rock klasika</li>
        <li>Instrumentalne skladbe za obrede</li>
        <li>Akustični seti in background glasba</li>
      </ul>
    </div>
  </section>

  <!-- GALERIJA -->
  <section id="gallery" style="margin-top:18px">
    <h3>Galerija</h3>
    <div class="oc-gallery" style="margin-top:10px">
      <!-- ZAMENJAJ: naloži slike v Media Library in prilepi URL-je -->
      <img src="https://via.placeholder.com/800x600.png?text=Foto+1" alt="Originalci - foto 1">
      <img src="https://via.placeholder.com/800x600.png?text=Foto+2" alt="Originalci - foto 2">
      <img src="https://via.placeholder.com/800x600.png?text=Foto+3" alt="Originalci - foto 3">
      <img src="https://via.placeholder.com/800x600.png?text=Foto+4" alt="Originalci - foto 4">
    </div>

    <div style="margin-top:14px" class="oc-card">
      <h4>Video</h4>
      <div class="oc-video">
        <!-- ZAMENJAJ: vstavite YouTube/Vimeo embed URL -->
        <iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ" title="Video" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </div>
    </div>
  </section>

  <!-- REFERENCE -->
  <section style="margin-top:18px">
    <div class="oc-card">
      <h3>Kje smo igrali</h3>
      <p class="meta" style="margin-top:8px">Poročne vile, hoteli, kulturni domovi in zasebni dogodki. Na voljo so priporočila in reference.</p>
      <div style="display:flex;gap:10px;flex-wrap:wrap;margin-top:12px">
        <!-- ZAMENJAJ: logotipi ali imena lokacij -->
        <div style="background:#fff;padding:8px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.04)">Poročna vila Bella</div>
        <div style="background:#fff;padding:8px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.04)">Hotel Park</div>
      </div>
    </div>
  </section>

  <!-- KONTAKT -->
  <section id="contact" style="margin-top:18px">
    <div class="oc-card">
      <h3>Kontakt / Booking</h3>
      <div class="oc-contact" style="margin-top:8px">
        <div>
          <p class="meta">Email: <strong>info@originalci.si</strong></p>
          <p class="meta">Telefon: <strong>+386 40 123 456</strong></p>
          <p style="color:var(--muted);margin-top:8px">Pošljite: datum, lokacija, tip dogodka in približno število gostov.</p>
        </div>

        <div>
          <!-- Če uporabljaš Contact Form 7 ali WPForms, vstavi njihov shortcode namesto spodnjega demo obrazca -->
          <!-- Primer Contact Form 7: [contact-form-7 id="123" title="Booking"] -->
          <form onsubmit="return false;" style="display:flex;flex-direction:column;gap:8px">
            <input type="text" name="name" placeholder="Ime in priimek" required style="padding:10px;border-radius:8px;border:1px solid #e6e9ee">
            <input type="email" name="email" placeholder="Email" required style="padding:10px;border-radius:8px;border:1px solid #e6e9ee">
            <input type="text" name="date" placeholder="Datum dogodka" style="padding:10px;border-radius:8px;border:1px solid #e6e9ee">
            <textarea name="message" placeholder="Kratek opis / želje" rows="4" style="padding:10px;border-radius:8px;border:1px solid #e6e9ee"></textarea>
            <button class="oc-btn" type="button" onclick="alert('Demo: obrazec ne pošlje. V Kubio vstavite shortcode za pravi obrazec.');" style="border:none;cursor:pointer">Pošlji povpraševanje</button>
          </form>
        </div>
      </div>
    </div>
  </section>

  <footer>
    © 2026 Originalci — vse pravice pridržane · Sledi nam: Facebook · Instagram
  </footer>
</div>