<!--HTML-->
<center><link href="http://fonts.googleapis.com/css?family=Old+Standard+TT" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Oswald:400,300,700" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
<style>
#osnova{ width: 700px; height: 600px; padding: 5px; background-color: #111; border: 3px solid #070708;}
.usernam{ background-color: #121732; width: 650px; height: 90px; padding: 5px;}
.username{ color: #FFF; font-family: Oswald; font-size: 45px; letter-spacing: 2px; text-transform: uppercase; text-align: left; text-shadow: #000000 2px 1px, #334563 3px 2px; padding-top: 10px; padding-left: 25px; padding-bottom: 20px;
}
.usergif { width: 145px; height: 145px; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#111), color-stop(51%,#121732));
padding: 5px; float: right; margin-right: 20px; margin-top: -80px; position: relative; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; z-index: 8;}
.usergif img { width: 145px; height: 145px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
.octcont { background: #000; width: 350px; margin-left: -75px; margin-top: -20px; font-family: verdana; font-size: 8px; color: #FFF; letter-spacing: 1px; text-transform: uppercase; text-align: right; padding: 2px 30px 2px 0px; z-index: 5;}
</style>
<div id="osnova">
<div class="usernam">
<div class="username">Name Surname</div>
<div class="usergif"><img src="гифка">
</div>
</div>
<div class="octcont">
цитата</div>
<div style="width: 250px; float: left">
<center>
<div style="margin-top: px;margin-left: px; -moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
height:60px; width:550px;
background-color: #9a9eb5; letter-spacing: -100px; border:5px double #b1b4c6;
overflow: auto; padding: 1px;"><br>
<div style="line-height: 100%; color: #163f5c; text-align: center; margin-top: -15px">
<!--место для полосочек-->
<img src="http://funkyimg.com/i/231BS.png">
</div>
</div></center>
<center>
<div style="margin-top: 10px; -moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
height:200px;width:685px;
background-color: #9a9eb5; border:5px double #b1b4c6; overflow: auto; padding: 1px;"><br>
<div style="line-height: 70%; color: #163f5c; text-align: center;margin-top: -13px">
<!--место для достижений-->
</div>
</div></center>
<center>
<div style="margin-top: 15px; -moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
height:160px;width:685px;
background-color: #9a9eb5; border:5px double #b1b4c6; overflow: auto; padding: 1px;"><br>
<div style="line-height: 70%; color: #163f5c; text-align: center;margin-top: -13px">
<!--место для трофеев -->
</div>
</div></center>
</div>
