Код:
<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,900italic|Economica' rel='stylesheet' type='text/css'>

<style type="text/css">
.asf-bajancanadian {
   width:400px;
   height:400px;
   padding:25px;
   background-image:url(https://wmpics.pics/di-VVS3.png);
   background-position: center bottom;
}
.asf-jerome {
   width: 350px;
   padding:25px;
   background-color:#A23838;
   margin-top:-50px;
   z-index:1;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
}
.asf-noochm {
   font-size:50px;
   font-style:italic;
   font-weight:bold;
   font-family:playfair display;
   color:#fcfcfc;
   line-height:100%;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
}
.asf-mitch {
   width:350px;
   padding:25px;
   overflow:auto;
   font-family:calibri;
   font-size:11px;
   line-height:99%;
   background-color:rgba(255, 255, 255, 0.8);
   background-color:rgb(255, 255, 255, 0.8);
   text-align:justify;
   height:0px;
   color:191919;
   opacity:0;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
}
.asf-bajancanadian:hover .asf-jerome {
   margin-top:0px;
}
.asf-bajancanadian:hover .asf-mitch {
   opacity:1;
   height:250px;
}
.mrc {
   font-family:calibri;
   font-size:9px;
   text-transform:uppercase;
   text-decoration:none;
}
.mrc a {
   text-decoration:none;
   color:#A23838;
}
</style>

<center>
   <div class="asf-bajancanadian">
       <div class="asf-mitch">
<center><br>
I. правительственная, судебно-правая и здравоохранительная сферы.<br>
политика<br>
пресс-атташе в администрации <br>
диспетчер в полиции <br>
офицеры /21 год/ <br>
детектив /24 года/ <br>
детектив полиции - <br>

сержант /30 лет/ <br>
лейтенант /35 лет/ <br>
капитан /40 лет/ <br>
заместитель начальника департамента <br>
начальник департамента <br>
фбр
<br>  
<br>
<br>

<br>
II. социально-экономическая сфера.
<br>
III. коммерческая сфера.
<br>
IV. образовательная сфера.<br>
государственный университет <br>
Профессора <br>
студенты <br>
студентка (ин. яз.)<br>
школа медицинских наук 
<br>
<br>
V.  медицина <br>

ординаторы /26 лет/<br>
доктора семейной практики и педиатры /29 лет/<br>
отделение гинекологии /30 лет/
психиатрия /25 лет/<br>
отделение урологии /31 год/
<br>
хирург общей практики <br>
хирург - <br>
спец. хирургия /31-32 года/<br>
кардио хирургия /33 года/<br>
нейрохирургия /34 года/<br>
врачи скорой /29 - 30 лет<br>
VI. криминал
лидер: 
члены группировки: 
лидер: 
правая рука: 
информаторы: 
адвокат: 
<br>
</center>


</div>
       <div class="asf-jerome">
           <div class="asf-noochm"> place of employment</div>
       </div>
   </div>
   <div class="mrc"><a href="http://roux.jfbs.net/index.php?showuser=1">xoxo</a>
   </div>
</center>

Код:
• Профессия - <i><a href="ссылка на профиль">имя и фамилия игрока (на англ.)</a></i></a><br>