// ilk konteyner
<div class="container">
     <div class="one"> <img src="PIXEL LINK BURADA" style="width: 19px;"> meyveli aero~
     <br>
    <img src="RESİM BAĞLANTISI BURADA" style="width: 50px; margin-top: 15px;"><div class="oneone">Duygu Durumu: Heyecanlı <img src="PİKSEL BAĞLANTISI BURADA"> <br><img src="RESİM BAĞLANTISI BURADA"></div></div>

// ikinci konteyner
<div class="two">
    <div class="twotwo">
  <input id="search" type="text" placeholder="Ara" style="width: 160px; font-family: MS San Serif;"/>
<div class="merhaba">
<mark> hakkımda </mark> <br>
<img src="PIXEL LINK BURAYA"> adı
<br> ve ben zamirlerle tanınıyorum! <br> <img src="PIXEL LINK BURADA"> <age>age</age> yaşında :3 meyveli aero temalı sitemize hoş geldiniz <br> <img src="IMG LINK BURADA" style="width:125px;">
</div>
    </div>
    <img src="RESİM LİNKİ BURADA" style="width: 190px;">
    </div>

// üçüncü konteyner
<div class="üç">
    <div class="telefon">
<light>1</light> <light>2</light> <light>3</light> <br>
<light>4</light> <light>5</light> <light>6</light> <br>
<light>7</light> <light>8</light> <light>9</light> <br>
<dark>*</dark> <light>0</light> <dark>#</dark>
<div class="icon"><img src="RESİM LİNKİ BURADA" style="width:60px;"><img src="RESİM LİNKİ BURADA" style="width:60px;">
    </div>
    </div>
    </div>
    </div>

// sekmeler
<section class="sekmeler">
  <menu role="tablist" aria-label="Sekme Şablonu">
    <button role="tab" aria-controls="tab-A" aria-selected="true" style="font-family: MS San Serif;">BAŞLIK TABLOSU</button>
    <button role="tab" aria-controls="tab-B" aria-selected="false" style="font-family: MS San Serif;">TAB B BAŞLIĞI</button>
  </menu>
  <article role="tabpanel" id="tab-A"><div class="gray"><guest>Misafir Kullanıcı (02:38)</guest><br>metin buraya gelecek
  </div>
  <div class="white"> <name>İsim (02:42)</name> <br>
  metin buraya gelecek (isterseniz piksel ekleyin, istemezseniz aşağıdaki satırı silin)
<img src="PİKSEL BAĞLANTISI BURADA" style="width: 15px;">
  </div>
  <div class="gray"><guest>Misafir Kullanıcı (02:45)</guest><br>metin buraya gelecek
  </div>
  <div class="white"> <name>İsim (02:59)</name> <br> metni buraya gelir (isterseniz piksel ekleyin, istemezseniz aşağıdaki satırı silin)
<img src="PİKSEL BAĞLANTISI BURADA" style="width: 15px;">
  </div>
  <div class="gray"><guest>Misafir Kullanıcı (03:01) <img src="https://i4.glitter-graphics.org/pub/1575/1575014z1cafzz3yq.gif"></guest><br> metin buraya gelecek
  </div>
  </makale>
  <article role="tabpanel" id="tab-B" hidden><div class="gray"><guest>Misafir Kullanıcı (04:27)</guest><br>metin buraya gelecek
  </div>
  <div class="white"> <name>İsim (04:29)</name> <br>
  metin buraya gelecek (isterseniz piksel ekleyin, istemezseniz aşağıdaki satırı silin)
<img src="PİKSEL BAĞLANTISI BURADA" style="width: 15px;">
  </div>
  <div class="gray"><guest>Misafir Kullanıcı (05:02)</guest><br>metin buraya gelecek
  </div>
  <div class="white"> <name>İsim (05:18)</name> <br> metni buraya gelir (isterseniz piksel ekleyin, istemezseniz aşağıdaki satırı silin)
<img src="PİKSEL BAĞLANTISI BURADA" style="width: 15px;">
  </div>
  <div class="gray"><guest>Yeni Arkadaş (05:34)</guest><br> metni buraya gelecek
  </div>
  </makale>
</bölüm>

// yanıp sönen tabela
<div class="buttons-n-blinkers">
  <div>
    <img src="BLINKIE BURAYA" style="margin-left: 3px;">
    <img src="BLINKIE BURAYA">
    <img src="BLINKIE BURAYA">
    <img src="BLINKIE BURAYA">
    <img src="BLINKIE BURAYA">
  </div>
    </div>

// bunu müzik çalardan sonra (/div, /body ve /html'den önce) kopyalayıp yapıştırın
// bu sekmeler ve seçim öğeleri için javascript'tir
<komut dosyası>
  document.querySelectorAll('[role="tablist"]').forEach(tablist => {
    sabit sekmeler = tablist.querySelectorAll('[role="sekme"]');
    sabit paneller = tablist.parentNode.querySelectorAll('[role="tabpanel"]');

    sekmeler.forEach(sekme => {
      sekme.addEventListener('tıkla', () => {
        sekmeler.forEach(t => t.setAttribute('aria-seçili', 'yanlış'));
        paneller.forEach(p => p.gizli = doğru);

        tab.setAttribute('aria-seçili', 'true');
        sabit panel = document.getElementById(tab.getAttribute('aria-controls'));
        eğer (panel) panel.gizli = false;
      });
    });
  });
  [...document.querySelectorAll(".buttons-n-blinkers")]
.map((div) => div.children[0])
.forEach((innerDiv) => {
  let takipçi = innerDiv.cloneNode(true);
  takipçi.sınıfListesi.ekle("takipçi");
  innerDiv.parentElement.appendChild(takipçi);
  takipçi.sınıfListesi.ekle("oynat");
  innerDiv.classList.add("oynat");
})
</script>