Код:
<!--HTML--><link href="http://allfont.ru/allfont.css?fonts=boyarsky-normal" rel="stylesheet" type="text/css" />
<style>
.zadnik {width:500px; height:600px; background-image: url("http://funkyimg.com/i/21kVj.png");}
.fon {width:480px; height:580px;background-color:#dadfde;position:relative; top:10px;}
.image {width:430px; position:relative; top:15px;}
.name {font-family: 'Boyarsky Normal', arial; font-size: 36pt; align:center; font-weight: 500; position:relative; top:60px;color:#495a5e; }
.krif {font-family:georgia; font-size:7pt; text-transform:uppercase; color:#495a5e; position:relative; top:45px; letter-spacing: 5px;}
.osn {width:430px; height:420px; font-family:georgia; font-size:7.5pt; color:#495a5e; position:relative; top:55px; text-align:justify;overflow-y: auto; letter-spacing: 2px;}
</style>
<center><div class="zadnik">
<div class="fon">
<div class="image">
<div style="position:absolute;left:0px;"><img src="https://placehold.it/100x100"></div><div style="position:absolute;left:110px;"><img src="https://placehold.it/100x100"></div><div style="position:absolute;left:220px;"><img src="https://placehold.it/100x100"></div><div style="position:absolute;left:330px;"><img src="https://placehold.it/100x100"></div>
<div class="name">name surname</div>
<div class="krif">краткая информация</div>
<div class="osn">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lacinia nisl eget risus pharetra, ac hendrerit eros interdum. Vestibulum imperdiet mauris at diam posuere efficitur. Etiam eu justo ac risus placerat facilisis nec sit amet elit. Aliquam semper libero ligula, non consectetur leo suscipit sit amet. Ut euismod vulputate tincidunt. Curabitur viverra accumsan egestas. Ut at convallis tortor, at condimentum mi. Nunc nec mauris id felis dapibus tincidunt. Quisque quis tortor lobortis, pretium urna ac, molestie augue. In interdum porttitor felis, et auctor dolor. Donec pretium sed neque non aliquam. Phasellus ultricies imperdiet nunc at ullamcorper. Sed sapien metus, vestibulum sed ullamcorper ut, tincidunt ac arcu. </div>
</div>
</div>
</div>Отредактировано hyeta (2015-08-24 10:27:23)