[hideprofile][html]
<div class="tabs-wrapper">
<div class="tabs-inner">
<div class="header-box">
БРОНИРОВАНИЕ
</div>
<div class="tabs-buttons">
<button onclick="showTab(1)"><strong>ЖЕНСКИЕ ПРОТОТИПЫ</strong></button>
<button onclick="showTab(2)"><strong>МУЖСКИЕ ПРОТОТИПЫ</strong></button>
</div>
<div class="tabs-content">
<div id="tab1" class="tab-text">
<div class="card-title">ЖЕНСКИЕ ПРОТОТИПЫ</div>
<div class="card-content">
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong> Sabrina Carpenter </strong><em><a href="https://flamevector.rusff.me/profile.php?id=72">Iris Holmes</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>Phoebe Tonkin</strong><em><a href="ССЫЛКА НА ВАШ ПРОФИЛЬ">свершилось</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>abigail cowen</strong><em><a href="https://flamevector.rusff.me/profile.php?id=39">скуй</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>bella maclean</strong><em><a href="https://flamevector.rusff.me/profile.php?id=46">Aylin Spencer</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>emeraude toubi</strong><em><a href="#">амс</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>eva green</strong><em><a href="ссылка на профиль">бессрочная бронь</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
</div>
</div>
<div id="tab2" class="tab-text">
<div class="card-title">МУЖСКИЕ ПРОТОТИПЫ</div>
<div class="card-content">
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>benjamin mascolo</strong><em><a href="#">амс</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>boyd holbrook</strong><em><a href="https://flamevector.rusff.me/profile.php?id=52">не просто красавчик</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>dylan o'brien</strong><em><a href="https://flamevector.rusff.me/profile.php?id=66">Gabriel Quincey</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>charlie heaton</strong><em><a href="#">амс</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<hr> <strong>Drew Starkey</strong><em><a href="https://flamevector.rusff.me/profile.php?id=66">Seth Malarkey</a></em>
<!-- КОПИРОВАТЬ НАЧАЛО-->
<hr> <strong>jessie lee soffer</strong><em><a href="#">амс</a></em>
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
<!-- КОПИРОВАТЬ НАЧАЛО-->
<!-- КОПИРОВАТЬ КОНЕЦ-->
</div>
</div>
</div>
</div>
</div>
</div>
<style>
@font-face {
font-family: 'Cinzel';
src: url('https://raw.githubusercontent.com/tukiteruamano-a11y/anketa/main/cinzel_regular.ttf') format('truetype');
}
.tabs-wrapper {
width: 850px;
padding: 5px;
background: url(https://i.ibb.co/0xP0jH4/6bbf97e48d3c1d … 564e74.jpg) repeat;
border-radius: 10px;
margin: 0 auto;
font-family: 'Cinzel', serif;
}
.tabs-wrapper a {
font-family: inherit !important;
}
.tabs-inner {
background: #c7c7c7;
padding: 5px;
border-radius: 8px;
}
.header-box {
background: url("https://i.ibb.co/0xP0jH4/6bbf97e48d3c1d7905e6169de8564e74.jpg") repeat;
border-radius: 12px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
color: #c7c7c7;
font-family: 'Cinzel', serif;
}
.tabs-buttons {
display: flex;
gap: 5px;
padding: 5px;
border-radius: 8px;
}
.tabs-buttons button {
flex: 1;
padding: 10px;
cursor: pointer;
border: none;
border-radius: 6px;
background: url(https://i.ibb.co/0xP0jH4/6bbf97e48d3c1d … 564e74.jpg) repeat;
transition: 0.2s;
color: #c7c7c7;
font-size: 16px;
font-family: 'Cinzel', serif;
}
.tabs-content {
margin: 5px;
background: #c7c7c7;
border: 1px solid #a9a9a9;
border-radius: 8px;
padding: 10px;
font-size: 14px;
font-family: 'Cinzel', serif;
}
.tab-text {
display: none;
}
p {
text-indent: 25px;
text-align: justify;
}
.add {
display: block;
margin: 15px;
font-size: 14px;
font-family: 'Cinzel', serif;
text-align: center;
}
.card-title {
background: url("https://i.ibb.co/0xP0jH4/6bbf97e48d3c1d7905e6169de8564e74.jpg");
background-repeat: repeat;
border-radius: 8px;
margin: 5px;
padding: 5px;
font-size: 14px;
text-align: center;
font-weight: bold;
color: #c7c7c7;
}
/* Контент карточки */
.card-content {
margin: 5px;
padding: 5px;
flex: 1;
overflow-y: auto;
text-align: center;
font-size: 16px;
}
/* Текст */
.card-content strong {
display: block;
font-weight: bold;
}
.card-content em {
display: block;
font-style: italic;
}
.card-content a {
color: inherit;
text-decoration: underline;
}
.liner {
height: 20px;
margin: 0 10px;
border-radius: 12px;
background: url('https://i.ibb.co/0xP0jH4/6bbf97e48d3c1d7905e6169de8564e74.jpg') repeat;
display: flex;
align-items: center;
justify-content: center;
font-family: 'CinzelCustom', serif;
font-size: 14px;
letter-spacing: 1px;
font-weight: bold;
color: #c7c7c7;
}
</style>
<script>
function showTab(num) {
var tabs = document.querySelectorAll('.tab-text');
tabs.forEach(function(tab) {
tab.style.display = 'none';
});
document.getElementById('tab' + num).style.display = 'block';
}
</script>
[/html]
Чтобы придержать внешность, заполните следующий код:
<hr> <strong>ИМЯ ФАМИЛИЯ НА АНГЛИЙСКОМ</strong><em><a href="ССЫЛКА НА ВАШ ПРОФИЛЬ">ВАШ НИК</a></em>
[hideprofile]
