Код:
<!--HTML-->
<center>
<div class="bodys">
<div class="naz">
<p><span style="color: #ffffff; font-family: 'Intro'; font-size: 28px; letter-spacing: -1px; line-height: 4px; text-shadow: #575757 0px 1px 0px;">
Вакансии
</div></span></p>
<span style="color: #ffffff; font-family: 'Flow Ext'; font-size: 13px; letter-spacing: 1px; line-height: 4px; text-shadow: #575757 0px 1px 0px;">
— неприятный пес... а какой он породы?<br>
— с шерстью был бы сенбернаром.
</span>
<br>
<br>
<div class="text">
<center>
<table style="width: 531px;">
<tr><td>
<div id="jazcaslide"><div class="jazcaslidedown">
<div style="width: 250px; height: 140px; background:url(http://funkyimg.com/i/2r2ks.png)"></div></div>
<div class="jazcabody">
<div class="jazcalyrics">Правоохранительные органы</div>
<div class="jazcatext jazcascroll">
<center>имя-профессия<br>
<center>
</div></div></div>
</td><td>
<div id="jazcaslide"><div class="jazcaslidedown">
<div style="width: 250px; height: 140px; background:url(http://funkyimg.com/i/2r2kt.png)"></div></div>
<div class="jazcabody">
<div class="jazcalyrics">Здравоохранение</div>
<div class="jazcatext jazcascroll">
<center>Практикант педиатрии - <a href="https://flipcup.rusff.me/profile.php?id=77">Barry W. Olivero</a><br><br>
<center>
</div></div></div>
</td></tr>
<tr><td>
<div id="jazcaslide"><div class="jazcaslidedown">
<div style="width: 250px; height: 140px; background:url(http://funkyimg.com/i/2r2ku.png)"></div></div>
<div class="jazcabody">
<div class="jazcalyrics">"срочные" профессии</div>
<div class="jazcatext jazcascroll">
<center>имя-профессия<br>
<center>
</div></div></div>
</td><td>
<div id="jazcaslide"><div class="jazcaslidedown">
<div style="width: 250px; height: 140px; background:url(http://funkyimg.com/i/2r2kv.png)"></div></div>
<div class="jazcabody">
<div class="jazcalyrics">Университет</div>
<div class="jazcatext jazcascroll">
<center>декан филфака - <a href="https://flipcup.rusff.me/profile.php?id=29">Ingrid Winehouse</a><br>
декан факультета бизнеса и права, преподаватель криминалистики и уголовного права - <a href="https://flipcup.rusff.me/profile.php?id=82">Nigel A. Wood</a><br>
преподаватель психологии - <a href="https://flipcup.rusff.me/profile.php?id=40">Marcus Caulfield</a><br>
преподаватель сценической речи - <a href="https://flipcup.rusff.me/profile.php?id=19">Dennis W. Moore</a><br>
преподаватель психологии - <a href="https://flipcup.rusff.me/profile.php?id=84">Blance Sanders</a><br>
преподаватель истории искусств - <a href="https://flipcup.rusff.me/profile.php?id=91">Demian Redvers</a><br>
<br>
<center>
</div></div></div>
</td></tr>
<tr><td>
<div id="jazcaslide"><div class="jazcaslidedown">
<div style="width: 250px; height: 140px; background:url(http://funkyimg.com/i/2r2kx.png)"></div></div>
<div class="jazcabody">
<div class="jazcalyrics">СМИ</div>
<div class="jazcatext jazcascroll">
<center>имя-профессия<br>
<center>
</div></div></div>
</td><td>
<div id="jazcaslide"><div class="jazcaslidedown">
<div style="width: 250px; height: 140px; background:url(http://funkyimg.com/i/2r2kw.png)"></div></div>
<div class="jazcabody">
<div class="jazcalyrics">Развлекательные</div>
<div class="jazcatext jazcascroll">
<center>владелец частной автомастерской «У Мика» - <a href="https://flipcup.rusff.me/profile.php?id=24">Michael Ward</a><br>
автомеханник - <a href="https://flipcup.rusff.me/profile.php?id=97">Michael Turner</a><br>
бармен в "Woods" - <a href="https://flipcup.rusff.me/profile.php?id=23">Benjamin “Benni” Backham</a><br>
бармен в клубе - <a href="https://flipcup.rusff.me/profile.php?id=70">Eva Foster</a><br>
бариста в кофейне - <a href="https://flipcup.rusff.me/profile.php?id=30"> Reina Tonks</a><br>
музыкант в баре - <a href="https://flipcup.rusff.me/profile.php?id=66">Josh Rackham</a><br>
бариста - <a href="https://flipcup.rusff.me/profile.php?id=54">Annabelle Valentine</a><br><br>
музыкант в баре - <a href="https://flipcup.rusff.me/profile.php?id=86">Adam Knight</a><br>
бармен - <a href="https://flipcup.rusff.me/profile.php?id=85">Daniella Black</a><br>
<center>
</div></div></div>
</td></tr>
</table>
</div></div>
</center>
<link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One|Julius+Sans+One' rel='stylesheet' type='text/css'>
<style type="text/css">
.jazcabody { background: #FBFDF8; width: 250px; height: 190px; padding: 10px; line-height: 100%; }
.jazcalyrics { text-transform: uppercase;
font-family: 'GardensC';
text-align: center;
font-size: 17px;
color: #8c87e6;
padding-top: 8px;
letter-spacing: -1px;
margin-left: -10px;
font-weight: bold;}
.jazcatext { background: transparent;
width: 250px;
height: 75px;
margin-top: 7px;
margin-bottom: 10px;
margin-left: -10px;
overflow: auto;
color: black;
line-height: 100%;
text-align: justify;
font-size: 15px;
font-family: 'GardensC'; }
.jazcanotes { font-family: 'Pathway Gothic One', sans-serif; font-size: 15px; text-align: center; line-height: 100%; width: 330px; color: #D06B67; text-transform: uppercase; }
.jazcacredit { width: 500px; color: black; text-align: right; font-family: calibri; font-size: 6px; text-transform: uppercase }
.jazcascroll::-webkit-scrollbar { width: 3px;background: #FBFDF8 }
.jazcascroll::-webkit-scrollbar-thumb { background: #E8BBB6; }
.jazcascroll::-webkit-scrollbar-corner { background: #FBFDF8; }
#jazcaslide { width: 250px; height: 140px; overflow: hidden; position: relative; border: 4px solid #78bb6f; border-radius: 5px;}
#jazcaslide .jazcaslidedown { -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; position: absolute; left: 0px; bottom: 0px; width: 250px; height: 140px; }
#jazcaslide:hover .jazcaslidedown { -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; o-transition: 0.8s all ease-in-out; position: absolute; left: 0px; bottom: -140px; }
</style>
Код:
профессия (на рус.) - <a href="ссылка на профиль">имя фамилия (на англ.)</a><br>
