Просмотр кода страницы Участник:Мр. Арсений

<div style="display: inline-block; margin-top: 15px; margin-left: 60px; padding: 10px;">
<div style="border-radius: 8px 8px 0 0; border-bottom: solid black 7px; width: 400px; padding: 5px 0 15.5px; background: #424242; color: #eee;">
<div style="display: inline-block; width: 150px; height: 150px; overflow: hidden; border: solid 3px #000000; border-radius: 50%; margin: 20px; margin-bottom: 5px; background: gray;">
<div style = "position: relative; top: -20px;">https://ru.wikifur.com/w/images/thumb/c/ca/Arceny%27s_Avatar.jpg/150px-Arceny%27s_Avatar.jpg</div>
</div>
<div style="display: inline-block; position: relative; bottom: 15px;">
<span style="font-family: 'Verdana'; font-weight: bold; font-size: 32px;">Арсений</span><br>
<span style="float: right; font-family: 'Lucida Console'; font-size: 14px; color: #aeaeae;">День рождения:</span><br>
<span style="float: right; font-family: 'Lucida Console'; font-size: 15px; color: #d4d4d4;">11 июля 2003</span><br><br>
<span style="float: right; font-family: 'Lucida Console'; font-size: 14px; color: #aeaeae;">Пол:</span><br>
<span style="float: right; font-family: 'Lucida Console'; font-size: 15px; color: #d4d4d4;">Мужской</span>
</div>
<div style="margin: 0 20px 3px; word-wrap: break-word;">
<!--Placeholder-->
</div>
</div>
<div style="position: relative; z-index: 1; width: fit-content; height: 25px; margin: -37.5px auto auto; background: linear-gradient(112.5deg, #000 0%, #0f0f0f 20%, #232323 30%, #141414 70%, #000 100%); box-shadow: inset 0 0 20px -5px #000; color: #dedede; text-shadow: 0 0 10px rgba(143, 30, 231, 0.5); padding: 0px 15px 5px; border-radius: 18px; text-align: center; font-family: 'Verdana'; font-weight: bold; font-size: 18px;">
Связь
</div>
<div style="width: 400px; margin-top: -10.5px; background: linear-gradient(140deg, #000 0%, #27093e 40%, #26093c 60%, #000 100%); box-shadow: inset 0 10px 20px -5px #000, inset 0 -10px 20px -5px #000; border-radius: 0 0 8px 8px; color: #eee; text-align: center;">
<table style="width: 95%; display: inline-table; margin: 12.5px 5px 5px;"><tr>
<td style="width: 50%;">
<div style="background: linear-gradient(145deg, rgba(58, 60, 64, 0.6) 0%, rgba(32, 34, 37, 0.8) 30%, rgba(32, 34, 37, 0.8) 100%); border-radius: 7px; padding: 5px 0;">
<span style="font-family: 'Verdana'; font-weight: bold; font-size: 20px; color: #fff;">Discord</span><br>
<span style="font-family: 'Lucida Console'; font-size: 15px;">@arceni</span>
</div>
</td>
<td style="width: 50%;">
<div style="background: linear-gradient(145deg, rgba(17, 78, 90, 0.6) 0%, rgba(0, 42, 50, 0.8) 30%, rgba(0, 42, 50, 0.8) 100%); border-radius: 7px; padding: 5px 0; font-family: Helvetica;">
<span style="color: #00d6d6; font-weight: bold; font-size: 20px;">FANDOM</span><br>
<span style="font-weight: bold; font-size: 14px; color: #cacbdc;">[https://community.fandom.com/ru/wiki/Участник:Никитин_Арсений Никитин Арсений]</span>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div style="background: linear-gradient(145deg, rgba(65, 85, 110, 0.6) 0%, rgba(27, 40, 56, 0.8) 30%, rgba(27, 40, 56, 0.8) 100%); border-radius: 7px; padding: 5px 0; font-family: Arial;">
<span style="color: #c1bfbc; font-weight: bold; font-size: 20px;">Steam</span><br>
<span style="font-weight: bold; font-size: 15px; color: #cacbdc;">[https://steamcommunity.com/id/Mr_Arceni/ Mr. Arceni]</span>
</div>
</td>
</tr>
</table>
</div>
</div>

<!--Удобочитаемый исходный код: https://jsfiddle.net/Mr_Arceni/6h89nwLb-->