<!--HTML--><center><link href='http://fonts.googleapis.com/css?family=Oxygen:400,700,300' rel='stylesheet' type='text/css'> <style> #fleur { padding:25px; width:400px; background-image:url('http://subtlepatterns.com/patterns/squairy_light.png'); line-height:100%; } #fleur .ttemp1 { padding:25px; background-color:#ffffff; position:relative; overflow:hidden; } #fleur .ttemp2{ width:170px; height:170px; background-color:#bbbbbb; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; animation: animationFrames linear 2s; animation-iteration-count: infinite; transform-origin: 50% 50%; -webkit-animation: animationFrames linear 2s; -webkit-animation-iteration-count: infinite; -webkit-transform-origin: 50% 50%; -moz-animation: animationFrames linear 2s; -moz-animation-iteration-count: infinite; -moz-transform-origin: 50% 50%; -o-animation: animationFrames linear 2s; -o-animation-iteration-count: infinite; -o-transform-origin: 50% 50%; } @keyframes animationFrames{ 0% { opacity:1; } 50% { opacity:0.5; } 100% { opacity:1; } } @-moz-keyframes animationFrames{ 0% { opacity:1; } 50% { opacity:0.5; } 100% { opacity:1; } } @-webkit-keyframes animationFrames { 0% { opacity:1; } 50% { opacity:0.5; } 100% { opacity:1; } } @-o-keyframes animationFrames { 0% { opacity:1; } 50% { opacity:0.5; } 100% { opacity:1; } } #fleur .ttemp3 { width:150px; height:150px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; border:10px solid #ffffff; position:absolute; top:25px; left:115px; background-position:center; background-size:cover; } #fleur .ttemp4 { padding:15px; margin-top:10px; text-align:justify; font-size:10px; font-family: 'Oxygen', sans-serif; color:#0f0f0f; overflow: auto; max-height: 225px} #fleur .ttemp4 b { font-size:10px; color:#HEXCODE; } #fleur .ttemp4 i { color:#HEXCODE; } #fleur .ttemp4 p { padding:0px; margin:10px 0px; } #fleur .ttemp4 p::first-letter { float:left; margin:0px 10px 5px 0px; font-size:20px; font-weight:700; border:1px solid #f0f0f0; padding:10px; text-transform:uppercase; } </style> <div id="fleur"><div class="ttemp1"><div class="ttemp2"></div><div class="ttemp3" style="background-image:url('http://5.firepic.org/5/images/2015-07/05/c9jrcv2dkcpg.gif');"></div> <div class="ttemp4"> <p>Каждый день мы заходим на топ, открываем ссылки новых проектов в надежде, что найдем что-то стоящее, что-то, что требуется нашей душе. В надежде, что найдем свой дом. Но наши желания не сбываются, пробники не переходят на следующую стадию, а надежд на проект, удовлетворяющий наши желания, становится все меньше. Пару месяцев мы провели в поисках достойного проекта по тематике университет, но ничего не нашли. Поэтому, как говорится, если гора не идет к Магомеду, то Магомед идёт к горе. Вот и мы решили "пойти к своей горке". Экзамены закончены, сессия ушла до зимы, а следовательно появилась куча свободного времени, и мы готовы воплотить свои мечты в реальность.<br> Каждый уважающий себя администратор должен сказать, что он готов пойти до конца, жизнь его не сломает, он будет тянуть проект до последнего. Мы скажем так же. Но мы действительно серьезно настроены, а слова на ветер пущены не будут. Мы хотим осуществить все планы, что выстраиваются в целый список в нашей голове. Студенческая жизнь действительно вдохновляет. Ведь впереди ещё столько всего, столько времени, столько событий. Это самое чудесное время, согласитесь? И мы просто невероятно хотим доказать это всем тем, кто не верит, а, может быть, просто не знаком еще с этим в силу возраста. Поможете нам?<br> Давайте все дружно заселимся в наше общежитие, где каждый станет друг другу семьей или хотя бы просто близким человеком. Ведь любому молодому человеку нужна поддержка. И да, не забывайте про нас. Нас пока что всего трое. А как мы втроем будем управлять тем, что разразится в стенах университета? Кто-нибудь видел хоть одного спокойного студента, который просто сидит и учит, оставшись в четырех стенах своей комнаты? Мы нет. Вы готовы помочь нам? Готовы показать, на что вы способны? Поехали. Игра началась. <table><tbody><tr><td><div style="width: 200px; height: 10px; background: #e8e8e8; font-family: Roboto; font-size: 8px; color: #030303; text-transform: uppercase; letter-spacing:2px; text-align:center;"><b>Занятые</b></div><center><div style="width: 130px; height:235px; background: transparent; font-family: 'Oxygen'; font-size: 9px; padding: 4px 4px 4px 4px; text-transform: uppercase; color: gray; overflow: auto; max-height: 235px;"> <br><b>amber heard</b> - gerda <br><b>ariana grande</b> - vanilla' <br><b>candice accola</b> - moonchild <br><b>Chloe Bennet</b> - Ivory <br><b>chris wood</b> - fantomas <br><b>Colin Firth</b> - лимончик <br><b>Colton Haynes</b> - вливайся <br><b>Dianna Agron</b> - bow <br><b>dylan o`brien</b> - карл маркс <br><b>Dylan Sprayberry</b> - фикус <br><b>Emma Roberts</b> - за амс <br><b>emmy rossum</b> - византия <br><b>Grant Gustin</b> - нагибайся <br><b>Holland Roden</b> - опиум <br><b>ian somerhalder</b> - axel <br><b>Jamie Dornan</b> - двадцать <br><b>karen gillan</b> - лис <br><b>leighton meester</b> - moonchild <br><b>lily collins</b> - канарейка <br><b>Miranda Kerr</b> - лисица <br><b>nicola peltz</b> - свинка пеппа <br><b>Nina Dobrev</b> - мот <br><b>phoebe tonkin</b> - ананси <br><b>Rosie Huntington-Whiteley</b> - индиго <br><b>Shelley Hennig</b> - за амс <br><b>Taron Egerton</b> - калфа <br><b>willa holland</b> - let it go` </div></center></div></td> <td><div style="width: 200px; height: 10px; background: #e8e8e8; font-family: Roboto; font-size: 8px; color: #030303; text-transform: uppercase; letter-spacing:2px; text-align:center;"><b>Нужные</b></div><center><div style="width: 130px; height:235px; background: transparent; font-family: 'Oxygen'; font-size: 9px; padding: 4px 4px 4px 4px; text-transform: uppercase; color: gray; text-align: justify; overflow: auto; max-height: 235px;"> <br><b>arthur darvill</b> <br><b>matt smith</b> </div></center></div></td></tr></tbody></table> </div> </div></div> </center>
Код:<br><b>внешность на англ.</b> - ваш ник