[html]<div id="guest">
<div class="text">
<center><b>Добро пожаловать в наш уютный дом!</b><br><br>
Мы рады, что вы заглянули.<br>
Надеемся, что наш форум станет для вас не просто временным пристанищем, где можно пересидеть тяжёлый день или перекурить от суеты. Мы мечтаем, чтобы однажды вы проснулись и поняли: здесь — ваш настоящий дом. Где вас ждут и всегда найдут для вас тёплые слова и поддержку.<br><br>
<b>ПРАВИЛА ГОСТЕВОЙ КОМНАТЫ</b><br><br>
- регистрация профиля строчными буквами на латинице<br>
- роли придерживаются на 3 дня включительно<br>
- роль освобождается на следующий день после окончания срока придержания. Продлить срок придержания можно дважды на 3 дня, как гостям, так и зарегистрированным постояльцам.<br>
- если вы пришли по заявке из "нужных", то вам понадобится одобрение заказчика, чтобы стать жильцом нашего дома.<br>
- дубли персонажей, если вселенная позволяет (как, например, марвел), возможны только с одобрения первого, зарегистрированного на эту роль, игрока.
<br><br>
<b>ЗА ПОРЯДКОМ В ДОМЕ СЛЕДЯТ ДОМОВЫЕ</b><br><br>
<a href = 'https://cozyhome.rusff.me/profile.php?id=4'><b><i>lee eun hyeok</i></b></a> ★ <a href = 'https://cozyhome.rusff.me/profile.php?id=7'><b><i>yoon sori</i></b></a> ★ <a href = 'https://cozyhome.rusff.me/profile.php?id=5'><b><i>kaitlyn solara</i></b></a> ★ <a href = 'https://cozyhome.rusff.me/profile.php?id=145'><b><i>callisto regulus</i></b></a>
</center>
</div>
<!-- Два блока рядом: ВНЖ и ПМЖ -->
<div class="two-columns">
<!-- Блок ВНЖ -->
<div class="application-block">
<div class="block-header">заявка на ВНЖ</div>
<div class="scroll-area">
<b>★ до 27.05. (включительно):</b><br>
<br>
<b>devil may cry</b> — <a href="https://cozyhome.rusff.me/profile.php?id=203"><i>vergil</i></a><br>
<br>
<b>★ до 29.05. (включительно):</b><br>
<br>
<b>critical role</b> — <a href="https://cozyhome.rusff.me/profile.php?id=265 "><i>keyleth</i></a><br>
</div>
</div>
<!-- Блок ПМЖ -->
<div class="application-block">
<div class="block-header">заявка на ПМЖ</div>
<div class="scroll-area">
<b>★ бессрочно:</b><br>
<br>
<b>blackpink</b> — <a href="https://cozyhome.rusff.me/profile.php?id=5"><i>jennie</i></a><br>
<b>blackpink</b> — <a href="https://cozyhome.rusff.me/profile.php?id=5"><i>jisoo</i></a><br>
<b>j. k. rowling's wizarding world</b> — <a href="https://cozyhome.rusff.me/profile.php?id=4"><i>marlene mckinnon</i></a><br>
<b>love and deepspace</b> — <a href="https://cozyhome.rusff.me/profile.php?id=5"><i>zayne</i></a><br>
<b>stray kids</b> — <a href="https://cozyhome.rusff.me/profile.php?id=59"><i>hwang hyunjin</i></a><br>
<b>supernatural</b> — <a href="https://cozyhome.rusff.me/profile.php?id=4"><i>castiel</i></a><br>
<br>
<b>★ до __.__ (включительно):</b><br>
<br>
</div>
</div>
</div>
<br>
<!-- НАДПИСЬ НАД СЛАЙДЕРОМ -->
<div style="text-align: center; margin: 5px 0 5px 0;">
<b style="font-size: 12px;">очень ждём:</b>
</div>
<!-- СЛАЙДЕР ГОСТЕВАЯ -->
<div style="display: flex; justify-content: center; width: 100%;">
<iframe
srcdoc='
<html>
<head>
<link rel="stylesheet" href="https://forumstatic.ru/files/001c/b1/9a/99496.css">
</head>
<body>
<div class="slider-wrapper">
<div class="slider-container">
<button class="slider-btn prev-btn">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M15 18l-6-6 6-6"/></svg>
</button>
<div class="slider-viewport">
<div class="slider-track" id="track">
<a href="/viewtopic.php?id=13" target="_blank" class="slide" style="background-image: url(https://upforme.ru/uploads/001c/b1/9a/5/234638.png)"></a>
</div>
</div>
<button class="slider-btn next-btn">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M9 18l6-6-6-6"/></svg>
</button>
</div>
<div class="slider-dots" id="dots"></div>
</div>
<script>
let idx=0, track=document.getElementById("track"), p=document.querySelector(".prev-btn"), n=document.querySelector(".next-btn"), d=document.getElementById("dots"), s=track.children, int;
function upd(){ track.style.transform="translateX(-"+idx*100+"%)"; Array.from(d.children).forEach((x,i)=>{x.classList.toggle("active",i===idx)}); }
function next(){ idx=(idx+1)%s.length; upd(); reset(); }
function prev(){ idx=(idx-1+s.length)%s.length; upd(); reset(); }
function reset(){ clearInterval(int); int=setInterval(next,5000); }
for(let i=0;i<s.length;i++){ let dot=document.createElement("div"); dot.classList.add("dot"); if(i===idx)dot.classList.add("active"); dot.onclick=(function(j){ return function(){ idx=j; upd(); reset(); }; })(i); d.appendChild(dot); }
p.onclick=function(e){ e.preventDefault(); prev(); };
n.onclick=function(e){ e.preventDefault(); next(); };
upd(); int=setInterval(next,5000);
</script>
</body>
</html>
'
frameborder="0"
scrolling="no"
style="display: block; width: 100%; height: 180px; background: transparent; margin: 0 auto;"
></iframe>
</div>[/html]
<b>фандом</b> — <a href="ссылка"><i>имя персонажа</i></a><br>
нам очень приятно)
