[html]<div class="tabs">
<input id="tab1" type="radio" name="tabs" checked>
<label for="tab1">государство и управление</label>
<input id="tab2" type="radio" name="tabs">
<label for="tab2">юриспруденция и политика</label>
<input id="tab3" type="radio" name="tabs">
<label for="tab3">медицина</label>
<input id="tab4" type="radio" name="tabs">
<label for="tab4">бизнес и сфера обслуживания</label>
<input id="tab5" type="radio" name="tabs">
<label for="tab5">творчество и шоу-бизнес</label>
<input id="tab6" type="radio" name="tabs">
<label for="tab6">криминал</label>
<input id="tab7" type="radio" name="tabs">
<label for="tab7">сми</label>
<input id="tab8" type="radio" name="tabs">
<label for="tab8">наука и образование</label>
<input id="tab9" type="radio" name="tabs">
<label for="tab9">спорт</label>
<input id="tab10" type="radio" name="tabs">
<label for="tab10">прочее</label>
<section id="content1">
<p>
<br>
Специальный агент МИ6 - <a href="https://fap.mybb.ru/profile.php?id=148">James Argyll</a><br>
Сотрудник NCA - <a href="https://fap.mybb.ru/profile.php?id=282">Derek Daniels</a><br>
</p>
</section>
<section id="content2">
<p>
Помощник юриста - <a href="https://fap.mybb.ru/profile.php?id=234">Christian Sangster</a><br>
</p>
</section>
<section id="content3">
<p>
Акушер-гинеколог - <a href="https://fap.mybb.ru/viewtopic.php?id=766#p55255">Daniel Cross</a><br>
Психиатр - <a href="https://fap.mybb.ru/profile.php?id=177">Max Borowitz</a><br>
Криминальный психолог - <a href="https://fap.mybb.ru/profile.php?id=304">Eloise Sutherland </a><br>
</p>
</section>
<section id="content4">
<p>
Управляющий директор Croft Inc. - вакантно, обращаться к Ашилю<br>
Владелец Cranborne Ind. - <a href="https://fap.mybb.ru/profile.php?id=126">Justin Robert Cranborne</a><br>
Владелец фитнес-клуба VIBES FITNESS & SPA - <a href="https://fap.mybb.ru/profile.php?id=3">Achille Hassani</a><br>
Ген. директор "One Staff Solution" security services - <a href="https://fap.mybb.ru/profile.php?id=311">Ray Hogan</a><br>
Главный юрист фитнес-клуба VIBES FITNESS & SPA - <a href="https://fap.mybb.ru/profile.php?id=136">Elfie Maloy</a><br>
Ринг-гёрл - <a href="https://fap.mybb.ru/profile.php?id=303">Ginevra Blair</a><br>
Владелица флористического салона Scilla - <a href="https://fap.mybb.ru/profile.php?id=57">Adele Hassani</a><br>
Владелец кофейни "Black & White" и арт-пространства "The Dark" - <a href="https://fap.mybb.ru/profile.php?id=210">Jonas Newfield</a><br>
Владелец цветочного магазина Fleur de Lys - <a href="https://fap.mybb.ru/profile.php?id=315">Harry Lewis</a><br>
Владелец агентства недвижимости "ADRealty" - <a href="https://fap.mybb.ru/profile.php?id=316">Colin Dunham</a><br>
Бармен в баре "Красный башмак" - <a href="https://fap.mybb.ru/profile.php?id=167">Christine Mayers</a><br>
Бармен в "Красном Башмаке" - <a href="https://fap.mybb.ru/profile.php?id=166">Lexy Brock</a><br>
Инструктор по йоге в VIBES FITNESS & SPA - <a href="https://fap.mybb.ru/profile.php?id=248">Florentin Reno</a><br>
Сооснователь благотворительного фонда фонда "From heart to heart" - <a href="https://fap.mybb.ru/profile.php?id=234">Christian Sangster</a>
Бармен в стриптиз-баре - <a href="https://fap.mybb.ru/profile.php?id=229">Yasmin Shahmir</a><br>
Официант в ночном клубе - <a href="https://fap.mybb.ru/profile.php?id=180">Riley Biersack</a><br>
Переводчик-синхронист в бюро переводов - <a href="https://fap.mybb.ru/profile.php?id=117">Ulysses Archi Urie</a><br>
Руководитель юридического отдела компании Vice Media - <a href="https://fap.mybb.ru/profile.php?id=320">Melanie Hall</a><br>
Совладелец компании Vice Media - <a href="https://fap.mybb.ru/profile.php?id=321">Thomas Fleming</a><br>
Швея третьего разряда в ателье "M’ARS" - <a href="https://fap.mybb.ru/profile.php?id=323">
Estella Argyll</a><br>
Владелица картинной галереи «Colored soul», художница, копиист, мошенница - <a href="https://fap.mybb.ru/profile.php?id=327">Ester Evans</a><br>
Владелец книжного издательства O`Neal&O’Reilly - <a href="https://fap.mybb.ru/profile.php?id=328">Lincoln O’Neal</a><br>
<br>
</p>
</section>
<section id="content5">
<p>
Продюсер, глава лейбла "Cencer" - <a href="https://fap.mybb.ru/profile.php?id=101">Joseph Dawson</a><br>
Продюсер, композитор - <a href="https://fap.mybb.ru/profile.php?id=235">Daniel Soto</a><br>
Рок-певец - <a href="https://fap.mybb.ru/profile.php?id=87">Joshua Khidezh</a><br>
Поп-певец - <a href="https://fap.mybb.ru/profile.php?id=3">Achille Hassani</a><br>
Музыкант, певец - <a href="https://fap.mybb.ru/profile.php?id=169">Aaron Lawrence</a><br>
Музыкант - <a href="https://fap.mybb.ru/profile.php?id=220">Alan O'Shea</a><br>
Музыкант - <a href="https://fap.mybb.ru/profile.php?id=237">Elias Urzi</a><br>
Исполнитель стриптиза - <a href="https://fap.mybb.ru/profile.php?id=153">Benjamin Ryan</a><br>
Экскурсовод в Британском музее - <a href="https://fap.mybb.ru/profile.php?id=267">Vivian Harper</a><br>
Творческий фрилансер - <a href="https://fap.mybb.ru/profile.php?id=322">Bryan Dunham</a><br>
Оценщик предметов искусства и антиквариата- <a href="https://fap.mybb.ru/profile.php?id=331">Emily Bennet</a><br>
<br>
</p>
</section>
<section id="content6">
<p>
Вице-президент THE DIRTY BASTARDS CLUB - <a href="https://fap.mybb.ru/profile.php?id=5">Jax Teller</a><br>
Серый Кардинал Конклава (THE CONTINENTAL HOTEL) - <a href="https://fap.mybb.ru/profile.php?id=69">Oberon Hassani</a><br>
Распорядительница Аукционного дома (Триада) - <a href="https://fap.mybb.ru/profile.php?id=264">Maria Ming</a><br>
Курьер "Чайного Дома" - <a href="https://fap.mybb.ru/profile.php?id=303">Ginevra Blair</a><br>
Мошенник - <a href="https://fap.mybb.ru/profile.php?id=229">Yasmin Shahmir</a><br>
<br>
</p>
</section>
<section id="content7">
<p>
Hawk Inc.<br>
Руководитель - <a href="https://fap.mybb.ru/profile.php?section=view&id=150">Donald Hawkins</a><br>
Помощник руководителя Hawk Inc. - <a href="https://fap.mybb.ru/profile.php?id=203">Andrew Calvert</a><br>
Редактор мужского журнала Hawkin's<br>
Редактор женского журнала - <br>
Радио -<br>
Телеканал HTV -<br>
</p>
</section>
<section id="content8">
<p>
Учитель математики и физики, тренер по акробатике - <a href="https://fap.mybb.ru/profile.php?id=245">Katarina Bree</a><br>
Профессор биологии - <a href="https://fap.mybb.ru/profile.php?id=335">Nicholas Wear</a><br>
</section>
<section id="content9">
<p>
будет тут</a>
</p>
</section>
<section id="content10">
<p>
будет тут
</p>
</section>
</div>
<style>*{box-sizing:border-box}
.tabs {
width: 710px;
padding: 0px;
margin: 0;
height: 450px;
position: relative;
border: 1px solid #918e866b;
background: #22292d url(https://forumstatic.ru/files/001b/bd/66/14177.jpg) repeat fixed top center;
box-shadow: 0px 0px 250px #000 inset;
border-radius: 0px;
}
section {
display: none;
padding: 5px 12px 5px 12px;
position: absolute;
top: 0;
left: 185px;
margin: 5px 0px 10px 0px !important;
width: 519px;
overflow-y: auto !IMPORTANT;
height: 439px;
background: #bdbdbd;
border: 1px solid #585858;
box-shadow: 0px 0px 10px #dfdfdf70 inset;
font-size: 11px;
font-family: roboto;
}
section text {
background: #cdcaca;
display: block;
padding: 10px;
white-space: break-spaces;
}
section zag {
text-align: center;
display: block;
margin: 10px 0px 10px 0px !IMPORTANT;
font-family: 'Raleway';
text-transform: uppercase;
background: #328185;
color: #dbd9d9;
font-size: 11px;
height: 15px;
letter-spacing: 1px;
}
p {
margin: 0;
}
.tabs input {
display: none;
}
label {
display: block;
width: 180px;
padding: 10px;
color: #c3c3c3;
background: #1a1a1ab8;
cursor: pointer;
text-align: left;
font-family: 'Raleway';
text-transform: uppercase;
font-size: 9px;
letter-spacing: 1px;
font-weight: 600;
}
input:checked + label {
color: #cfcfcf;
background: #328185;
}
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5, #tab6:checked ~ #content6, #tab7:checked ~ #content7, #tab8:checked ~ #content8, #tab9:checked ~ #content9, #tab10:checked ~ #content10 {
display: block;
}
section {
animation: scale 0.7s ease-in-out;
}
@keyframes scale {
0% {
transform: scale(0.9);
opacity: 0;
}
50% {
transform: scale(1.005);
opacity: 0.5;
}
100% {
transform: scale(1);
opacity: 1;
}
}</style>[/html]
Профессия - <a href="ссылка на профиль">имя персонажа</a><br>
- Подпись автора
Flies don’t waste their time explaining to bees that shit is better than honey.
