<div id="frame-box">
  <div class="frame" w="500" h="300" b="100">
    <img class="frame-angle nolazy" src="/upload/filemanager/test/frame-angl.png" alt="">
    <img class="frame-border-top nolazy" src="/upload/filemanager/test/frame-border-top.png" alt="">
    <img class="frame-border-right nolazy" src="/upload/filemanager/test/frame-border-right.png" alt="">
  </div>

  <div id="frame-panel">
    <!-- <div class="frame-panel-tile">
      <div class="frame-panel-tile-text">
        <label for="input-frame-height">Wysokość ramki:</label>
        <span></span>
      </div>
      <input type="number" name="input-frame-height" id="input-frame-height" min="150" max="1000" value="300">
    </div>

    <div class="frame-panel-tile">
      <div class="frame-panel-tile-text">
        <label for="input-frame-width">Szerokość ramki:</label>
        <span></span>
      </div>
      <input type="number" name="input-frame-width" id="input-frame-width" min="150" max="1000" value="500">
    </div> -->

    <!-- <div class="frame-panel-tile">
      <div class="frame-panel-tile-text">
        <label for="input-frame-border">Grubość:</label>
        <span></span>
      </div>
      <input type="range" name="input-frame-border" id="input-frame-border" min="30" max="200" value="100">
    </div> -->

    <div class="frame-panel-tile">
      <div class="frame-panel-tile-text">
        <label for="input-frame-height">Wysokość obrazka: (300min / 1500max)</label>
        <span></span>
      </div>
      <input type="number" name="input-frame-img-height" id="input-frame-img-height" min="300" max="1500" value="300">
    </div>

    <div class="frame-panel-tile">
      <div class="frame-panel-tile-text">
        <label for="input-frame-img-width">Szerokość obrazka: (300min / 1500max)</label>
        <span></span>
      </div>
      <input type="number" name="input-frame-img-width" id="input-frame-img-width" min="300" max="1500" value="500">
    </div>

    <div class="frame-panel-tile">
      <div class="frame-panel-tile-text">
        <label for="frame-inside-border-size">passe-partout:</label>
        <span></span>
      </div>
      <select name="frame-inside-border-size" id="frame-inside-border-size">
        <option value="0">Brak</option>
        <option value="5">5 mm</option>
        <option value="7.5">7,5 mm</option>
        <option value="10">10 mm</option>
      </select>
    </div>

    <div class="frame-panel-tile">
      <div class="frame-panel-tile-text">
        <label for="frame-inside-border">slip:</label>
        <span></span>
      </div>
      <input type="checkbox" name="frame-inside-border" id="frame-inside-border">
    </div>

    <div class="frame-panel-tile">
      <div class="frame-panel-tile-text">
        <label for="input-frame-height">Obrazek:</label>
      </div>
      <input type="file" name="input-frame-image-btn" id="input-frame-image-btn">
    </div>
  </div>
</div>