Generator
Tabs / Zakładek

<div class="tabs-wrapper">
  <div class="tabs-nav" role="tablist" aria-label="Zakładki">
    <button
      class="tab-btn active"
      role="tab"
      aria-selected="true"
      aria-controls="panel-0"
      id="tab-0"
      data-tab="0"
    >📄 Opis</button>
    <button
      class="tab-btn"
      role="tab"
      aria-selected="false"
      aria-controls="panel-1"
      id="tab-1"
      data-tab="1"
    >⚙️ Specyfikacja</button>
    <button
      class="tab-btn"
      role="tab"
      aria-selected="false"
      aria-controls="panel-2"
      id="tab-2"
      data-tab="2"
    >⭐ Opinie</button>
  </div>
  <div class="tabs-content-area">
  <div
    class="tab-panel active"
    role="tabpanel"
    id="panel-0"
    aria-labelledby="tab-0"
    
  >
    <div class="tab-content">
      <p>Szczegółowy opis produktu lub usługi. Tutaj możesz umieścić główne informacje, które użytkownik powinien zobaczyć jako pierwsze.</p>
    </div>
  </div>
  <div
    class="tab-panel"
    role="tabpanel"
    id="panel-1"
    aria-labelledby="tab-1"
    hidden
  >
    <div class="tab-content">
      <p>Techniczne parametry i specyfikacja:</p>
      <p>- Parametr 1: Wartość</p>
      <p>- Parametr 2: Wartość</p>
      <p>- Parametr 3: Wartość</p>
    </div>
  </div>
  <div
    class="tab-panel"
    role="tabpanel"
    id="panel-2"
    aria-labelledby="tab-2"
    hidden
  >
    <div class="tab-content">
      <p>Co mówią nasi klienci o tym produkcie/usłudze. Prawdziwe recenzje i oceny od zadowolonych użytkowników.</p>
    </div>
  </div>
  </div>
</div>