Код:
<link href='http://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,700italic,400,700' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300' rel='stylesheet' type='text/css'> <style type="text/css">.tttri {width: 0px; height: 0px; border-style: solid; border-width: 0 200px 40px 200px; border-color: transparent transparent #FF7F50 transparent; } .robb { padding: 0px 3px 5px 5px; background-color: #fff; margin-top:0px; margin-right:6px; } .robb2 { font-family: calibri; font-size:11px; text-align: justify; padding-right: 2px; overflow: auto; line-height: 100%; text-transform: lowercase;color: #7f7f7f; } .robb2 p:first-letter { float: left; font-size: 50px; line-height: 100%; font-family: oswald; text-transform: uppercase; margin: 0px 5px 0px 0px; color: #292929; } .sublink { margin-top: -10px; padding:5px 0px 6px 0px; font-family:oswald; font-size:10px; margin-bottom:1px; line-height: 100%; background-color: #FF7F50; text-align:center; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing:1px; } .sublink a { color: #fff; text-decoration: none; } .sublink2 { padding:5px 0px 6px 0px; font-family:oswald; font-size:10px; margin-bottom:1px; line-height: 100%; background-color: #b478a4; text-align:center; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing:1px; } .sublink2 a { color: #fff; text-decoration: none; } </style> <style type="text/css"> .testing { width: 480px; margin-left: 28px ; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; opacity: 0.8; position: relative; top: 130; padding: 3px; border: 4px double white;}</style> <center><div style="width: 500px; background-color: #EBEBEB; margin-left: -8px"> <div style=" padding: 0px 10px 25px 20px; background-color: #FF7F50; color: #f7f7f7; font-family: six caps; font-size: 40px; letter-spacing: 2px; height: 34px; width: 468px;text-align: center; font-size:45px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246;">PROFESSIONS<div style='text-align: center; color: #fff; font-family:calibri; font-size:10px; letter-spacing:1px; text-transform:uppercase; font-weight:bold; line-height:1em;'>центр занятости</div></div> <div style="margin-left: -50px; width: 500px; padding: 10px; background-color: transparent ; font-family: calibri, sans-serif; font-size: 9.5px; text-align: justify; line-height: 90%; color: #8C8C8C;"><BR> <div class="testing"><div style="padding: 10px;background-color: white; height: 120px; font-family: times; color: 000; font-size: 11px; letter-spacing: 2px; text-transform: lowercase; line-height: 90%; text-align: justify;"><div class="robb"><div class="robb2"><p>одевай костюмчик стриптизерши, повара или того, кем ты там батрачишь с утра до вечера, запрыгивай в тачку и поехали напрягать свои извилины и трясти попой ради благого дела. </p></div></div> <div class="sublink">выбирайте любую профессию, на которую хватит фантазии</div><br> <center><img style="height:20px; width: 20px" src="http://ppdd.ru/images/zn/zn4_3.gif"> <img style="height:20px; width: 20px" src="http://ppdd.ru/images/zn/zn1_8.gif"> <img style="height:20px; width: 20px" src="http://www.prav-net.ru/img/00074.gif"> <img style="height:20px; width: 20px" src="http://ppdd.ru/images/zn/zn1_26.gif"> <img style="height:20px; width: 20px" src="http://ppdd.ru/images/zn/zn4_5.gif"></center> </div></div> </div></div></center><br><br> <center> <table style="padding-bottom: 20px; font-family: simple, roboto condensed; font-size: 10px; text-transform: uppercase; line-height: 90%;"><tr><td valign="top"><div style="text-align: right; font-family: simple, roboto condensed; padding-right: 4px; border-right: solid #FF7F50 3px; font-size:10px; margin-bottom:1px; line-height: 100%; text-align:center; font-weight: 300; color: #000; text-transform: uppercase; letter-spacing:1px; width: 300px;"> (студенты, преподаватели, др. работники образовательных учреждений)<br> </div></td><td><div style="background-color: #FF7F50; text-align: center; color: #f7f7f7; font-family: six caps; font-size: 25px; letter-spacing: 2px; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 200px; height:40px; ">education <div style=" font-family:oswald; font-size: 8px; margin-bottom: 4px; line-height: 100%; text-align:center; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing:1px; text-shadow:0px 0px 0px, 0px 0px 0px #483246; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; opacity: 0.8;">сфера образования</div> </div></td></tr><tr><td valign="top"><div style="text-align: right; font-family: simple, roboto condensed; padding-right: 4px; border-right: solid #FF7F50 3px; font-size:10px; margin-bottom:1px; line-height: 100%; text-align:center; font-weight: 300; color: #000; text-transform: uppercase; letter-spacing:1px; width: 300px;"> (казино, ночные клубы, стриптиз шоу, аквапарки, боулинг и т.д.)<br> </div></td><td><div style="background-color: #FF7F50; text-align: center; color: #f7f7f7; font-family: six caps; font-size: 25px; letter-spacing: 2px; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 200px; height:40px; ">amusement <div style=" font-family:oswald; font-size: 8px; margin-bottom: 4px; line-height: 100%; text-align:center; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing:1px; text-shadow:0px 0px 0px, 0px 0px 0px #483246; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; opacity: 0.8;">сфера развлечений</div> </div></td></tr><tr><td valign="top"><div style="text-align: right; font-family: simple, roboto condensed; padding-right: 4px; border-right: solid #FF7F50 3px; font-size:10px; margin-bottom:1px; line-height: 100%; text-align:center; font-weight: 300; color: #000; text-transform: uppercase; letter-spacing:1px; width: 300px;"> (кафе, бары, пабы, рестораны, пиццерии, кондитерские, шоколадницы)<br> </div></td><td><div style="background-color: #FF7F50; text-align: center; color: #f7f7f7; font-family: six caps; font-size: 25px; letter-spacing: 2px; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 200px; height:40px; ">restaurant <div style=" font-family:oswald; font-size: 8px; margin-bottom: 4px; line-height: 100%; text-align:center; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing:1px; text-shadow:0px 0px 0px, 0px 0px 0px #483246; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; opacity: 0.8;">ресторанный бизнес </div> </div></td></tr><tr><td valign="top"><div style="text-align: right; font-family: simple, roboto condensed; padding-right: 4px; border-right: solid #FF7F50 3px; font-size:10px; margin-bottom:1px; line-height: 100%; text-align:center; font-weight: 300; color: #000; text-transform: uppercase; letter-spacing:1px; width: 300px;"> (магазины, бутики, супермаркеты)<br> </div></td><td><div style="background-color: #FF7F50; text-align: center; color: #f7f7f7; font-family: six caps; font-size: 25px; letter-spacing: 2px; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 200px; height:40px; ">commerce <div style=" font-family:oswald; font-size: 8px; margin-bottom: 4px; line-height: 100%; text-align:center; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing:1px; text-shadow:0px 0px 0px, 0px 0px 0px #483246; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; opacity: 0.8;">сфера торговли </div> </div></td></tr><tr><td valign="top"><div style="text-align: right; font-family: simple, roboto condensed; padding-right: 4px; border-right: solid #FF7F50 3px; font-size:10px; margin-bottom:1px; line-height: 100%; text-align:center; font-weight: 300; color: #000; text-transform: uppercase; letter-spacing:1px; width: 300px;"> (отели, банки, всевозможные агентства, салоны красоты, фитнес-центры, мастерские)<br> </div></td><td><div style="background-color: #FF7F50; text-align: center; color: #f7f7f7; font-family: six caps; font-size: 25px; letter-spacing: 2px; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 200px; height:40px; ">service <div style=" font-family:oswald; font-size: 8px; margin-bottom: 4px; line-height: 100%; text-align:center; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing:1px; text-shadow:0px 0px 0px, 0px 0px 0px #483246; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; opacity: 0.8;">сфера услуг</div> </div></td></tr><tr><td valign="top"><div style="text-align: right; font-family: simple, roboto condensed; padding-right: 4px; border-right: solid #FF7F50 3px; font-size:10px; margin-bottom:1px; line-height: 100%; text-align:center; font-weight: 300; color: #000; text-transform: uppercase; letter-spacing:1px; width: 300px;"> (актеры, режиссеры, сценаристы, каскадеры, кинокритики)<br> </div></td><td><div style="background-color: #FF7F50; text-align: center; color: #f7f7f7; font-family: six caps; font-size: 25px; letter-spacing: 2px; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 200px; height:40px; ">cinema <div style=" font-family:oswald; font-size: 8px; margin-bottom: 4px; line-height: 100%; text-align:center; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing:1px; text-shadow:0px 0px 0px, 0px 0px 0px #483246; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; opacity: 0.8;">индустрия кино</div> </div></td></tr><tr><td valign="top"><div style="text-align: right; font-family: simple, roboto condensed; padding-right: 4px; border-right: solid #FF7F50 3px; font-size:10px; margin-bottom:1px; line-height: 100%; text-align:center; font-weight: 300; color: #000; text-transform: uppercase; letter-spacing:1px; width: 300px;"> (певцы, группы, композиторы, певицы, djs)<br> </div></td><td><div style="background-color: #FF7F50; text-align: center; color: #f7f7f7; font-family: six caps; font-size: 25px; letter-spacing: 2px; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 200px; height:40px; ">music <div style=" font-family:oswald; font-size: 8px; margin-bottom: 4px; line-height: 100%; text-align:center; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing:1px; text-shadow:0px 0px 0px, 0px 0px 0px #483246; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; opacity: 0.8;">музыкальная индустрия</div> </div></td></tr><tr><td valign="top"><div style="text-align: right; font-family: simple, roboto condensed; padding-right: 4px; border-right: solid #FF7F50 3px; font-size:10px; margin-bottom:1px; line-height: 100%; text-align:center; font-weight: 300; color: #000; text-transform: uppercase; letter-spacing:1px; width: 300px;"> (телевидение, радио, газеты, журналы, модели, фотографы)<br> </div></td><td><div style="background-color: #FF7F50; text-align: center; color: #f7f7f7; font-family: six caps; font-size: 25px; letter-spacing: 2px; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 200px; height:40px; ">mass-media <div style=" font-family:oswald; font-size: 8px; margin-bottom: 4px; line-height: 100%; text-align:center; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing:1px; text-shadow:0px 0px 0px, 0px 0px 0px #483246; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; opacity: 0.8;">масс-медиа</div> </div></td></tr><tr><td valign="top"><div style="text-align: right; font-family: simple, roboto condensed; padding-right: 4px; border-right: solid #FF7F50 3px; font-size:10px; margin-bottom:1px; line-height: 100%; text-align:center; font-weight: 300; color: #000; text-transform: uppercase; letter-spacing:1px; width: 300px;"> (мафия, мошенники, киллеры, воры, угонщики, наркодиллеры, контрабандисты, хакеры)<br> </div></td><td><div style="background-color: #FF7F50; text-align: center; color: #f7f7f7; font-family: six caps; font-size: 25px; letter-spacing: 2px; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 200px; height:40px; ">crime <div style=" font-family:oswald; font-size: 8px; margin-bottom: 4px; line-height: 100%; text-align:center; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing:1px; text-shadow:0px 0px 0px, 0px 0px 0px #483246; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; opacity: 0.8;">cфера преступности</div> </div></td></tr><tr><td valign="top"><div style="text-align: right; font-family: simple, roboto condensed; padding-right: 4px; border-right: solid #FF7F50 3px; font-size:10px; margin-bottom:1px; line-height: 100%; text-align:center; font-weight: 300; color: #000; text-transform: uppercase; letter-spacing:1px; width: 300px;"> (хирурги, психиатры, стоматологи, интерны, анастезиологи, медицинские работники)<br> </div></td><td><div style="background-color: #FF7F50; text-align: center; color: #f7f7f7; font-family: six caps; font-size: 25px; letter-spacing: 2px; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 200px; height:40px; ">medicine <div style=" font-family:oswald; font-size: 8px; margin-bottom: 4px; line-height: 100%; text-align:center; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing:1px; text-shadow:0px 0px 0px, 0px 0px 0px #483246; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; opacity: 0.8;">медицинская сфера</div> </div></td></tr><tr><td valign="top"><div style="text-align: right; font-family: simple, roboto condensed; padding-right: 4px; border-right: solid #FF7F50 3px; font-size:10px; margin-bottom:1px; line-height: 100%; text-align:center; font-weight: 300; color: #000; text-transform: uppercase; letter-spacing:1px; width: 300px;"> (полиция, судьи, прокуроры, адвокаты, фбр)<br> </div></td><td><div style="background-color: #FF7F50; text-align: center; color: #f7f7f7; font-family: six caps; font-size: 25px; letter-spacing: 2px; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 200px; height:40px; ">adminis <div style=" font-family:oswald; font-size: 8px; margin-bottom: 4px; line-height: 100%; text-align:center; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing:1px; text-shadow:0px 0px 0px, 0px 0px 0px #483246; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; opacity: 0.8;">административная сфера</div> </div></td></tr><tr><td valign="top"><div style="text-align: right; font-family: simple, roboto condensed; padding-right: 4px; border-right: solid #FF7F50 3px; font-size:10px; margin-bottom:1px; line-height: 100%; text-align:center; font-weight: 300; color: #000; text-transform: uppercase; letter-spacing:1px; width: 300px;"> (другие профессии)<br> </div></td><td><div style="background-color: #FF7F50; text-align: center; color: #f7f7f7; font-family: six caps; font-size: 25px; letter-spacing: 2px; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 200px; height:40px; ">others <div style=" font-family:oswald; font-size: 8px; margin-bottom: 4px; line-height: 100%; text-align:center; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing:1px; text-shadow:0px 0px 0px, 0px 0px 0px #483246; transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; opacity: 0.8;">другие профессии</div> </div></td></tr> </tr></table></center>
Код:
имя знаменитости • <a herf="ссылка в профиль">ваше имя</a><br>