اهو الكود

  <style>
 article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}table{border-collapse:collapse;border-spacing:0}table{font-family:Helvetica, Arial, sans-serif;color:#ffffff;font-size:13px;box-shadow:0 32px  128px -32px black;margin:0 auto}a{color:#FFF;font-weight:bold;text-decoration:none}a:hover{text-decoration:underline}th{padding:24px;background-color:#202020}tbody tr{text-align:center}td:first-child{font-weight:bold;border-left:0}td{padding:14px;box-shadow:0 1px rgba(0, 0, 0, 0.5) inset, 0 -1px rgba(255,255,255, 0.1) inset;background-color:#454545}.staff-mains td:first-child{background-color:#f60}.staff-owners td:first-child{background-color:#f90}..staff-tempowners td:first-child{background-color:#f60}.staff-mods td:first-child{background-color:#ffffff}tr:hover td{background-color:#0076BF!important;color:white;text-shadow:0 0 2px #303030;-webkit-transition:background-color ease-out 0.4s;-moz-transition:background-color ease-out 0.4s;-o-transition:background-color ease-out 0.3s;transition:background-color ease-out 0.3s}
 plus{display:inline}plus::after{content:"\002B"}
   /* Automatic counting and ranks in the staff list */
   section {
     counter-reset: num;
   }

   tbody tr {
     counter-increment: num;
   }

   td:first-child::after {
     content: counter(num);
   }

   .staff-mains td:nth-child(5)::after {
     content: "Main Owner";
   }

   .staff-owners td:nth-child(5)::after {
     content: "Owner";
   }

   .staff-tempowners td:nth-child(5)::after {
     content: "Temp Owner";
   }

   .staff-mods td:nth-child(5)::after {
     content: "Moderator";
   }

   /* */
  </style>

 <body>
  <section class="staff">
   <table class="staff-table">
    <thead>
<tr>
      <th>#</th>
      <th>الريجستر</th>
      <th>اسمك</th>
      <th>ID</th>
      <th>الرتبة</th>
      <th>الدولة</th>

    <!-- >

     </tr>
Sort alphabetically!
    -->

    <tbody class="staff-mains">  <!-- MAIN OWNERS -->
<tr>
      <td></td>
      <td><a abbr="" href="http://xat.me/iDiMA" target="_blank" title="IDIMA">IDIMA</a></td>
<td>iDiMA</td>
      <td>99078573</td>
      <td></td>
       <td><img alt="peru" src="http://xat.com/images/smw/flag/ae.png" title="peru" /></td>


</tr>
</tbody>

    <tbody class="staff-owners">  <!-- OWNERS -->

      <td></td>
      <td><a abbr="" href="http://xat.me/Mido" target="_blank" title="Mido">Mido</a></td>
      <td>Mido</td>
      <td>1000001</td>
        <td></td>
      <td><img border="0" height="30" src="http://3.bp.blogspot.com/-1n9mHK5-lEQ/Vbta5zg1L_I/AAAAAAAAASE/Gb64DWUV5qs/s200/url.png" width="30" /></td>

     </tbody></tr>
<tbody class="staff-owners">  <!-- OWNERS -->
<tr>
      <td></td>
      <td><a abbr="" href="http://xat.me/Mo7amedOka" target="_blank" title="Oka">Mo7amedOka</a></td>
      <td>Mo7amedOka</td>
      <td>1143430131</td>
      <td></td>
      <td><img border="0" height="30" src="http://3.bp.blogspot.com/-1n9mHK5-lEQ/Vbta5zg1L_I/AAAAAAAAASE/Gb64DWUV5qs/s200/url.png" width="30" /></td>

       <tbody class="staff-tempowners">  <!-- Temp OWNERS -->
      <td></td>

      <td><a abbr="" href="http://xat.me/iMaasry" target="_blank" title="Masry">iMaasry</a></td>
      <td>Masry</td>
      <td>96651595</td>
      <td></td>
            <td><img border="0" height="30" src="http://3.bp.blogspot.com/-1n9mHK5-lEQ/Vbta5zg1L_I/AAAAAAAAASE/Gb64DWUV5qs/s200/url.png" width="30" /></td>

  </tr>
<tr>

     </tr>
</tbody>

    <tbody class="staff-mods">  <!-- MODERATORS -->
<tr>
     </tr>
<tr>
      <td></td>
      <td><a abbr="" href="http://xat.me/iiamrpopii" target="_blank" title="ζ͡FIGO»">iiamrpopii</a></td>
      <td>ζ͡FIGO»</td>
      <td>1235218726</td>
      <td></td>
      <td><img border="0" src="http://xat.com/images/smw/flag/ai.png" /></td>

     </tr>
<tr>
      <td></td>
      <td><a abbr="" href="http://xat.me/inj3ct0r007" target="_blank" title="M00">inj3ct0r007</a></td>
      <td>M00</td>
      <td>1472072523</td>
      <td></td>
      <td><img border="0" src="http://xat.com/images/smw/flag/jr.png" /></td>

     </tr>
<tr>
      <td></td>
      <td><a abbr="" href="http://xat.me/iimanoiiii" mano="" target="_blank" title=" "> iimanoiiii</a></td>
      <td>MANO</td>
      <td>1499728611</td>
      <td></td>
      <td><img border="0" height="30" src="http://3.bp.blogspot.com/-1n9mHK5-lEQ/Vbta5zg1L_I/AAAAAAAAASE/Gb64DWUV5qs/s200/url.png" width="30" /></td>


      </tr>
</tbody></thead></table>
</section></body></b></span></div>
</div>
</div>
</div>
<br /></div>