Код:
<!--HTML--><div class="post-box"> <div id="p2-content" class="post-content"> <div class="htmldemo" style="margin-left: -9px"> <style type="text/css"> .rolebody { width: 605px; height: auto; margin-left: -3px; padding-top: 20px; padding-bottom: 30px; display: block; background: url(http://funkyimg.com/i/2n8CA.png) top no-repeat, url(http://funkyimg.com/i/2n8CB.png) bottom no-repeat, url(http://funkyimg.com/i/2n8CC.png) repeat-y;} .topicnews {width: 495px; font-family: verdana, arial, helvetica, sans-serif; line-height: 160%; letter-spacing: 0px; margin-left:0px; margin-top:10px; padding: 100 0 0 20px;} .newstext {font-family: 'Bebas Neue', font-size: 12px; color: #fff; letter-spacing: -0px; text-align: left; } .thework { width:418px; padding:15px; margin-left: 56px; background-color:#; border-radius: 15px 15px 15px 15px; box-shadow: inset 0px 0px 14px #29091c, 0px 0px 1px #fff; border:1px solid #; text-align:center; } .theside { width: 100%; background-color:#e8cdd7; height:15px; line-height:15px; font-family:Bebas Neue; font-size: 14px; text-align:center; color:#29091c; text-transform:uppercase; margin-bottom:10px; } .thework a { color:#fff; font-family:bebas neue; font-size:12px; line-height:80%; text-transform:uppercase; letter-spacing:0px; font-weight:300;text-align:center; } .thework a:hover { color:#e8cdd7; } .name{overflow: auto; height: 150px; padding: 5px; font-size: 10px;} .rules {width: 370px; font-family: 'Tahoma', font-size: 10px; color: #dedede; letter-spacing: -0px; line-height 30%; text-align: left; position: relative; top:-7px; left: 60px; } .info {width: 434px; text-align: center;} </style> <center> <div class="rolebody"> <br><br><br> <div class="topiczone"><br><br> <div class="newstext"> <div style="width: 100%; background-color:; padding-top: 100px; margin-top: -30px;margin-left:18px; align:center;"> <div style="width: 480px; padding: 0px; background-color:;"> <div class="info" style= "margin-top: -125px; margin-left: 70px; margin-bottom: 45px"> <span style=" font-size: 9px; font-family: 'Roboto', sans-serif; color: #fff; "> 80% людей считают, что самое сложное в работе, какой бы она ни была — это просто вставать по утрам.<br> При заполнении шаблона не забудьте убрать звездочки! <br><br> [*code]сфера деятельности<br> ► <*a href="ссылка"><b>профессия</b> - ник на англ<*/a><*br>[*/code]</span></div> <div class="thework"> <table cellspacing="0" cellpadding="0" style="border-collapse:collapse;"> <tbody><tr> <td valign="top"><div style="width:200px; padding:5px; margin-left:-4px;text-align:left;"><div class="theside" style= "border-radius: 56px;">политика</div> <div class="name"> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> </div></div></td> <td valign="top"><div style="width:200px; padding:5px; margin-left:-4px;text-align:left;"><div class="theside" style= "border-radius: 56px;">медицина</div> <div class="name"> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> </div> </div></td> </tr> <br> </tbody></table> </div> <div class="thework"> <table cellspacing="0" cellpadding="0" style="border-collapse:collapse;"> <tbody><tr> <td valign="top"><div style="width:200px; padding:5px; margin-left:-4px;text-align:left;"><div class="theside" style= "border-radius: 56px;">правопорядок</div> <div class="name"> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> </div> </div></td> <td valign="top"><div style="width:200px; padding:5px; margin-left:-4px;text-align:left;"><div class="theside" style= "border-radius: 56px;">криминал</div> <div class="name"> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> </div> </div></td> </tr> </tbody></table> </div> <div class="thework"> <table cellspacing="0" cellpadding="0" style="border-collapse:collapse;"> <tbody><tr> <td valign="top"><div style="width:200px; padding:5px; margin-left:-4px;text-align:left;"><div class="theside" style= "border-radius: 56px;">образование</div> <div class="name"> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> </div> </div></td> <td valign="top"><div style="width:200px; padding:5px; margin-left:-4px;text-align:left;"><div class="theside" style= "border-radius: 56px;">сми</div> <div class="name"> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> </div> </div></td> </tr> </tbody></table> </div> <div class="thework"> <table cellspacing="0" cellpadding="0" style="border-collapse:collapse;"> <tbody><tr> <td valign="top"><div style="width:200px; padding:5px; margin-left:-4px;text-align:left;"><div class="theside" style= "border-radius: 56px;">культура</div> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> </div></td> <td valign="top"><div style="width:200px; padding:5px; margin-left:-4px;text-align:left;"><div class="theside" style= "border-radius: 56px;">другое</div> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> ► <a href="ссылка"><b>профессия</b> - ник на англ</a><br> </div></td> </tr> </tbody></table> </div></div> <br><br><br> </div></div></div></div></center></div>