биржа труда

[html]<div class="proff">

<div class="proff1">
биржа труда
</div>

<div class="proff2">
Здесь вы можете ознакомиться с существующими компаниями, присоединиться к ним или создать свою собственную
</div>

<div class="spiritsecond">
<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>

<section id="content-tab1">

St. Sebastian Hospital 
одна из самых крупных больниц штата 
Главврач: Erica Landau</a> 
Глава отделения диагностики: <a href="https://chicagorp.ru/profile.php?id=122">James Quidd</a>

CFD 
Пожарная служба Чикаго 
места вакантны

St. Mary of the Angels 
католическая церковь в Чикаго 
места вакантны

</section>
<section id="content-tab2">

University of Chicago 
частный исследовательский университет 
места вакантны 

 
Wayland Academy 
частная школа, старшие классы 
места вакантны 


</section>
<section id="content-tab3">

Southside Serpents 
криминальная группировка байкеров 
Глава банды: <a href="https://chicagorp.ru/profile.php?id=70">Joker Valente</a> 

 
Mafia (Venturi's family) 
самый большой клан мафии в Чикаго 
Наследник: <a href="https://chicagorp.ru/profile.php?id=133">Alonzo Venturi</a>

</section>

<section id="content-tab4">

FBI 
федеральное бюро расследований 
Спецагент: <a href="https://chicagorp.ru/profile.php?id=86">Seth Kennex</a> 

 
Illinois State Police 
полиция штата, имеет отдельное подразделение в Чикаго 
места вакантны 


</section>

<section id="content-tab5">

Underwood Prod. 
продюсерский центр и музыкальный лейбл, один из самых известных в Чикаго 
Артист лейбла: <a href="https://chicagorp.ru/profile.php?id=49">River Doherty</a> 
менеджер артиста: <a href="https://chicagorp.ru/profile.php?id=56">Derek Bright</a> 
гафер: <a href="https://chicagorp.ru/profile.php?id=129">Milton Glover</a> 
саунд-продюсер: <a href="https://chicagorp.ru/profile.php?id=128">Maxwell Parks</a> 

 
Lightmare Press 
издательский дом, владелец самого крупного не-таблоидного издания 
Главный редактор: <a href="https://chicagorp.ru/profile.php?id=123">Josh Thrice</a> 

 
Sinizter 
скандально известный музыкальный лейбл-каннибал, продюсерский центр, закрытый клуб и агентство по букингу артистов 
музыканты лейбла: <a href="https://chicagorp.ru/profile.php?id=138">Ruby Rosse</a>, <a href="https://chicagorp.ru/profile.php?id=126">Willow Bell</a> 
сессионный звукорежиссер: <a href="https://chicagorp.ru/profile.php?id=126">Willow Bell</a> 

 
Д р у г и е представители сферы 
модель: <a href="https://chicagorp.ru/profile.php?id=138">Ruby Rosse</a> 


</section>

<section id="content-tab6">

"Glover's" 
небольшой ресторан-бар недалеко от центра города 
Владелец: <a href="https://chicagorp.ru/profile.php?id=129">Milton Glover</a>

</section>

</section>
</div>
</div>

</div>

#spiritworkroom {width: 610px;
height: 320px;
background: #fefefe;
margin:auto;
box-shadow: 0 0 0 1px rgba(0,0,0,.2)}

.spiritsecond {background: #d5d5d3;
width: 450px;
margin: 10px;
height: 500px;
margin-top: 30px;
position: absolute;
margin-left: 100px;
border-radius: 5px;
border: 1px solid #f1f0ed;
outline: 1px solid #c7c6c4;
}

.tabs {
padding: 0px;
margin: 0 auto;
}

.tabs>section {
display: none;
padding: 10px;
height: 460px;
overflow-y: auto;
margin: 5px;
font-family: verdana;
font-size: 11px;
text-align: justify
}
.tabs>section>p {
margin: 0 0 5px;
line-height: 1.5;
color: #838383;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}

@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

.tabs>input {
display: none;
position: absolute;
}

.tabs>label:first-of-type {box-shadow: none}
.tabs>label {
display: block;
padding: 3px 0px 6px 0px;
text-align: center;
color: #838383;
background: #ecebe6;
width: 200px;
left: 470px;
top: 0px;
position: relative;
font-family: 'Jost-Regular';
font-size: 13px;
text-transform: lowercase;
border-radius: 5px;
border: 1px solid #f1f0ed;
outline: 1px solid #c7c6c4;
margin-bottom: 5px;
}
.tabs>label:after {content: "";
display: block;
position:absolute;
width: 100px;
height: 2px;
background: #c7c6c4;
left:50px;
bottom:5px;
transform: scaleX(0);
transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

.tabs>label:hover:after {transform: scaleX(1);
background: #888;}
.tabs>label:hover {
color: #888;
cursor: pointer;
transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s
}

.tabs>input:checked+label {
color: #ffffff;
background: #cdcdcd;
}
.tabs>input:checked+label:after {content: "";
display: block;
position: absolute;
width: 100px;
height: 2px;
background: #ecebe6;
left: 50px;
bottom: 6px;
transform: scaleX(1);
transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;}

#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4, #tab5:checked~#content-tab5, #tab6:checked~#content-tab6, #tab7:checked~#content-tab7 {
display: block;
margin-top: -245px!important;
}

hr {
opacity: 0.5;
filter: alpha(opacity=50);
margin-bottom: -1.2em!important;
}
</style>
[/html]

шаблон:

Код:

[b]Компания:[/b] (если нет, ставьте прочерк)
[b]Сфера деятельности:[/b]
[b]Должность:[/b]

Если добавляете свою компанию/бар/школу/etc., пожалуйста, дайте краткое описание.

Millenium RP

Меню навигации

Пользовательские ссылки

Информация о пользователе

биржа труда

Сообщений 1 страница 1 из 1

Поделиться127.03.23 13:47:48

Быстрый ответ