Код:
<!--HTML--> <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'> <style> .nametag {line-height: 20px; font-family: oswald; font-size: 20px; text-transform: uppercase; margin: 0px 0px 0px 20px; color: white; letter-spacing: -1px;} .curry {width: 220px; height: 360px; overflow: hidden; position: relative;} .chicken {position: absolute; top: 20px; right: 220px; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;} .chicken:hover { opacity: 1} .curry:hover .chicken { right: 0px; } .curry:hover .vindaloo { bottom: 20px; } .vindaloo {margin-top: 20px; width: 147px; height: 260px; padding-right: 3px; margin-right: 20px; border: 15px solid #fff; background-color: #fff; text-align: justify; font-family: roboto; font-size: 9px; line-height: 11px; overflow: auto;} </style> <center> <table cellspacing="2" cellpadding="0"> <tr><td><div class="curry", style="background-image: url(http://funkyimg.com/i/21eg5.png);"> <div class="chicken"> <div class="vindaloo"> <div style="font-size: 12px;">• ХОЗЯИН:<br> • ГЛ. АДМИНИСТРАТОР:<br> • МЕНЕДЖЕРЫ:<br> • УБОРЩИКИ:<br> • БУХГАЛТЕР:<br> • ГОРНИЧНЫЕ:<br> • ПОВАР:<br></div> </div></div></div> <div style="position: relative; margin: -10px 0px 0px 200px; width: 0px; height: 0px; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #a06324 transparent;"></div><div style="width: 220px; background-color: #a06324; height: 50px;"> <div style="height: 20px;"></div> <div class="nametag">Vibe Hotel Gold Coast</div> </div> </td> <td><div class="curry", style="background-image: url(http://funkyimg.com/i/21ij1.png);"> <div class="chicken"> <div class="vindaloo"> <div style="font-size: 12px;">• НАЧАЛЬНИК:<br> • ЗАМ. НАЧАЛЬНИКА:<br> • ШЕРИФЫ:<br> • ДЕТЕКТИВЫ:<br> • СЛЕДОВАТЕЛИ:<br> • КОНСУЛЬТАНТ В ФБР:<br> • ИНСПЕКТОРЫ:<br> • КРИМИНАЛИСТЫ:<br> • ХАКЕРЫ:<br> • СУДМЕДЭКСПЕРТЫ:<br> • ИНФОРМАТОРЫ:<<br> • СТАЖЕРЫ:<br> </div> </div></div></div><div style="margin: -10px 0px 0px 200px; width: 0px; height: 0px; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #a06324 transparent; position: relative;"></div><div style="width: 220px; background-color: #a06324; height: 50px;"><div style="height: 20px;"></div><div class="nametag">POLICE</div> </td> </tr> <tr><td><div class="curry", style="background-image: url(http://funkyimg.com/i/21im3.png);"> <div class="chicken"> <div class="vindaloo"> <div style="font-size: 12px;"> • ВЛАДЕЛЕЦ:<br> • УПРАВЛЯЮЩИЙ:<br> • АДМИНИСТРАТОРЫ:<br> • ОФИЦИАНТЫ:<br> • БАРМЕН:<br> • ВЫШИВАЛЫ:<br> • ПИАР-АГЕНТЫ:<br> • ТАНЦОВНИЦЫ:<br> <br></div> </div></div></div> <div style="position: relative; margin: -10px 0px 0px 200px; width: 0px; height: 0px; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #a06324 transparent;"></div><div style="width: 220px; background-color: #a06324; height: 50px;"> <div style="height: 20px;"></div> <div class="nametag">Platinum Nightclub</div> </div> </td> <td><div class="curry", style="background-image: url(http://funkyimg.com/i/21inj.png);"> <div class="chicken"> <div class="vindaloo"> <div style="font-size: 12px;"> • ВЛАДЕЛЕЦ:<br> • РЕКТОР:<br> • УЧЕБНЫЙ ОТДЕЛ:<br> • БУХГАЛТЕР:<br> • ДЕКАН:<br> • АСПИРАНТЫ:<br> • ПРЕПОДАВАТЕЛИ:<br> • БИБЛИОТЕКАРИ:<br> • СТУДЕНТЫ:<br> <br></div> </div></div></div> <div style="position: relative; margin: -10px 0px 0px 200px; width: 0px; height: 0px; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #a06324 transparent;"></div><div style="width: 220px; background-color: #a06324; height: 50px;"> <div style="height: 20px;"></div> <div class="nametag">Griffith University</div> </td> </tr> <tr><td><div class="curry", style="background-image: url(http://funkyimg.com/i/21inW.png);"> <div class="chicken"> <div class="vindaloo"> <div style="font-size: 12px;"> • МЭР:<br> • ГОРОДСКОй СОВЕТ:<br> • СЕКРЕТАРИ:<br> • ПЕРЕВОДЧИКИ:<br> • МИНИСТРЫ:<br></div> </div></div></div> <div style="position: relative; margin: -10px 0px 0px 200px; width: 0px; height: 0px; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #a06324 transparent;"></div><div style="width: 220px; background-color: #a06324; height: 50px;"> <div style="height: 20px;"></div> <div class="nametag">CITY ADMINISTRATION</div> </div> </td> <td><div class="curry", style="background-image: url(http://funkyimg.com/i/21ioB.png);"> <div class="chicken"> <div class="vindaloo"> <div style="font-size: 12px;"> • ГЛАВ. ВРАЧ:<br> • ЗАМ. ГЛАВВРАЧА:<br> • МЕД. ПЕРСОНАЛ:<br> • ХИРУРГ:<br> • ГИНЕКОЛОГ:<br> • НЕЙРОХИРУРГ:<br> • ПСИХОЛОГ:<br> • ОРДИНАТОРЫ:<br> • ПАТОЛОГОАНАТОМ:<br> • НАРКОЛОГ:<br> • ТРАВМАТОЛОГ:<br> • ИНТЕРНЫ:<br> • СТОМАТОЛОГ:<br> • ПЛАСТИЧ. ХИРУРГИ:<br></div> </div></div></div><div style="margin: -10px 0px 0px 200px; width: 0px; height: 0px; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #a06324 transparent; position: relative;"></div><div style="width: 220px; background-color: #a06324; height: 50px;"><div style="height: 20px;"></div><div class="nametag">Gold Coast HOSPITAL</div> </td> </tr> <tr><td><div class="curry", style="background-image: url(http://funkyimg.com/i/21iq7.png);"> <div class="chicken"> <div class="vindaloo"> <div style="font-size: 12px;"> • ВЛАДЕЛЕЦ:<br> • ГЛАВНЫЙ РЕДАКТОР:<br> • ЗАМ. ГЛ. РЕДАКТОРА:<br> • ЖУРНАЛИСТЫ: <br> • БУХГАЛТЕР:<br> • ФОТОРЕПОРТЕР:<br> • ХУДОЖНИКИ:<br> • КОРРЕКТОР:<br> • СТАЖЕРЫ:<br> • ПИАР-АГЕНТ:<br></DIV> </div></div></div> <div style="position: relative; margin: -10px 0px 0px 200px; width: 0px; height: 0px; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #a06324 transparent;"></div><div style="width: 220px; background-color: #a06324; height: 50px;"> <div style="height: 20px;"></div> <div class="nametag">GOLD COAST JOURNAL</div> </div> </td> <td><div class="curry", style="background-image: url(http://funkyimg.com/i/21isj.png);"> <div class="chicken"> <div class="vindaloo"> • <br></div> </div></div></div><div style="margin: -10px 0px 0px 200px; width: 0px; height: 0px; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #a06324 transparent; position: relative;"></div><div style="width: 220px; background-color: #a06324; height: 50px;"><div style="height: 20px;"></div><div class="nametag">OTHER PROFESSIONS</div> </td> </tr></div> </td> </table> </center></center>
Код:
Сфера работы должность ФИО на англ.