Код:
<!--HTML-->
<div class="with-you-main">
<p class="woodlawn-title">ХОЧУ К ВАМ</p>
<div class="with-you-description">
Если у вас в голове еще не родился персонаж, или хочется обрасти связями еще до написания анкеты — вам как раз в эту тему. Здесь же можно попытать счастье уже принятым игрокам, если они вдруг поняли, что им нужен старый знакомый или, например, сосед.<br><br>
Шаблон не обязателен к заполнению, форма свободная, и да здравствует флуд.<br><br>
<br></center>
</div>


<strong class="legend"><a href="javascript://" onclick="select_text($(this).parent().next().find('pre').get(0));return!1"><button class="code-box-time">Код шаблона (не обязательный)</button></a></strong><div style="height: 20px; font-size: 0px;"><pre><span>[</span>quote<span>]</span><span>[</span>align=center<span>]</span>
<span>[</span>img<span>]</span>https://i.imgur.com/En6hH2w.jpg<span>[</span>/img<span>]</span> <span>[</span>img<span>]</span>https://i.imgur.com/En6hH2w.jpg<span>[</span>/img<span>]</span>
<span>[</span>size=10<span>]</span>— внешность на английском —<span>[</span>/size<span>]</span><span>[</span>/align<span>]</span><span>[</span>/quote<span>]</span>
<span>[</span>quote<span>]</span><span>[</span>table layout=fixed width=100%<span>]</span>
<span>[</span>tr<span>]</span>
<span>[</span>td<span>]</span><span>[</span>align=center<span>]</span><span>[</span>font=Georgia<span>]</span>— ИМЯ —<span>[</span>/font<span>]</span>
ваш ответ<span>[</span>/align<span>]</span><span>[</span>/td<span>]</span>
<span>[</span>td<span>]</span><span>[</span>align=center<span>]</span><span>[</span>font=Georgia<span>]</span>— ГОРОД —<span>[</span>/font<span>]</span>
ваш ответ<span>[</span>/align<span>]</span><span>[</span>/td<span>]</span>
<span>[</span>/tr<span>]</span>
<span>[</span>tr<span>]</span>
<span>[</span>td<span>]</span><span>[</span>align=center<span>]</span><span>[</span>font=Georgia<span>]</span>— ВОЗРАСТ —<span>[</span>/font<span>]</span>
ваш ответ<span>[</span>/align<span>]</span><span>[</span>/td<span>]</span>
<span>[</span>td<span>]</span><span>[</span>align=center<span>]</span><span>[</span>font=Georgia<span>]</span>— РОД ДЕЯТЕЛЬНОСТИ —<span>[</span>/font<span>]</span>
ваш ответ<span>[</span>/align<span>]</span><span>[</span>/td<span>]</span>
<span>[</span>/tr<span>]</span><span>[</span>/table<span>]</span><span>[</span>/quote<span>]</span>
<span>[</span>spoiler="<span>[</span>align=center<span>]</span><span>[</span>font=Georgia<span>]</span>— ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ —<span>[</span>/font<span>]</span><span>[</span>/align<span>]</span>"<span>]</span>заполняется по желанию<span>[</span>/spoiler<span>]</span></pre></div>


</div>

<style>
.with-you-main {
width: 650px;
height: 399px;
background-image: url(https://i.imgur.com/yZhm7XK.png);
background-repeat: no-repeat;
background-size: 100%;
margin-top: -14px;
    margin-left: -10px;
}

.with-you-description {
width: 450px;
    height: auto;
    background: #ebc0a299;
    outline: 2px solid #da8155;
    outline-offset: -2px;
    position: relative;
    left: 95px;
    top: 70px;
    font-family: arial;
    font-size: 11px;
    padding: 10px;
    color: #86482a;
}

.woodlawn-title {
font-family: Roboto Condensed;
    font-size: 21px!important;
    position: relative;
left: 250px;
    top: 37px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    color: #f3f3f3;
}

.code-box-time {
position: relative;
    top: 80px;
    left: 340px;
background: #ebc0a299;
    padding: 6px;
    border: 1px solid #d5732d;
    outline: none;
    font-size: 11px;
    color: #86482a;
    text-transform: uppercase;
    font-weight: bold;
    cursor: copy;
}

.code-box-time:hover {
    background: #f3f3f3;
    border: 1px solid #657163;
    cursor: copy;
}

.code-box-time:active {
    background-color: #657163;
    color: #f3f3f3; 
    }
</style>