zsigmondy-logo.svg

ncsz-logo-inverz.svg

Honvéd Kadét Program (HKP I.)

Honvéd Kadét Program (HKP I. - Honvéd kadét közismereti képzés)

Alapító okirat

ZsigmonDYÁK Alapítvány

Smolcz Frigyes - Nagykanizsai SZC Zsigmondy Vilmos Technikum

Intézményvezetői pályázat

Eljárásrend a Nagykanizsai SZC Zsigmondy Vilmos Technikum intézményben tanulók bántalmazási eseteinek kivizsgálására és kezelésére - 2024

Bántalmazási Esetek Kivizsgálási és Kezelési Eljárásrendje

Panaszkezelési szabályzat

Kérdőív

Beiratkozási információk 2026-27

Jelentkezési lap

Felnőttképzések 2026-27

medium_ikk_360aa14c2e.png

small_ikk_360aa14c2e.png

thumbnail_ikk_360aa14c2e.png

ikk_360aa14c2e.png

thumbnail_pe.png

pe.png

thumbnail_logo_kadet_3bd14bcfe6.jpg

language-cert-logo.png

NSZC_Adatvedelmi_tajekoztato.pdf

<div class="raw-html-embed">


  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>A4 Dokumentum Nézegető</title>
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      /* Vízszintes csúszka tiltása, függőleges görgetés engedélyezése */
      overflow-x: hidden;
      overflow-y: auto;
      padding: 20px 0;
    }

    /* Fő tároló konténer */
    .viewer-container {
      position: relative;
      width: 100%;
      max-width: 900px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 10px;
    }

    /* Kép keret - szigorúan tartja az arányokat */
    .image-wrapper {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
      background: #1e293b;
      max-width: 100%;
    }

    /* Kép formázás - TORZÍTÁS MENTES (object-fit: contain) */
    .image-wrapper img {
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: calc(100vh - 60px);
      object-fit: contain; /* Szigorúan megőrzi a képarányt! */
      display: block;
      transition: opacity 0.25s ease-in-out;
    }

    /* Nyilak a képen */
    .nav-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(15, 23, 42, 0.65);
      color: #ffffff;
      border: 1px solid rgba(255, 255, 255, 0.2);
      backdrop-filter: blur(8px);
      width: 50px;
      height: 50px;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.2s ease;
      z-index: 10;
    }

    .nav-btn:hover {
      background: rgba(37, 99, 235, 0.85);
      scale: 1.08;
    }

    .nav-btn.prev { left: 16px; }
    .nav-btn.next { right: 16px; }

    /* Alsó lapozó pöttyök */
    .dots-container {
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 10px;
      background: rgba(15, 23, 42, 0.75);
      padding: 8px 16px;
      border-radius: 20px;
      backdrop-filter: blur(8px);
      border: 1px solid rgba(255, 255, 255, 0.15);
      z-index: 10;
    }

    .dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.4);
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .dot.active {
      background: #38bdf8;
      width: 26px;
      border-radius: 10px;
    }
  </style>



  <div class="viewer-container">
    <div class="image-wrapper">
      
      <button class="nav-btn prev" id="prevBtn" aria-label="Előző oldal">
        <svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="15 18 9 12 15 6"></polyline></svg>
      </button>
      
      
      <img id="mainImage" src="https://nagykanizsai-zsigmondy.cms.intezmeny.edir.hu/uploads/Tajekoztato_tanarok_HU_a172bfd269.jpg" alt="Tájékoztató kiadvány">
      
      
      <button class="nav-btn next" id="nextBtn" aria-label="Következő oldal">
        <svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"></polyline></svg>
      </button>

      
      <div class="dots-container" id="dotsContainer"></div>
    </div>
  </div>

  <script>
    const images = [
      "https://nagykanizsai-zsigmondy.cms.intezmeny.edir.hu/uploads/Tajekoztato_tanarok_HU_a172bfd269.jpg",
      "https://nagykanizsai-zsigmondy.cms.intezmeny.edir.hu/uploads/Information_leaflet_Parents_HUN_434a723374.jpg",
      "https://nagykanizsai-zsigmondy.cms.intezmeny.edir.hu/uploads/Information_leaflet_SM_Es_HUN_dc9c31b9da.jpg"
    ];

    let currentIndex = 0;
    const mainImg = document.getElementById('mainImage');
    const prevBtn = document.getElementById('prevBtn');
    const nextBtn = document.getElementById('nextBtn');
    const dotsContainer = document.getElementById('dotsContainer');

    function initDots() {
      dotsContainer.innerHTML = '';
      images.forEach((_, idx) => {
        const dot = document.createElement('div');
        dot.className = `dot ${idx === currentIndex ? 'active' : ''}`;
        dot.addEventListener('click', () => goToImage(idx));
        dotsContainer.appendChild(dot);
      });
    }

    function updateViewer() {
      mainImg.style.opacity = '0';
      setTimeout(() => {
        mainImg.src = images[currentIndex];
        mainImg.style.opacity = '1';
      }, 150);

      const dots = dotsContainer.querySelectorAll('.dot');
      dots.forEach((dot, idx) => {
        dot.classList.toggle('active', idx === currentIndex);
      });
    }

    function goToImage(index) {
      currentIndex = index;
      updateViewer();
    }

    prevBtn.addEventListener('click', () => {
      currentIndex = (currentIndex - 1 + images.length) % images.length;
      updateViewer();
    });

    nextBtn.addEventListener('click', () => {
      currentIndex = (currentIndex + 1) % images.length;
      updateViewer();
    });

    // Billentyűzet nyilak (Bal / Jobb)
    document.addEventListener('keydown', (e) => {
      if (e.key === 'ArrowLeft') prevBtn.click();
      if (e.key === 'ArrowRight') nextBtn.click();
    });

    // Érintőképernyős (Swipe) elhúzás támogatása
    let touchStartX = 0;
    document.addEventListener('touchstart', e => touchStartX = e.touches[0].clientX);
    document.addEventListener('touchend', e => {
      const diff = touchStartX - e.changedTouches[0].clientX;
      if (Math.abs(diff) > 50) {
        if (diff > 0) nextBtn.click();
        else prevBtn.click();
      }
    });

    initDots();
  </script>

</div>

Hírek

DigiUP Next

KAPCSOLÓDÓ HÍREK

Pótbeiratkozás - 2026/27

Évnyitó - 2026

Tankönyvosztás időpontjai 2026/27

Partnereink