<!--HTML-->
<div class="facenroles">
  <input id="abouttem" type="radio" name="tabs" checked>
    <label for="abouttem">about</label>
 
    <input id="woman" type="radio" name="tabs">
    <label for="woman">woman</label>
 
    <input id="mens" type="radio" name="tabs">
    <label for="mens">man</label>
 
    <input id="roles" type="radio" name="tabs">
    <label for="roles">roles</label>

 
    <section id="content-abouttem">
        <div style="background: url(https://forumstatic.ru/files/001a/70/ea/69796.gif)">
      <div class="abouttem"><quote>If there is nothing but what we make in this world, brothers, let us make it good! </quote>
        <div class="abouttemtext">Заполните и отправьте шаблоны, чтобы добавить информацию по себе в списки! Помните, что один персонаж может иметь только одну внешность и она должна быть представлена в киновселенной Марвел или подходить к возможной киноверсии вашего героя! Подробнее о персонажах и внешностях читайте в Условиях пользования проектом!</div>
        
<div class="facenrolescopycode"><strong class="legend"><a href="javascript://" onclick="select_text($(this).parent().next().find('pre').get(0));return!1">занять внешность</a></strong><div class="blockcode"><div class="scrollbox"><pre>NAME SURNAME // &lt;a href="ссылка_на_профиль"&gt;NICKNAME &lt;/a&gt;&lt;br&gt;</pre></div></div></div>
        
        <div class="facenrolescopycode" style="margin-top: 100px;"><strong class="legend"><a href="javascript://" onclick="select_text($(this).parent().next().find('pre').get(0));return!1">занять роль</a></strong><div class="blockcode"><div class="scrollbox"><pre>NICKNAME // &lt;a href="ссылка_на_профиль"&gt;NICKNAME &lt;/a&gt;&lt;br&gt;</pre></div></div></div>
        
      </div>
        </div>
    </section>  
    <section id="content-woman">
        <div style="background: url(https://forumstatic.ru/files/001a/70/ea/90114.gif)">
          <div class="facesblock">
            <span>ABCD</span>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
            <span>EFGH</span>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
            <span>IJKL</span>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
            <span>MNOP</span>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
            <span>QRST</span>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
            <span>UVWXYZ</span>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
          </div>
        </div>
    </section> 
    <section id="content-mens">
        <div style="background: url(https://forumstatic.ru/files/001a/70/ea/48503.gif)">
          <div class="facesblock">
            <span>ABCD</span>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
            <span>EFGH</span>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
            <span>IJKL</span>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
            <span>MNOP</span>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
            <span>QRST</span>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
            <span>UVWXYZ</span>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
NAME SURNAME // <a href="">NICKNAME</a><br>
          </div>
    </div>
    </section> 
    <section id="content-roles">
        <div style="background: url(https://forumstatic.ru/files/001a/70/ea/29229.gif)">
          <div class="facesblock">
            <span>ABCD</span>
<a href="">NICKNAME</a><br>
<a href="">NICKNAME</a><br>
<a href="">NICKNAME</a><br>
            <span>EFGH</span>
<a href="">NICKNAME</a><br>
<a href="">NICKNAME</a><br>
<a href="">NICKNAME</a><br>
            <span>IJKL</span>
<a href="">NICKNAME</a><br>
<a href="">NICKNAME</a><br>
<a href="">NICKNAME</a><br>
            <span>MNOP</span>
<a href="">NICKNAME</a><br>
<a href="">NICKNAME</a><br>
<a href="">NICKNAME</a><br>
            <span>QRST</span>
<a href="">NICKNAME</a><br>
<a href="">NICKNAME</a><br>
<a href="">NICKNAME</a><br>
            <span>UVWXYZ</span>
<a href="">NICKNAME</a><br>
<a href="">NICKNAME</a><br>
<a href="">NICKNAME</a><br>
          </div>
        </div>
    </section>    
</div>