Код:
<!--HTML--> <center> <div class="topbody"> <br><br><br><br> <div class="topicbox"> <div class="topictitle"> кто работает, тот ест </div><div class="topictext"> список занятых профессий </div> Каждый из нас торопится с утра (а, порой, ночью или вечером) куда-то, нехватку времени заменяя быстрым шагом, а усталость маскируя очередной порцией кофе. Работу можно любить и ненавидеть, можно дружелюбно болтать с коллегами или ждать, когда на них, наконец, обвалится потолок. Но, как ни крути, прожить сейчас без работы очень и очень сложно. Здесь же ты можешь занять ту, что тебе по душе. </div> <br><br><br><br> </div></center>
ПОСЛЕДОВАТЕЛЬНО ЗАПОЛНЯЕМ И ВСТАВЛЯЕМ В ТЭГ "КОД"
Код: Сфера деятельности (категория в списке - сервис, культура и т.д.) - ваш ответ | Код: <br>Род занятий, профессия - <a href="ССЫЛКА НА ПРОФИЛЬ">Имя персонажа на англ</a> |
Код:
<!--HTML--> <style type="text/css"> .tabs3 { position: relative; width: 570px; height: 620px; margin: 0px 0; clear: both; } .tab3 { float: center; } .tab3 label { width: 82px; color: #ffffff; padding: 0px; position: absolute; line-height: 100%; left: 0px; top: 0px; text-shadow: 1px 1px 0px #cd9234; text-transform: lowercase; text-align: center; transition-duration: 0.3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; -o-transition-duration: .3s; } .tab3 [type=radio] { display: none; baseline-tab-shift: true, retrieve; } .content3 { position: absolute; padding: 0px; top: 20px; bottom: 0px; left: 0px; right: 0px; background: #fff3e9; width: 570px; height: 620px;} [type=radio]:checked ~ label { background: transparent; z-index: 2; } [type=radio]:checked ~ label ~ .content3 { z-index: 1; } .mun { overflow: auto; opacity: .95; transition-duration: 0.9s; -moz-transition-duration: .9s; -webkit-transition-duration: .9s; -o-transition-duration: .9s; } .pol { overflow: auto; opacity: .95; transition-duration: 0.9s; -moz-transition-duration: .9s; -webkit-transition-duration: .9s; -o-transition-duration: .9s; } .mas { overflow: auto; opacity: .95; transition-duration: 0.9s; -moz-transition-duration: .9s; -webkit-transition-duration: .9s; -o-transition-duration: .9s; } .cul { overflow: auto; opacity: .95; transition-duration: 0.9s; -moz-transition-duration: .9s; -webkit-transition-duration: .9s; -o-transition-duration: .9s; } .ser { overflow: auto; opacity: .95; transition-duration: 0.9s; -moz-transition-duration: .9s; -webkit-transition-duration: .9s; -o-transition-duration: .9s; } .crim { overflow: auto; opacity: .95; transition-duration: 0.9s; -moz-transition-duration: .9s; -webkit-transition-duration: .9s; -o-transition-duration: .9s; } .oth { overflow: auto; opacity: .95; transition-duration: 0.9s; -moz-transition-duration: .9s; -webkit-transition-duration: .9s; -o-transition-duration: .9s; } </style> <center> <div class="tabs3"> <!--МУНИЦИПАЛИТЕТ--> <div class="tab3"> <input type="radio" id="tab-21" name="tab-group-9" checked> <label for="tab-21" style="background-color: #ffcf77; height: 20px; width: 82px; font-family: 'Cuprum', serif; font-size: 16px;font-weight: bold;letter-spacing: -1px;">государство</label> <div class="content3"><div class="mun"> <div style="background-image: url(http://funkyimg.com/i/YHty.png); height: 600px; width: 570px; padding-top: 20px;"> <div style="padding-top: 20px; height: 520px; width: 550px; line-height: 100%;overflow: auto;"> <div style="font-family: 'Cuprum', serif; font-size: 30px;font-weight: bold;letter-spacing: -2px;text-shadow: 1px 1px 0px #cd9234; text-transform: lowercase; text-align: center;color: #ffffff;">муниципалитет</div> <center> <div style="width: 400px; padding: 10px; background-color: #ffcf77; border-radius: 5px; text-align: justify;font-size: 9px;letter-spacing: 1px;"><center>Государственные структуры, учебные заведения, медицинские учреждения.</center></div> <div style="margin-left: 380px; width: 15px; height: 15px; font-size: 20px; color: #ffcf77; text-shadow: none;">▼</div> </center> <div style="margin-top: 0px; margin-left: -10px; text-align: center; width: 450px;line-height: 100%; font-family: 'Cuprum', serif; font-size: 15px;"> <br>Владелица вокальной школы - <a href="https://pearepe.rusff.me/profile.php?id=377">Malora Vader</a> <br>Врач - микрохирург- <a href="https://pearepe.rusff.me/profile.php?id=147">Philippe Castro</a> <br>Врач-травматолог - <a href="https://pearepe.rusff.me/profile.php?id=12">Edward Grey</a> <br>Врач - хирург - <a href="https://pearepe.rusff.me/profile.php?id=389">Bastian Rochester</a> <br>Генеральный директор In Corp. - <a href="https://pearepe.rusff.me/profile.php?id=374">Maxim Ushakov</a> <br>Интерн в морге - <a href="https://pearepe.rusff.me/profile.php?id=246">Raven Mayfield</a> <br>Психолог-практикант в средней школе - <a href="https://pearepe.rusff.me/profile.php?id=315">Melissa Aymes</a> <br>Репетитор по литературе - <a href="https://pearepe.rusff.me/profile.php?id=79">Lydia Valentine</a> <br>Сопредседатель Green Party United States - <a href="GREEN PARTY UNITED STATES">Walter Rochester</a> <br>Студентка - <a href="https://pearepe.rusff.me/profile.php?id=122">Adelina Bosco</a> <br>Студентка- <a href=https://pearepe.rusff.me/profile.php?id=335>Brenda Dalton </a> <br>Студентка - <a href="https://pearepe.rusff.me/profile.php?id=79">Lydia Valentine</a> <br>Студентка - <a href="https://pearepe.rusff.me/profile.php?id=27">Noel Chamberlain</a> <br>Студентка - <a href="https://pearepe.rusff.me/profile.php?id=150"> Amber Austen</a> <br>Студентка - <a href="https://pearepe.rusff.me/profile.php?id=346">Rebekah Adrian</a> <br>Студентка - <a href="https://pearepe.rusff.me/profile.php?id=386">Joy Madsen</a> <br>Студентка, подрабатывает фотографом - <a href="https://pearepe.rusff.me/profile.php?id=340"> Tessa Malone-Grimes</a> </div></div></div></div></div></div> <!--ПОЛИЦИЯ--> <div class="tab3"> <input type="radio" id="tab-22" name="tab-group-9" > <label for="tab-22" style="background-color: #cdccf6; height: 20px; width: 82px; font-family: 'Cuprum', serif; font-size: 16px;font-weight: bold;letter-spacing: -1px; margin-left: 82px;">полиция</label> <div class="content3"><div class="pol"> <div style="background-image: url(http://funkyimg.com/i/YGkP.png); height: 600px; width: 570px; padding-top: 20px;"> <div style="padding-top: 20px; height: 520px; width: 550px; line-height: 100%;overflow: auto;"> <div style="font-family: 'Cuprum', serif; font-size: 30px;font-weight: bold;letter-spacing: -2px;text-shadow: 1px 1px 0px #cd9234; text-transform: lowercase; text-align: center;color: #ffffff;">закон и порядок</div> <center> <div style="width: 400px; padding: 10px; background-color: #cdccf6; border-radius: 5px; text-align: justify;font-size: 9px;letter-spacing: 1px;"><center>Полицейское управление, специальные структуры, армия.</center></div> <div style="margin-left: 380px; width: 15px; height: 15px; font-size: 20px; color: #cdccf6; text-shadow: none;">▼</div> </center> <div style="margin-top: 0px; margin-left: -10px; text-align: center; width: 450px;line-height: 100%; font-family: 'Cuprum', serif; font-size: 15px;"> <br>Адвокат/Антикризисный менеджер - <a href="https://pearepe.rusff.me/profile.php?id=352">Vivienne Cole</a> <br>Детектив сержант [убойный отдел] - <a href="https://pearepe.rusff.me/profile.php?id=33">Ultana Vader</a> <br>Детектив полиции сержант [убойный отдел] - <a href="https://pearepe.rusff.me/profile.php?id=36">Nick Grimes</a> <br>Корпоративный юрист (старший партнер) "Wallace & Miller" - <a href="https://pearepe.rusff.me/profile.php?id=32">Benjamin Thorpe</a> <br>Криминалист-психолог ФБР - <a href="https://pearepe.rusff.me/profile.php?id=278">Marcus Lane</a> <br>Сенатор от штата Колорадо в Конгрессе США - <a href="https://pearepe.rusff.me/profile.php?section=essentials&id=355">Thomas Pearson</a> </div></div></div></div></div></div> <!--МАСС МЕДИА--> <div class="tab3"> <input type="radio" id="tab-23" name="tab-group-9"> <label for="tab-23" style="background-color: #d6e49e; height: 20px; width: 82px; font-family: 'Cuprum', serif; font-size: 16px;font-weight: bold;letter-spacing: -1px; margin-left: 164px;">сми</label> <div class="content3"><div class="mas"> <div style="background-image: url(http://funkyimg.com/i/YHtB.png); height: 600px; width: 570px; padding-top: 20px;"> <div style="padding-top: 20px; height: 520px; width: 550px; line-height: 100%;overflow: auto;"> <div style="font-family: 'Cuprum', serif; font-size: 30px;font-weight: bold;letter-spacing: -2px;text-shadow: 1px 1px 0px #cd9234; text-transform: lowercase; text-align: center;color: #ffffff;">масс медиа</div> <center> <div style="width: 400px; padding: 10px; background-color: #d6e49e; border-radius: 5px; text-align: justify;font-size: 9px;letter-spacing: 1px;"><center>Средства массовой информации, телевидение, радио, периодика, издательства.</center></div> <div style="margin-left: 380px; width: 15px; height: 15px; font-size: 20px; color: #d6e49e;; text-shadow: none;">▼</div> </center> <div style="margin-top: 0px; margin-left: -10px; text-align: center; width: 450px;line-height: 100%; font-family: 'Cuprum', serif; font-size: 15px;"> <br>Ведущий ночных эфиров на радио - <a href="https://pearepe.rusff.me/profile.php?id=374">Matvey Ushakov</a> <br>Вторая помощница продюсера телеканала - <a href="https://pearepe.rusff.me/profile.php?id=381">Avery Young</a> <br>Владелец Denver Spectator - <a href="https://pearepe.rusff.me/profile.php?id=378">Rhaegal Vader</a> <br>Владелец пиар агенства - <a href="https://pearepe.rusff.me/profile.php?id=186">Xavier Orsini</a> <br>Главный редактор в издательстве "J&C" - <a href="https://pearepe.rusff.me/profile.php?id=382">Jack M. Cain</a> <br>Журналист на ТВ - <a href="https://pearepe.rusff.me/profile.php?id=20">Liam Davidson</a> <br>Журналист - <a href="https://pearepe.rusff.me/profile.php?id=18">Hayden Chamberlain</a> <br>Журналистка, главный редактор - <a href="https://pearepe.rusff.me/profile.php?id=67">Isabella Steele</a> <br>Журналистка, фотограф - <a href="https://pearepe.rusff.me/profile.php?id=160">Ava Carrington</a> <br>Радиоведущая - <a href="https://pearepe.rusff.me/profile.php?id=312">Delilah Ackroyd</a> <br>Радиоведущая - <a href="https://pearepe.rusff.me/profile.php?id=266">Josie Richardson</a> <br>Специалист по связям с общественностью в Denver Spectator - <a href="https://pearepe.rusff.me/profile.php?id=31">Reina Vader</a> <br>Travel журналист/фотограф натуралист в National Geographic - <a href="https://pearepe.rusff.me/profile.php?id=49">Hector Vader</a> </div></div></div></div></div></div> <!--КУЛЬТУРА --> <div class="tab3"> <input type="radio" id="tab-24" name="tab-group-9"> <label for="tab-24" style="background-color: #f9c9ab; height: 20px; width: 82px; font-family: 'Cuprum', serif; font-size: 16px;font-weight: bold;letter-spacing: -1px; margin-left: 246px;">культура</label> <div class="content3"><div class="cul"> <div style="background-image: url(http://funkyimg.com/i/YHtD.png); height: 600px; width: 570px; padding-top: 20px;"> <div style="padding-top: 20px; height: 520px; width: 550px; line-height: 100%;overflow: auto;"> <div style="font-family: 'Cuprum', serif; font-size: 30px;font-weight: bold;letter-spacing: -2px;text-shadow: 1px 1px 0px #cd9234; text-transform: lowercase; text-align: center;color: #ffffff;">культура</div> <center> <div style="width: 400px; padding: 10px; background-color: #f9c9ab; border-radius: 5px; text-align: justify;font-size: 9px;letter-spacing: 1px;"><center>Музыканты, художники, артисты, актеры, театралы, литераторы.</center></div> <div style="margin-left: 380px; width: 15px; height: 15px; font-size: 20px; color: #f9c9ab;; text-shadow: none;">▼</div> </center> <div style="margin-top: 0px; margin-left: -10px; text-align: center; width: 400px;line-height: 100%; font-family: 'Cuprum', serif; font-size: 15px;"> <br>Актриса в театре - <a href="https://pearepe.rusff.me/profile.php?id=289">Serena Walsh</a> <br>Владелица картинной галереи - <a href="https://pearepe.rusff.me/profile.php?id=348">Alona Dea</a> <br>Владелица творческой барахолки - <a href="https://pearepe.rusff.me/profile.php?id=394">Aníta Jónsdóttir</a> <br>Вокалист - <a href="https://pearepe.rusff.me/profile.php?id=339">Jesse Barrow</a> <br>Звукорежиссер - <a href="https://pearepe.rusff.me/profile.php?id=92">Alexandr Lesser</a> <br>Композитор, автор-исполнитель - <a href="https://pearepe.rusff.me/profile.php?id=368">Noah Waaktaar-Savoy</a> <br>Музыкант, барабанщик - <a href="https://pearepe.rusff.me/profile.php?id=376">Simon Cox</a> <br>Музыкант/певица - <a href="https://pearepe.rusff.me/profile.php?id=371">Sophia Wellington</a> <br>Писатель-криминалист - <a href="https://pearepe.rusff.me/profile.php?id=354">Leon Mitchell</a> <br>Хореограф - <a href="https://pearepe.rusff.me/profile.php?id=336">Kat Rochester</a> <br>Художник - <a href="https://pearepe.rusff.me/profile.php?id=369">Charles Derby</a> </div></div></div></div></div></div> <!--СЕРВИС--> <div class="tab3"> <input type="radio" id="tab-25" name="tab-group-9"> <label for="tab-25" style="background-color: #ecbacc; height: 20px; width: 82px; font-family: 'Cuprum', serif; font-size: 16px;font-weight: bold;letter-spacing: -1px; margin-left: 328px;">сервис</label> <div class="content3"><div class="ser"> <div style="background-image: url(http://funkyimg.com/i/YHtz.png); height: 600px; width: 570px; padding-top: 20px;"> <div style="padding-top: 20px; height: 520px; width: 550px; line-height: 100%;overflow: auto;"> <div style="font-family: 'Cuprum', serif; font-size: 30px;font-weight: bold;letter-spacing: -2px;text-shadow: 1px 1px 0px #cd9234; text-transform: lowercase; text-align: center;color: #ffffff;">сфера обслуживания</div> <center> <div style="width: 400px; padding: 10px; background-color: #ecbacc; border-radius: 5px; text-align: justify;font-size: 9px;letter-spacing: 1px;"><center>Туризм, отели, гостиницы, рестораны, клубы и т.д.</center></div> <div style="margin-left: 380px; width: 15px; height: 15px; font-size: 20px; color: #ecbacc; text-shadow: none;">▼</div> </center> <div style="margin-top: 0px; margin-left: -10px; text-align: center; width: 400px;line-height: 100%; font-family: 'Cuprum', serif; font-size: 15px;"> <br>Администратор в 3 kings tavern - <a href="https://pearepe.rusff.me/profile.php?id=363">Jaimie Soleto</a> <br>Администратор в салоне красоты «BEAUTY» - <a href="https://pearepe.rusff.me/profile.php?id=388">Sasha Daniels</a> <br>Бариста в кофейне - <a href="https://pearepe.rusff.me/profile.php?id=303">Olly Mosby</a> <br>Бизнесвумен, владелица нескольких баров и ресторана - <a href="https://pearepe.rusff.me/profile.php?id=372">Taylor Gold</a> <br>Владелица бара "Siren Song" - <a href="https://pearepe.rusff.me/profile.php?id=377">Malora Vader</a> <br>Владелец автомастерской - <a href="https://pearepe.rusff.me/profile.php?id=57">Trevor Philips</a> <br>Владелец магазина комиксов - <a href="https://pearepe.rusff.me/profile.php?id=34">François Janois</a> <br>Владелица агентства по организации праздников - <a href="https://pearepe.rusff.me/profile.php?id=157">Eva Blake</a> <br>Воспитатель в детском саду - <a href="https://pearepe.rusff.me/profile.php?id=150"> Amber Austen</a> <br>Врач-терапевт - <a href="https://pearepe.rusff.me/profile.php?id=143">Dominique Freeze</a> <br>Кофейня, официант - <a href="https://pearepe.rusff.me/profile.php?id=22">Adam Hume</a> <br>Магазин комиксов, продавец - <a href="https://pearepe.rusff.me/profile.php?id=22"> Adam Hume</a> <br>Организатор мероприятий в агентстве торжеств - <a href="https://pearepe.rusff.me/profile.php?id=370">Kellyn Weiss</a> <br>Организатор праздников - <a href="https://pearepe.rusff.me/profile.php?id=61">Jackie Matthews</a> <br>Организатор свадеб- <a href="https://pearepe.rusff.me/profile.php?id=334">Felicia Sanders</a> <br>Организатор свадебных торжеств - <a href="https://pearepe.rusff.me/profile.php?id=364">Olivia Middleton</a> <br>Официантка в кафе - <a href="https://pearepe.rusff.me/profile.php?id=183">Platisha Miller</a> <br>Похоронное бюро "Олинджер Хайленд", директор - <a href="https://pearepe.rusff.me/profile.php?id=135">Abel Keller</a> <br>Продавец в антикварном магазине - <a href="https://pearepe.rusff.me/profile.php?id=231">Philippa Jones</a> <br>Продавец в магазине комиксов - <a href="https://pearepe.rusff.me/profile.php?id=346">Rebekah Adrian</a> <br>Продавец в музыкальном магазине Flesher-Hinton - <a href="https://pearepe.rusff.me/profile.php?id=272">Eyre Palahniuk</a> <br>Социальный работник - <a href="https://pearepe.rusff.me/profile.php?id=391 ">Alexis Montgomery</a> <br>Шеф-повар - <a href="https://pearepe.rusff.me/profile.php?id=393">Saoirse Vader</a> </div></div></div></div></div></div> <!--КРИМИНАЛ--> <div class="tab3"> <input type="radio" id="tab-26" name="tab-group-9"> <label for="tab-26" style="background-color: #c9ddf6; height: 20px; width: 82px; font-family: 'Cuprum', serif; font-size: 16px;font-weight: bold;letter-spacing: -1px; margin-left: 410px;">криминал</label> <div class="content3"><div class="crim"> <div style="background-image: url(http://funkyimg.com/i/YHtA.png); height: 600px; width: 570px; padding-top: 20px;"> <div style="padding-top: 20px; height: 520px; width: 550px; line-height: 100%;overflow: auto;"> <div style="font-family: 'Cuprum', serif; font-size: 30px;font-weight: bold;letter-spacing: -2px;text-shadow: 1px 1px 0px #cd9234; text-transform: lowercase; text-align: center;color: #ffffff;">преступная деятельность</div> <center> <div style="width: 400px; padding: 10px; background-color: #c9ddf6; border-radius: 5px; text-align: justify;font-size: 9px;letter-spacing: 1px;"><center>Любые противозаконные манипуляции.</center></div> <div style="margin-left: 380px; width: 15px; height: 15px; font-size: 20px; color: #c9ddf6; text-shadow: none;">▼</div> </center> <div style="margin-top: 0px; margin-left: -10px; text-align: center; width: 400px;line-height: 100%; font-family: 'Cuprum', serif; font-size: 15px;"> <br>Археолог&контрабандистка - <a href="https://pearepe.rusff.me/profile.php?id=164">Amaris Callisto</a> <br>Владелец отеля и казино "Shore",(консильери в мафии) - <a href="https://pearepe.rusff.me/profile.php?id=306">Antonio Lazcano</a> <br>Воровка - <a href="https://pearepe.rusff.me/profile.php?id=319">Arietta Fowler</a> <br>Мошенница - <a href="https://pearepe.rusff.me/profile.php?id=37">Megan Ritson</a> </div> </div></div></div></div></div> <!--ОСТАЛЬНОЕ--> <div class="tab3"> <input type="radio" id="tab-27" name="tab-group-9"> <label for="tab-27" style="background-color: #f7cf82; height: 20px; width: 82px; font-family: 'Cuprum', serif; font-size: 16px;font-weight: bold;letter-spacing: -1px; margin-left: 492px;">другое</label> <div class="content3"><div class="oth"> <div style="background-image: url(http://funkyimg.com/i/YHH2.png); height: 600px; width: 570px; padding-top: 20px;"> <div style="padding-top: 20px; height: 520px; width: 550px; line-height: 100%;overflow: auto;"> <div style="font-family: 'Cuprum', serif; font-size: 30px;font-weight: bold;letter-spacing: -2px;text-shadow: 1px 1px 0px #cd9234; text-transform: lowercase; text-align: center;color: #ffffff;">остальное</div> <center> <div style="width: 400px; padding: 10px; background-color: #f7cf82; border-radius: 5px; text-align: justify;font-size: 9px;letter-spacing: 1px;"><center>Все, что не вошло в другие пункты.</center></div> <div style="margin-left: 380px; width: 15px; height: 15px; font-size: 20px; color: #f7cf82; text-shadow: none;">▼</div> </center> <div style="margin-top: 0px; margin-left: -10px; text-align: center; width: 400px;line-height: 100%; font-family: 'Cuprum', serif; font-size: 15px;"> <br>Видеоблоггер - <a href="https://pearepe.rusff.me/profile.php?id=209">Virginia Clarke</a> <br>Владелец CHARLEY TECHNOLOGY COM. - <a href="https://pearepe.rusff.me/profile.php?id=380">Charley Carlisle</a> <br>Волонтер в приюте для животных - <a href="https://pearepe.rusff.me/profile.php?id=209">Virginia Clarke</a> <br>Гонщик Formula-1 - <a href="https://pearepe.rusff.me/profile.php?id=168">Drake Preston</a> <br>Дизайнер - <a href="https://pearepe.rusff.me/profile.php?id=342">Madison Raymond</a> <br>Дизайнер узоров для ковров<a href="https://pearepe.rusff.me/profile.php?id=385">Anna Smith</a> <br>Инженер-химик - <a href="https://pearepe.rusff.me/profile.php?id=274">Reordan Stantan</a> <br>Организатор благотворительных мероприятий - <a href="https://pearepe.rusff.me/profile.php?id=41">Andrea J. Rochester</a> <br>Пожарник (Пожарная часть города) - <a href="https://pearepe.rusff.me/profile.php?section=essentials&id=110">Daren Hardy</a> <br>Преподавательница танцев - <a href="https://pearepe.rusff.me/profile.php?id=145">Mia Grassi</a> <br>Специалист отдела по связям с общественностью в маркетинговой компании - <a href="https://pearepe.rusff.me/profile.php?id=38">Ashley Carlisle</a> <br>Фотограф, владелица фотостудии - <a href="https://pearepe.rusff.me/profile.php?id=398">Laurell Bennet</a> <br>Экономист, владелец развлекательного центра "Атлантик" - <a href="https://pearepe.rusff.me/profile.php?id=387">Vincent O’Connor</a> </div> </div></div></div></div></div></div></div> </center>