roximplast.pl/templates_user/okna.php

<?
  function displayProductGallery($path, $id) {
    $images = array_diff(scandir($path), array('.', '..'));
    asort($images);

    echo \Tpl::view('components/product-images', [
        'images' => $images,
        'i' => $id,
        'path' => $path
    ]);
  }
?>

<div class="window-list">
  <div class="single-grid" id="premium-plus">
    <div class="single-title">
      <a href="/okna-premium-plus" class="title">Okna PREMIUM PLUS</a>
    </div>
    <div class="single-data">
      <div class="single-list">
        <div class="single-item">
          <?php displayProductGallery('upload/filemanager/okna/new-renders/Rehau_Geneo/', 1); ?>
            <!-- <img src="/upload/filemanager/okna/new-renders/Rehau_Geneo/Rehau_Geneo_01.png" alt=""> -->
          <a href="/okna-premium-plus/#rehau-geneo-86">
            <h3>REHAU GENEO® 86</h3>
          </a>
        </div>
        <div class="single-item">
          <?php displayProductGallery('upload/filemanager/okna/new-renders/Passive-line_Ultra/', 2); ?>
            <!-- <img src="/upload/filemanager/okna/new-renders/Passive-line_Ultra/Passive-line_Ultra_przekroj_01.png" alt=""> -->
          <a href="/okna-premium-plus/#passiv-line-ultra">
            <h3>PASSIV LINE ULTRA</h3>
          </a>
        </div>
      </div>
      <div class="icons">
        <img src="/upload/filemanager/okna/a-plus-plus.svg" alt="">
        <img src="/upload/filemanager/okna/a-plus.svg" alt="">
      </div>
    </div>
  </div>

  <div class="single-grid" id="premium">
    <div class="single-title">
      <a href="/okna-premium" class="title">Okna PREMIUM</a>
    </div>
    <div class="single-data">
      <div class="single-list">
        <div class="single-item">
          <?php displayProductGallery('upload/filemanager/okna/new-renders/Passive-line_Plus/', 3); ?>
          <a href="/okna-premium/#passiv-line-plus">
            <!-- <img src="/upload/filemanager/okna/new-renders/Passive-line_Plus/Passiv-line_Plus_01.png" alt=""> -->
            <h3>PASSIV LINE PLUS</h3>
          </a>
        </div>
        <div class="single-item">
          <?php displayProductGallery('upload/filemanager/okna/new-renders/Passive-line_S/', 4); ?>
          <a href="/okna-premium/#passiv-line-s">
            <!-- <img src="/upload/filemanager/okna/new-renders/Passive-line_S/Passive-line_S_01.png" alt=""> -->
            <h3>PASSIV LINE S</h3>
          </a>
        </div>
        <div class="single-item">
          <?php displayProductGallery('upload/filemanager/okna/new-renders/Rehau_Syneo_80/', 5); ?>
          <a href="/okna-premium/#rehau-synego-80">
            <!-- <img src="/upload/filemanager/okna/new-renders/Rehau_Syneo_80/Rehau_Synego_80_przekroj_01.png" alt=""> -->
            <h3>REHAU SYNEGO 80</h3>
          </a>
        </div>
        <div class="single-item">
          <?php displayProductGallery('upload/filemanager/okna/new-renders/Veka_Vigo_82/', 6); ?>
          <a href="/okna-premium/#veka-vigo-82">
            <!-- <img src="/upload/filemanager/okna/new-renders/Veka_Vigo_82/Veka_Vigo_82_przekroj_01.png" alt=""> -->
            <h3>VEKA VIGO 82</h3>
          </a>
        </div>
        <div class="single-item">
          <?php displayProductGallery('upload/filemanager/okna/new-renders/Veka_Artline/', 7); ?>
          <a href="/okna-premium/#veka-artline-82">
            <!-- <img src="/upload/filemanager/okna/new-renders/Veka_Artline/Veka_Artline_przekroj_01.png" alt=""> -->
            <h3>VEKA ARTLINE 82</h3>
          </a>
        </div>
        <div class="single-item">
          <?php displayProductGallery('upload/filemanager/okna/new-renders/Schuco_living_82/', 8); ?>
          <a href="/okna-premium/#schco-livio-82">
            <!-- <img src="/upload/filemanager/okna/new-renders/Schuco_living_82/Schuco_Living_82_przekroj_01.png" alt=""> -->
            <h3>SCHÜCO LIVIO 82</h3>
          </a>
        </div>
      </div>
      <div class="icons">
        <img src="/upload/filemanager/okna/a-plus-plus.svg" alt="">
        <img src="/upload/filemanager/okna/a-plus.svg" alt="">
        <img src="/upload/filemanager/okna/a.svg" alt="">
        <img src="/upload/filemanager/okna/b.svg" alt="">
      </div>
    </div>
  </div>

  <div class="single-grid" id="comfort">
    <div class="single-title">
      <a href="/okna-comfort" class="title">Okna COMFORT</a>
    </div>
    <div class="single-data">
      <div class="single-list">
        <div class="single-item">
          <?php displayProductGallery('upload/filemanager/okna/new-renders/Veka_Ineo_76/', 9); ?>
          <a href="/okna-comfort/#veka-ineo-76">
            <!-- <img src="/upload/filemanager/okna/new-renders/Veka_Ineo_76/Veka_Ineo_76_przekroj_01.png" alt=""> -->
            <h3>VEKA INEO 76</h3>
          </a>
        </div>
        <div class="single-item">
          <?php displayProductGallery('upload/filemanager/okna/new-renders/Energy-line_85/', 10); ?>
          <a href="/okna-comfort/#energy-line-85">
            <!-- <img src="/upload/filemanager/okna/new-renders/Energy-line_85/Energy_Line_85_przekroj_01.png" alt=""> -->
            <h3>ENERGY LINE 85</h3>
          </a>
        </div>
      </div>
      <div class="icons">
        <img src="/upload/filemanager/okna/c.svg" alt="">
        <img src="/upload/filemanager/okna/d.svg" alt="">
      </div>
    </div>
  </div>

  <div class="single-grid" id="standard">
    <div class="single-title">
      <a href="/okna-standard" class="title">Okna STANDARD</a>
    </div>
    <div class="single-data">
      <div class="single-list">
        <div class="single-item">
          <?php displayProductGallery('upload/filemanager/okna/new-renders/Ideal_7000/', 11); ?>
          <a href="/okna-standard/#ideal-7000-85-clasic-line">
            <!-- <img src="/upload/filemanager/okna/new-renders/Ideal_7000/Ideal_7000_przekroj_01.png" alt=""> -->
            <h3>IDEAL 7000 85 Clasic Line</h3>
          </a>
        </div>
        <div class="single-item">
          <?php displayProductGallery('upload/filemanager/okna/new-renders/Ideal_4000/', 12); ?>
          <a href="/okna-standard/#ideal-4000-70-classic-line">
            <!-- <img src="/upload/filemanager/okna/new-renders/Ideal_4000/Ideal_4000_przekroj_01.png" alt=""> -->
            <h3>IDEAL 4000 70 Classic Line</h3>
          </a>
        </div>
      </div>
      <div class="icons">
        <img src="/upload/filemanager/okna/e.svg" alt="">
        <img src="/upload/filemanager/okna/f.svg" alt="">
      </div>
    </div>
  </div>
</div>