<!--HTML-->
 <style type="text/css">
/*тело*/
.qform {width: 560px;
    height: 600px;
    border-radius: 0px 80px;
    border-top: 5px groove;
    border-bottom: 5px ridge;
    background: #C5C5C5;
height: 635px;
overflow: hidden;}
.qname {        position: absolute;
    width: 540px;
    margin-top: -180px;
    height: 160px;
    border-radius: 0px 80px 0px 0px;
    /* border-bottom: 1px dashed; */
    background: -webkit-linear-gradient(#cacaca, #a5a5a5, #cacaca)!important;
    background: -o-linear-gradient(#cacaca, #a5a5a5, #cacaca)!important;
    background: -moz-linear-gradient(#cacaca, #a5a5a5, #cacaca)!important;
    background: linear-gradient(#cacaca, #a5a5a5, #cacaca)!important;
    overflow: hidden;
    padding: 10px;}

.qinfo {position: relative;
    width: 520px;
    height: 140px;
    border-radius: 0px 80px 0px 0px;
    background: -webkit-linear-gradient(#cacaca, #e4e3e3, #cacaca)!important;
    background: -o-linear-gradient(#cacaca, #e4e3e3, #cacaca)!important;
    background: -moz-linear-gradient(#cacaca, #e4e3e3, #cacaca)!important;
    background: linear-gradient(#cacaca, #e4e3e3, #cacaca)!important;
    overflow: auto;
    padding: 20px;
text-align: justify;
opacity:0;
 z-index: 5;}

.qinfo:hover {opacity: 1; -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6;}

.qctc {        position: absolute;
    width: 540px;
    margin-top: -180px;
    height: 160px;
    background: -webkit-linear-gradient(#cacaca, #a5a5a5, #cacaca)!important;
    background: -o-linear-gradient(#cacaca, #a5a5a5, #cacaca)!important;
    background: -moz-linear-gradient(#cacaca, #a5a5a5, #cacaca)!important;
    background: linear-gradient(#cacaca, #a5a5a5, #cacaca)!important;
    overflow: hidden;
    padding: 10px;
font: normal normal bold 20px "bebas neue";}


.qchar {position: relative;
    width: 520px;
    height: 140px;
text-align: justify;
    background: -webkit-linear-gradient(#cacaca, #e4e3e3, #cacaca)!important;
    background: -o-linear-gradient(#cacaca, #e4e3e3, #cacaca)!important;
    background: -moz-linear-gradient(#cacaca, #e4e3e3, #cacaca)!important;
    background: linear-gradient(#cacaca, #e4e3e3, #cacaca)!important;
    overflow: auto;
    padding: 20px;
opacity:0;
 z-index: 5;}

.qchar:hover {opacity:1; -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6;}

.qctc2 {        position: absolute;
    width: 540px;
    margin-top: -180px;
    height: 160px;
    border-radius: 0px 0px 0px 80px;
    background: -webkit-linear-gradient(#cacaca, #a5a5a5, #cacaca)!important;
    background: -o-linear-gradient(#cacaca, #a5a5a5, #cacaca)!important;
    background: -moz-linear-gradient(#cacaca, #a5a5a5, #cacaca)!important;
    background: linear-gradient(#cacaca, #a5a5a5, #cacaca)!important;
    overflow: hidden;
    padding: 10px;
font: normal normal bold 20px "bebas neue";}


.qbio {position: relative;
    width: 520px;
    height: 140px;
text-align: justify;
    background: -webkit-linear-gradient(#cacaca, #e4e3e3, #cacaca)!important;
    background: -o-linear-gradient(#cacaca, #e4e3e3, #cacaca)!important;
    background: -moz-linear-gradient(#cacaca, #e4e3e3, #cacaca)!important;
    background: linear-gradient(#cacaca, #e4e3e3, #cacaca)!important;
    overflow: auto;
    padding: 20px;
opacity:0;
 z-index: 5;}

.qbio:hover {opacity:1; -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6;}

.qform h5 {text-align: center;
    font-family: bebas neue;
    font-size: 40px;}
.qform h4 {text-align: center;
    font-family: bebas neue;
    font-size: 40px;
    background: #313131;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.03em;}

.qform h6 {text-align: center;
    font-family: bebas neue;
    background: rgba(99, 99, 99, 0.39);
    font-size: 30px;}
.qform h7 {text-align: center;
    font-family: bebas neue;
    font-size: 20px;}

 </style>
<div class="qform"><div class="qinfo"><h6>КРАТКАЯ СВОДКА</h6><table width="100%" cellspacing="0" cellpadding="5">
   <tr> 
    <td width=50% valign="middle" align="right"><h7>Место проживания: ответ; <br>
Профессия: ответ;<br>
Семейное положение: ответ; <br>
Ориентация: ответ;<br></h7></td><td valign="middle"><h7>Прототип внешности: ответ;<br>
Команда: ответ;<br>
Контакты для связи: ответ;<br></h7></td>
   </tr></table></div>
<div class="qname"><table width="100%" cellspacing="0" cellpadding="5">
   <tr> 
    <td width=50% valign="middle" align="right"><img src="http://artfeeds.org/media/public/img/icon_photos-of-last-year.png" width="240"></td><td valign="middle"><h5>NAME<br>00 y.o</h5></td>
   </tr></table></div>
<h4>характер</h4>
<div class="qchar">текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </div>
<div class="qctc"><table width="100%" height="140px" valign="middle" cellspacing="0" cellpadding="5"><tr> <td><h5>цитата</h5></td></tr></table></div>

<h4>биография</h4>
<div class="qbio">текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </div>
<div class="qctc2"><table width="100%" height="140px" valign="middle" cellspacing="0" cellpadding="5"><tr> <td><h5>А если очень-очень-очень очень-очень-очень много слов?</h5></td></tr></table></div>
</div>