НАДО ЗАПОЛНИТ КВАДРАТИКИ КРАТКОЙ ИНФОЙ И СВЕРИТЬ ЦЕЛИ СО СТРАНИЦАМИ
Код:
<!--HTML--> <script type="text/javascript"> function move(id,spd) { var obj=document.getElementById(id); var max=-obj.offsetHeight+obj.parentNode.offsetHeight; var top=parseInt(obj.style.top); if ((spd>0&&top<=0)||(spd<0&&top>=max)){ obj.style.top=top+spd+"px"; move.to=setTimeout(function(){ move(id,spd); },20); } else obj.style.top=(spd>0?0:max)+"px"; } </script> <style type="text/css"> .bodylove557 { width: 620px; height: 200; margin-left: -3px; padding-top: 130px; padding-bottom: 30px; display: block; background: url(http://funkyimg.com/i/22VAX.png) top no-repeat, url(http://funkyimg.com/i/22VAY.png) bottom no-repeat, url(http://funkyimg.com/i/22VAZ.png) repeat-y;} </style> <center> <div class="bodylove557"> <link href='http://fonts.googleapis.com/css?family=Roboto:400,700,700italic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'> <center> <div style="width: 450px; background: #; padding: 20px;"> <div style="font-family: lobster; font-size: 35px; color: #7a3834; margin-left: 163px; line-height: 70%;">Система целей и стремлений</div> <div style="width: 220px; height: 8px; background: #276043; border-left: 80px solid #b82d26; border-right: 150px solid #4fa379;"></div> <div style="width: 500px; height: auto; font-family: Cuprum; font-size: 14px; line-height: 95%; color: #3b3b3b; overflow: ; text-align: justify; padding-top: 20px; margin-bottom: -15px; margin-left: -30px;"> <center> <p><font color="#296547">Помните замечательную игру The Sims? Кажется, все в нее играли, верно? Так вот… у каждого персонажа в игре была своя главная жизненная цель, достижение которой делало его счастливым. В принципе, в жизни всё точно также, разве что спектр целей шире. Кто-то из нас стремиться к популярности, кто-то к богатству, кто-то видит свое счастье в семье, а кто-то в развлечениях. Все мы разные, но самые важные ценности, о которых мы иногда даже не догадываемся, но которые непременно заложены в нас, часто совпадают. Люди, живущие на острове Чеджу, тоже преследуют свои цели, и их приоритеты мы условно разделили на 4 группы.</font></center> <table> <tr> <td><style> .boo {transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; opacity: 0; } .boo:hover{opacity: 1;} </style> <center> <div style="width: 220px; height: 125px; background-color: #9858e0;"></div> <div style="margin-top: -55px; position: relative; width: 100px; border-radius: 55px; height: 100px; padding: 5px; background-color: white;"><div style="width: 100px; height: 100px; background-image: url(http://funkyimg.com/i/22VzG.png); border-radius: 50px; position: absolute;"><div class="boo"><div style="width: 150px; height: 150px; background-color: white; margin-left: -25px; margin-top: -30px;"><div style="height: 10px;"></div><div style="width: 120px; font-family: times; text-transform: uppercase; font-size: 9px; letter-spacing: 2.5px; background-color: #747884; line-height: 100%; padding: 5px; color: #e5e4de;">activities & entertainment</div> <div style="height: 8px;"></div> <div style="width: 120px; font-family: cuprum; height: 104px; overflow: auto; font-size: 12px; line-height: 100%; text-align: justify; color: #242424;"> ayyyy your words here whatevs lol .</div> </div></div></div></div> <div style="width: 220px; height: 125px; background-color: #747884; margin-top: -55px;"></div> </center> </div> </center></td> <td><style> .boo {transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; opacity: 0; } .boo:hover{opacity: 1;} </style> <center> <div style="width: 220px; height: 125px; background-color: #e05858;"></div> <div style="margin-top: -55px; position: relative; width: 100px; border-radius: 55px; height: 100px; padding: 5px; background-color: white;"><div style="width: 100px; height: 100px; background-image: url(http://funkyimg.com/i/22VzR.png); border-radius: 50px; position: absolute;"><div class="boo"><div style="width: 150px; height: 150px; background-color: white; margin-left: -25px; margin-top: -30px;"><div style="height: 10px;"></div><div style="width: 120px; font-family: times; text-transform: uppercase; font-size: 9px; letter-spacing: 2.5px; background-color: #747884; line-height: 100%; padding: 5px; color: #e5e4de;">love & family</div> <div style="height: 8px;"></div> <div style="width: 120px; font-family: cuprum; height: 104px; overflow: auto; font-size: 12px; line-height: 100%; text-align: justify; color: #242424;"> ayyyy your words here whatevs lol .</div> </div></div></div></div> <div style="width: 220px; height: 125px; background-color: #747884; margin-top: -55px;"></div> </center> </div> </center></td> </tr> <tr> <td><style> .boo {transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; opacity: 0; } .boo:hover{opacity: 1;} </style> <center> <div style="width: 220px; height: 125px; background-color: #58d6e0;"></div> <div style="margin-top: -55px; position: relative; width: 100px; border-radius: 55px; height: 100px; padding: 5px; background-color: white;"><div style="width: 100px; height: 100px; background-image: url(http://funkyimg.com/i/22VzY.png); border-radius: 50px; position: absolute;"><div class="boo"><div style="width: 150px; height: 150px; background-color: white; margin-left: -25px; margin-top: -30px;"><div style="height: 10px;"></div><div style="width: 120px; font-family: times; text-transform: uppercase; font-size: 9px; letter-spacing: 2.5px; background-color: #747884; line-height: 100%; padding: 5px; color: #e5e4de;">fame & self-perfection</div> <div style="height: 8px;"></div> <div style="width: 120px; font-family: cuprum; height: 104px; overflow: auto; font-size: 12px; line-height: 100%; text-align: justify; color: #242424;"> ayyyy your words here whatevs lol .</div> </div></div></div></div> <div style="width: 220px; height: 125px; background-color: #747884; margin-top: -55px;"></div> </center> </div> </center></td> <td><style> .boo {transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; opacity: 0; } .boo:hover{opacity: 1;} </style> <center> <div style="width: 220px; height: 125px; background-color: #92e058;"></div> <div style="margin-top: -55px; position: relative; width: 100px; border-radius: 55px; height: 100px; padding: 5px; background-color: white;"><div style="width: 100px; height: 100px; background-image: url(http://funkyimg.com/i/22VzN.png); border-radius: 50px; position: absolute;"><div class="boo"><div style="width: 150px; height: 150px; background-color: white; margin-left: -25px; margin-top: -30px;"><div style="height: 10px;"></div><div style="width: 120px; font-family: times; text-transform: uppercase; font-size: 9px; letter-spacing: 2.5px; background-color: #747884; line-height: 100%; padding: 5px; color: #e5e4de;">career & luxury</div> <div style="height: 8px;"></div> <div style="width: 120px; font-family: cuprum; height: 104px; overflow: auto; font-size: 12px; line-height: 100%; text-align: justify; color: #242424;"> ayyyy your words here whatevs lol .</div> </div></div></div></div> <div style="width: 220px; height: 125px; background-color: #747884; margin-top: -55px;"></div> </center> </div> </center></td> </tr> </table> <center> <p><font color="#296547">В какую бы из этих четырех групп вы ни попали, можете не волноваться – на вашу игру и описанный вами характер это ничуть не повлияет. В конце концов, целей в реальной жизни у каждого человека гораздо больше, они намного разнообразнее и неповторимее, чем мы расписали здесь. Если вы случаем стали карьеристом, это ничуть не ограничивает вас в желании любить или быть популярным. Просто помните, что на подсознательном уровне персонаж, который, например, попал в ту же категорию карьеристов, неосознанно будет счастлив продвинуться вверх по должности. И совсем неважно, что в анкете он расписан как неработающий, ведущий разгульный образ жизни лежебока. Ведь в жизни мы тоже не часто реализуем свои цели, верно? И иногда, расставляя ложные приоритеты, даже не догадываемся о том, что действительно сделает нас счастливыми. Считайте это личным жизненным гороскопом. Словами гадалки. Предзнаменованием звезд. И иногда всё же прислушивайтесь к внутреннему голосу истинного счастья.</font></center> <br><center><div style="width: 450px; height: 30px; background: #9858e0; font-family: lobster; font-size: 20px; text-transform: lowercase; color: white; line-height: 30px;">Activities & Entertainment</div></center> <br><font color="#9858e0" face="lobster">Масштабные – 5 баллов</font> <br>- Закатить вечеринку на весь город <br>- Купить и раскрутить свой ночной клуб <br>- Посетить все 7 континентов <br>- Выучить 5 языков <br>- Открыть приют для животных <br><br><font color="#9858e0" face="lobster">Второстепенные – 1 балл</font> <br>- посетить 3 вечеринки за сутки <br>- взять отпуск и сидеть дома <br>- уволиться и уехать в путешествие на несколько месяцев <br>- завести домашнее животное <br>- побывать на ночном марафоне в кинотеатре <br>- посетить Октоберфест в Мюнхине <br>- посетить все Азиатские страны <br>- встретить Хэллоуин в Америке <br>- жить в палатке вдали от цивилизации <br>- получить второе высшее образование <br>- выучить 2 иностранных языка <br>- перепробовать все напитки в местном баре <br>- прийти домой в чужой одежде после вечеринки <br>- прыгать пьяным в бассейн <br>- провести весь день в парке аттракционов <br>- активно заниматься спортом <br>- поплавать с дельфинами <br>- послать письмо в бутылке <br>- напиться до потери памяти <br>- вести свой блог <br>- мыть посуду в ресторане (оплата счета) <br>- вести себя шумно/попасть в участок <br>- устроить вечеринку «сюрприз» для друга <br>- зажигать на танцполе <br>- сгореть на пляже <br>- делать снимки на память <br>- набить татуировку будучи пьяным <br><br><center><div style="width: 450px; height: 30px; background: #e05858; font-family: lobster; font-size: 20px; text-transform: lowercase; color: white; line-height: 30px;">Love & Family</div></center> <br><font color="#e05858" face="lobster">Масштабные – 5 баллов</font> <br>- родить/усыновить ребенка <br>- вступить в брак (однополые пары могут слетать ради этого в Канаду) <br>- впервые признаться в любви кому-то <br>- отправиться со второй половинкой в путешествие <br>- устроить свидание в другой стране <br><br><font color="#e05858" face="lobster">Второстепенные – 1 балл</font> <br>- пригласить на свидание <br>- подарить дорогой подарок своей "половинке" <br>- обзавестись домашним животным <br>- проводить время с родителями <br>- первый поцелуй с новым человеком <br>- заняться сексом <br>- подвезти свою половинку <br>- флиртовать на работе <br>- играть с детьми <br>- быть замеченным кем-то во время ласк со своей половинкой <br>- говорить о любви по телефону <br>- заходить в сексшоп <br>- мечтать о любви или о детях <br>- покупать одежду вместе со второй половинкой <br>- встретиться с бывшей/бывшим <br>- делать комплимент <br>- получить/отправить анонимное признание в любви <br>- проснуться от поцелуя/разбудить поцелуем <br>- прятать следы от поцелуев <br>- мимолетно смутиться в отношениях <br>- получать/давать совет в любовных делах <br>- делиться секретом <br>- плакать из-за любви <br>- скрывать свои настоящие чувства <br>- заняться сексом в общественном месте <br>- нанянчиться с чужим ребенком <br>- петь серенаду под окном любимой(-го) <br><br><center><div style="width: 450px; height: 30px; background: #58d6e0; font-family: lobster; font-size: 20px; text-transform: lowercase; color: white; line-height: 30px;">Fame & Self-Perfection</div></center> <br><font color="#58d6e0" face="lobster">Масштабные – 5 баллов</font> <br>- получить главную роль в фильме <br>- прославиться за пределами страны <br>- опубликовать свои мемуары <br>- стать лицом какой-либо компании <br>- стать "первым" в своем деле (модель/актер/певец и тд) <br><br><font color="#58d6e0" face="lobster">Второстепенные – 1 балл</font> <br>- организовать вечеринку в честь дня рождения <br>- завести новое знакомство <br>- выступить на сцене <br>- получить комплимент <br>- сняться в рекламном ролике <br>- дать интервью <br>- быть в центре внимания <br>- быть узнанным незнакомцем <br>- освоить новый навык <br>- читать модные журналы <br>- заниматься в тренажерном зале <br>- сидеть на диете <br>- прихорашиваться у зеркала <br>- получить огромное кол-во лайков за свою запись/пост в соц.сети (от 500 и выше) <br>- записаться на кастинг в реалити шоу <br>- звонить на радио <br>- попасть на доску почета <br>- увидеть свое фото в журнале <br>- выкладывать видео в сеть <br>- скрываться от кого-то <br>- закатить скандал с фразой: "Да вы хоть знаете, кто я?" <br>- оценивать внешний вид окружающих/критиковать <br>- отказываться от роли из-за более выгодного предложения (реклама/кино) <br>- менять цвет волос несколько раз за день <br>- тратить деньги на дизайнерские вещи <br>- делать селфи <br>- быть окруженным фанатами <br><br><center><div style="width: 450px; height: 30px; background: #92e058; font-family: lobster; font-size: 20px; text-transform: lowercase; color: white; line-height: 30px;">Career & Luxury</div></center> <br><font color="#92e058" face="lobster">Масштабные – 5 баллов</font> <br>- Накопить первый миллион собственным трудом <br>- Стать владельцем крупной компании и уволить своего бывшего начальника <br>- Обзавестись минимум 4-мя особняками/виллами заграницей <br>- Получить внезапное большое наследство <br>- Войти в список журнала «Forbes» <br><br><font color="#92e058" face="lobster">Второстепенные – 1 балл</font> <br>- Найти деньги по дороге на работу <br>- Выбор профессии мечты <br>- Получение повышения <br>- Работать дома <br>- Оказывать влияние на кого-то <br>- Находиться в роскошной обстановке <br>- Приобретение дорогой одежды или аксессуаров <br>- Оплата кредитной картой <br>- Вложить все деньги в дело, остаться без копейки в кармане <br>- Экстремально экономить (собирать купоны, не включать электричество и т.д) <br>- Собирать деньги в копилку/разбивать копилку <br>- Тратить деньги на ненужные вещи <br>- Обсуждать за спиной начальство, остаться без повышения <br>- Рвать цветы с клумбы на свидание/быть пойманным полицией <br>- Тратить деньги на драгоценности <br>- Покупать квартиру в центре города <br>- Ограбить грабителя, который пытался ограбить Вас <br>- Вкладывать деньги в безумные идеи друзей <br>- Брать кредит <br>- Потратить круглую сумму на элитный отдых <br>- Оказаться втянутым в финансовую аферу/выйти чистым из нее <br>- Наличие кого-то в подчинении <br>- Побывать в городе своей мечты <br>- Внести анонимное пожертвование на последние деньги <br>- Остаться заместителем своего начальника, командовать всеми/наживать врагов <br>- Покупать лотерейные билеты <br>- Уволиться ради другого предложения <br><br><br><br> </div></center>
--