Код:
<!--HTML-->
<div class=anket_html>
<div class=anket_name>чарльз блэквуд</div>
<html_divider></html_divider>
<div class=anket_pic><img src="https://i.imgur.com/JXVmpKxm.png"></div>
<div class=anketinfo>
<span><b>место и дата рождения:</b> текст</span>
<span><b>должность:</b> текст</span>
</div>
<span class=face><b>face:</b> name surname</span>
<html_divider></html_divider>
<div class=anket_textblock>
Он не знал, что это за городок, потому что на дороге не было никаких знаков с названием. Указатель – сосновую доску с выцветшей от времени краской – еще лет двадцать назад сбил один дядька, который решил оприходовать за одну ночь сразу двоих любовниц. Его голова покоилась на груди Водки, а рука – на бедре у Виски, когда он утратил контроль над своим автомобилем. Указатель с названием города до сих пор валялся в нескольких футах от дороги, в густых зарослях пуэрарии, покоричневевший от крови, которая давным-давно высохла.
<br><br>
Так что поначалу Кристиан даже не знал, в какой город он въехал. Он знал только одно: он где-то в Северной Каролине, денег почти не осталось, бензин тоже уже на исходе, и весь день было душно и жарко, и солнце все время грозило выглянуть из-за облаков. В общем, даже не зная названия города, Кристиан решил задержаться здесь на какое-то время.
<br><br>
Он ехал по шоссе № 42 и свернул с него налево; стало быть, он въехал в город со стороны Скрипичной улицы – мимо вросших в землю трейлеров и покосившихся лачуг, мимо маленьких кладбищ, заросших сорной травой, мимо куч искореженного железа. Он не почувствовал ничего: ни ужаса, ни волнения. По большому счету, ему было все равно, где жить. Я мог бы доехать до Сан-Франциско, – подумал он, – и глядя на мост «Золотые Ворота» и на огни Китайского квартала, я чувствовал бы то же самое. Ему нельзя было вернуться в Новый Орлеан, так что он мог поселиться в любом другом городе. Все равно, в каком.
<br><br>
На обочине, у самой дороги, стояла девочка лет семи-восьми, но худенькая и сморщенная, как старушка, в синей рубашке, которая была ей сильно велика. Один рукав уныло болтался, наполовину оторванный. Девочка что-то вертела в руках. Поравнявшись с ней, Кристиан притормозил и опустил стекло. Девочка уставилась на него. Ее серые глаза были такими же пасмурными и выцветшими, как сегодняшнее небо.
<br><br>
– Что это за город? – спросил Кристиан. Девочка безразлично пожала худым плечом. Теперь Кристиан разглядел, что было у нее в руках – дохлая крыса с пропыленной шерстью. Ее размозженная голова и передние лапы ссохлись до состояния мумии.
</div>
<html_divider></html_divider>
<div class=anketplayrinfo>
<b>связь с вами:</b> связь
<br/><br/><b>что делать с персонажем, когда вы покинете игру:</b> какой то текст
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,600i,700,700i,800,80i,900,900i&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates:300,400,500,700,800,900&display=swap&subset=cyrillic');
.anket_html {margin: auto;
background: #efefef;
border: 1px solid #cacaca;
box-shadow: 0px 3px 5px 0 rgba(14,25,45,.34);
width: 550px;
padding: 40px;
position: relative}
.anket_name {
font: 800 27px montserrat;
color: #283144;
text-transform: uppercase;
margin-top: -15px
}
.anket_pic {
position: absolute;
background: #283144;
height: 135px;
width: 135px;
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
top: 42px;
right: 33px
}
.anket_pic img {
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
width: 127px;
height: 127px;
margin-top: 4px;
margin-left: 4px
}
.anketinfo {
height: 79px;
background: #283144;
width: calc(100% - 40px);
margin-top: 4px;
display: flex;
align-items: flex-start;
flex-flow: column nowrap;
justify-content: center;
align-content: center;
padding: 0 20px
}
.anketinfo span {
margin: 5px;
flex: 0 1 auto;
font: 500 10px 'Montserrat Alternates';
color: #e4e4e4
}
.face {
display: block;
font: 500 10px 'Montserrat Alternates';
margin-top: 11px;
text-align: right;
margin-right: 100px;
margin-bottom: 12px
}
.anket_textblock {
font: 500 10px/16px montserrat;
text-align: justify;
margin: 16px 0 20px 0;
overflow-y: auto;
height: 400px;
padding-right: 5px
}
.anketplayrinfo {
font: 500 10px/16px montserrat;
margin-top: 15px
}
html_divider {display: block;
background: #272844;
height: 7px;
width: 100%}
</style>
