Код:
<!--HTML--><ul class="s-tabs"> <span>Я в Казани</span><span>Близкие и не очень</span><span>Подарки и награды</span><span>Слоганы</span> <li class="stab"> <!-- Ваш контент 1--> <table> <tr> <td>Обо мне</td> <td>Эпизоды</td> </tr> <tr> <td><div class="charabout"> <img class="charpic" src="image png"> <div>Информация</div> <div>Имя</div> <div>Статус</div> <div>Как давно в Казани</div> <div>Коротко о себе<br>Девиз или цитата</div> </div></td> <td><p class="finep" title="завершён"><i>дд.мм.гггг</i> <a href="ссылка">Название эпизода</a> — Игрок 1 & Игрок 2</p> <p class="actep" title="активен"><i>дд.мм.гггг</i> <a href="ссылка">Название эпизода</a> — Игрок 1 & Игрок 2</p> <p class="froep" title="заморожен"><i>дд.мм.гггг</i> <a href="ссылка">Название эпизода</a> — Игрок 1 & Игрок 2</p></td> </tr> </table> </li> <li class="stab"> <!-- Ваш контент 2--> <table> <tr> <td><img class="charpic" src="image png"> <div>Имя</div> </td> <td>ваш текст об отношениях</td> </tr> </table> </li> <li class="stab"> <!-- Ваш контент 3--> <img src="https://forumstatic.ru/files/0017/ac/82/95286.png" title="подарок"> </li> <li class="stab"> <!-- Ваш контент 4--> </li> </ul>