[hideprofile]

[html]
<div class="gost">
<div class="bigtextgost">hey, mate!</div>
<p>приветствуем тебя на ролевой по всем известному миру магии дж. роулинг. наша локация сша, штат массачусетс, а год на календаре уже 2020-ый. но кто мы такие, чтобы ограничивать тебя? пусть основным местом действия у нас является школа ильверморни и окрестности, но это не лишает тебя возможности отыгрывать другие события в других уголках сша, канады и даже целого мира.</p>

<p>перед погружением тебе может быть интересно заглянуть в тему с <a href='https://greylock.mybb.ru/viewtopic.php?id=5#p5'>лором</a> и поглядеть, как и что у нас тут устроено. также ты всегда можешь чекнуть <a href='https://greylock.mybb.ru/viewtopic.php?id=21#p31'>правила</a> и <a href='https://greylock.mybb.ru/viewtopic.php?id=22#p32'>фак</a> для полноты картины. здесь мы ждем тебя с просьбой придержать внешку, фамилию, а может даже и сразу какую-то роль? слышали, что квотербеков команд по кводпоту и квиддичных кэпов разбирают как горячие пирожки!</p>

<p>придержать внешность (фамилию, роль) ты можешь на 3 дня включительно, а продлить еще дважды на такой же срок. 9 дней на написание анкеты - это неплохо, правда? так чего же ты ждешь? хватай код и вперед!</p>
</div>

<div class="vneshki">

<!-------------------------- ВНЕШКИ -------------------------------------->
<div class="table-users-male">

<table cellspacing="0">
<tr>
<th>ВНЕШНОСТИ</th>
</tr>

<!--------------------------------------- СЮДА ВПИСЫВАТЬ ИМЕНА ------------------------------------------->

<tr>
<td><a href="https://greylock.mybb.ru/profile.php?id=7">Jared Leto/glupsk</a> — 29.10 </td>
</tr>

<tr>
<td><a href="https://greylock.mybb.ru/profile.php?id=5">ella purnell</a> — бронь</td>
</tr>

<tr>
<td><a href="...">oliver jackson-cohen</a> — бронь</td>
</tr>

<tr>
<td><a href="...">robert pattinson</a> — бронь</td>
</tr>

<tr>
<td><a href="https://greylock.mybb.ru/profile.php?id=12">Louis Hofmann/Vincent Goldstein</a> — 10.11</td>
</tr>

<tr>
<td><a href=«https://greylock.mybb.ru/profile.php?id=13»>Jenna Coleman/Eridan Graves</a> — 10.11</td>
</tr>

<tr>
<td>  <a href="https://greylock.mybb.ru/profile.php?id=14">sadie soverall</a> — 18.11</td>
</tr>

</table>
</div>

<!-------------------------- РОЛИ -------------------------------------->
<div class="table-users-female">
   
<table cellspacing="0">
<tr>
<th>РОЛИ</th>
</tr>

<!--------------------------------------- СЮДА ВПИСЫВАТЬ ИМЕНА ------------------------------------------->
<tr>
<td><a href="...">Jane Doe</a> — 00.00</td>
</tr>

<tr>
<td><a href="...">Jane Doe</a> — 00.00</td>
</tr>

</table>
</div>
</div>

<style>
.gost {
background: url("https://forumstatic.ru/files/001b/fb/44/95111.png") no-repeat center top;
width: 800px;
height: 415px;
margin: 0 auto!important;
}
.bigtextgost {
font-family: Acworth;
font-size: 96px;
color: #48462D;
position: relative;
left: 80px;
top: 15px;
}
.gost p {padding: 25px 20px 5px 20px!important;}

.vneshki {
position: relative!important;
display: flex!important;
margin: 20px 0 0 0;
}

.table-users-male {
border-radius: 10px;
max-width: calc(100% - 2em);
margin: 10px auto!important;
overflow: hidden;
width: 300px;
position: relative;
}
.table-users-female {
border-radius: 10px;
max-width: calc(100% - 2em);
margin: 10px auto!important;
overflow: hidden;
width: 300px;
position: relative;
}

table {
width: 100%;
}
   
td {
text-align: center;
vertical-align: middle;
text-transform: lowercase;
letter-spacing: 2px;
color: #eee;
}
td a {color: #eee!important;}
td a:hover {color: #e83b17!important;}
   
th {
background-color: #dadad3;
text-align: right;
text-transform: uppercase;
letter-spacing: 2px;
padding: 10px 30px 10px 0;
}
   
tr {     
&:nth-child(2n) {background-color: #686846;}
&:nth-child(2n+1) {background-color: #5B5940;}
}
</style>
[/html]
[indent]
[indent]
[indent]
ПРИДЕРЖАТЬ ВНЕШНОСТЬ / РОЛЬ

<a href="ССЫЛКА НА ПРОФИЛЬ">name surname/role</a>