<div class="buttons">
    <button onclick="showSection('reyestr')">Korxonalar reyestri</button>
    <button onclick="showSection('talablar')">Qadoq talablari</button>
  </div>

  <!-- Korxonalar Reyestri -->
  <div id="reyestr" class="section active">
    <div class="sub-title">Zamonaviy Qadoq Ishlab Chiqaruvchi Korxonalar</div>
    <table>
      <tr>
        <th>Hudud</th>
        <th>Korxona nomi</th>
        <th>Manzili</th>
        <th>Qadoq turi</th>
        <th>Yillik quvvati</th>
        <th>Reestr raqami</th>
      </tr>
      <tr>
        <td>Toshkent shahar</td>
        <td>2. OOO SELENA TREYD</td>
        <td>Buxoro viloyati, Gʻijduvon tumani, Yu.Hamadoniy ko‘chasi, 6/1-uy<br>Raxbari: Boboxojayev F.<br>Tel: <a href="tel:+998982744423">+998 98 274 44 23</a></td>
        <td>Qopqog‘i va tagligida 4 klapandan iborat gofrokarton qutilar</td>
        <td>3,5 mln. dona</td>
        <td>58853454</td>
      </tr>
    </table>
  </div>

  <!-- Qadoq Talablari -->
  <div id="talablar" class="section">
    <div class="sub-title">Zamonaviy Mahsulotlar Ro‘yxati (Xol mevalar uchun)</div>
    <table>
      <tr>
        <th>Mahsulot</th>
        <th>Qadoq turi</th>
        <th>Qadoq o‘lchami</th>
        <th>Fizik-mexanik talablar</th>
        <th>Xavfsizlik talablar</th>
        <th>O‘zbekiston belgisi</th>
        <th>Mahsulot rasmi</th>
        <th>QR-kod ma’lumotlari</th>
        <th>Qadoq rasmi</th>
      </tr>
      <tr>
        <td>Xol mevalar (gilos, uzum, anor)</td>
        <td>Qog‘oz, karton, pergament asosidagi qadoq</td>
        <td>1–3 kg, 2–5 kg, 5–10 kg, 10–20 kg, 20–25 kg</td>
        <td>
          Bujlik oralig‘i<br>
          Bosim ostiga chidamliligi<br>
          Usta ust taxlanishga chidamliligi
        </td>
        <td>
          Etilatsetat, Butilatsetat, Acetaldehid, Metil spirt, Izopropil spirt, Boshqalar...
        </td>
        <td>
          06.02.2018 PK-3509<br>
          O‘zDst 3284:2017<br>
          <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e3/Uzbekistan_Logo.svg/120px-Uzbekistan_Logo.svg.png" width="60">
        </td>
        <td><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/28/Cherry_Stella444.jpg/120px-Cherry_Stella444.jpg" width="60"></td>
        <td>Korxona nomi, manzili, ishlab chiqarish quvvati va bog‘lanish</td>
        <td><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f2/Grapes.jpg/120px-Grapes.jpg" width="60"></td>
      </tr>
    </table>
  </div>

  <script>
    function showSection(id) {
      document.querySelectorAll('.section').forEach(sec => sec.classList.remove('active'));
      document.getElementById(id).classList.add('active');
    }
  </script>

</body>