Код:
<!--HTML--> <style> .tem {width: 570px; height: auto; min-height: 340px; padding: 5px; background: url("http://i.imgur.com/Vg2A3Qr.png") no-repeat center top, url("http://i.imgur.com/cy6uNqb.png") no-repeat center bottom, url("http://i.imgur.com/LKS6A8D.png") repeat-y center;} .tem .ttem {width: 490px; height: auto; padding: 35px; margin-top: 35px; text-align: justify; font-family: 'Cuprum' !important; background: transparent; color: #b2941f; font-size: 12px !important; letter-spacing: 1px; text-transform: lowercase; line-height: 97%; } .temn {width: 480px; margin-top: 25px; font-family: lobster; font-size: 30px; color: #c8a419; text-shadow: 1px 0 0 #a4d349;} </style> <center> <div class="tem"> <div style="padding-top: 120px; line-height: 100%;overflow: auto;"> <div style="font-family: 'lobster', serif; font-size: 30px;font-weight: bold;letter-spacing: -1px;text-shadow: 1px 1px 0px #312836; text-transform: lowercase; text-align: center;color: #ffffff;">12 причин нас любить</div> <center> <div style="width: 400px; padding: 10px; background-color: #eaddf8; border-radius: 5px; text-align: justify;font-size: 10px;letter-spacing: 1px;"><center>Хей, даже не думай, что у нас завышенная самооценка, и что мы расписываем себя тут такими супер-пупер крутыми, но мы предлагаем тебе прочитать 12 причин почему ты можешь выбрать нас и не пожалеть о собственном решении!</center></div> <div style="margin-left: 310px; width: 15px; height: 15px; font-size: 20px; color: #f8dde6; text-shadow: none;">▼</div> </center> <div style="margin-top: -10px; margin-left: 10px; text-align: justify; width: 520px; height: auto; line-height: 140%;"> <br> <table><tr> <td width="220px;"><div style="margin-left: 0px; width: 240px; height: 149px; background-image: url(http://funkyimg.com/i/29Kw8.png);"></div> </td> <td width="220px;"><div style="margin-left: 0px; width: 240px; height: 149px; background-image: url(http://funkyimg.com/i/29Kw7.png);"></div> </td> </tr> <tr> <td width="220px;"><div style="margin-left: 0px; width: 240px; height: 149px; background-image: url(http://funkyimg.com/i/29Kw6.png);"></div> </td> <td width="220px;"><div style="margin-left: 0px; width: 240px; height: 149px; background-image: url(http://funkyimg.com/i/29Kw5.png);"></div> </td> </tr> <tr> <td width="220px;"><div style="margin-left: 0px; width: 240px; height: 149px; background-image: url(http://funkyimg.com/i/29Kw4.png);"></div> </td> <td width="220px;"><div style="margin-left: 0px; width: 240px; height: 149px; background-image: url(http://funkyimg.com/i/29Kw3.png);"></div> </td> </tr> <tr> <td width="220px;"><div style="margin-left: 0px; width: 240px; height: 149px; background-image: url(http://funkyimg.com/i/29Kw2.png);"></div> </td> <td width="220px;"><div style="margin-left: 0px; width: 240px; height: 149px; background-image: url(http://funkyimg.com/i/29KvZ.png);"></div> </td> </tr> <tr> <td width="220px;"><div style="margin-left: 0px; width: 240px; height: 149px; background-image: url(http://funkyimg.com/i/29KvY.png);"></div> </td> <td width="220px;"><div style="margin-left: 0px; width: 240px; height: 149px; background-image: url(http://funkyimg.com/i/29Kwi.png);"></div> </td> </tr> <tr> <td width="220px;"><div style="margin-left: 0px; width: 240px; height: 149px; background-image: url(http://funkyimg.com/i/29KvX.png);"></div> </td> <td width="220px;"><div style="margin-left: 0px; width: 240px; height: 149px; background-image: url(http://funkyimg.com/i/29Kwh.png);"></div> </td> </tr> </table> <br> <br> <br> <br> <br></div> </div> </div> </center>