[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>&emsp;★&emsp;<a href = 'https://cozyhome.rusff.me/profile.php?id=7'><b><i>yoon sori</i></b></a>&emsp;★&emsp;<a href = 'https://cozyhome.rusff.me/profile.php?id=5'><b><i>kaitlyn solara</i></b></a>
</center>
</div>

<!-- Два блока рядом: ВНЖ и ПМЖ -->
<div class="two-columns">
 
  <!-- Блок ВНЖ -->
  <div class="application-block">
    <div class="block-header">заявка на ВНЖ</div>
    <div class="scroll-area">

<b>★ до 6.05. (включительно):</b><br>
<br>
<b>charmed</b> — <a href="https://cozyhome.rusff.me/profile.php?id=4"><i>leo wyatt</i></a><br>
<br>
<b>critical role</b> — <a href="https://cozyhome.rusff.me/profile.php?id=145"><i>vax'ildan</i></a><br>
<br>
<b>hades</b> — <a href="https://cozyhome.rusff.me/profile.php?id=213"><i>thanatos</i></a><br>
<br>
<b>naruto</b> — <a href="https://cozyhome.rusff.me/profile.php?id=207"><i>haruno sakura</i></a><br>
<br>
<b>sweet home</b> — <a href=""><i>park chan yeong</i></a><br>
<b>sweet home</b> — <a href=""><i>park yuri</i></a><br>
<b>sweet home</b> — <a href="https://cozyhome.rusff.me/profile.php?id=4"><i>pyeon sang wook</i></a><br>
<b>sweet home</b> — <a href=""><i>yoon jisu</i></a><br>
<br>
<b>the walking dead</b> — <a href="https://cozyhome.rusff.me/profile.php?id=207"><i>beth greene</i></a><br>
<br>
<b>tian guan ci fu</b> — <a href="https://cozyhome.rusff.me/profile.php?id=200"><i>shi qingxuan</i></a><br>

<br>
<b>★ до 7.05. (включительно):</b><br>
<br>
<b>bts</b> — <a href="https://cozyhome.rusff.me/profile.php?id=54"><i>min yoongi</i></a><br>

<br>
<b>★ до 8.05. (включительно):</b><br>
<br>
<b>alice in borderland</b> — <a href="https://cozyhome.rusff.me/profile.php?id=34"><i>shuntaro chishiya</i></a><br>
<br>
<b>jujutsu kaisen</b> — <a href="https://cozyhome.rusff.me/profile.php?id=34"><i>inumaki toge</i></a><br>
<b>jujutsu kaisen</b> — <a href="https://cozyhome.rusff.me/profile.php?id=34"><i>okkotsu yuta</i></a><br>
<br>
<b>kaiju №8</b> — <a href="https://cozyhome.rusff.me/profile.php?id=34"><i>gen narumi</i></a><br>
<b>kaiju №8</b> — <a href="https://cozyhome.rusff.me/profile.php?id=34"><i>hoshina soshiro</i></a><br>
<br>
<b>trigger</b> — <a href="https://cozyhome.rusff.me/profile.php?id=218"><i>lee do</i></a><br>

    </div>
  </div>
 
  <!-- Блок ПМЖ -->
  <div class="application-block">
    <div class="block-header">заявка на ПМЖ</div>
    <div class="scroll-area">
<b>love and deepspace</b> — <a href="https://cozyhome.rusff.me/profile.php?id=5"><i>sylus</i></a> - до 14.05<br>
<b>stray kids</b> — <a href="https://cozyhome.rusff.me/profile.php?id=59"><i>hwang hyunjin</i></a> - до 14.05<br>
<b>love and deepspace</b> — <a href="https://cozyhome.rusff.me/profile.php?id=5"><i>zayne</i></a> - до 17.05<br>
<b>j. k. rowling's wizarding world</b> — <a href="https://cozyhome.rusff.me/profile.php?id=4"><i>marlene mckinnon</i></a> - до 18.05<br>
<br>

    </div>
  </div>
 
</div>
<br>

<!-- НАДПИСЬ НАД СЛАЙДЕРОМ -->
<div style="text-align: center; margin: 5px 0 5px 0;">
  <b style="font-size: 12px;">очень ждём:</b>
</div>

<!-- СЛАЙДЕР -->
<div class="slider-wrapper">
  <div class="slider-container">
    <button class="slider-btn prev-btn" id="prevBtn">
      <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" 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="sliderTrack">

  <a href="/viewtopic.php?id=13#p1209" class="slide" style="background-image: url('https://upforme.ru/uploads/001c/b1/9a/5/129134.png')"></a>
  <a href="https://cozyhome.rusff.me/" class="slide" style="background-image: url('https://upforme.ru/uploads/001c/b1/9a/3/234638.png')"></a>

      </div>
    </div>

    <button class="slider-btn next-btn" id="nextBtn">
      <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round"><path d="M9 18l6-6-6-6"/></svg>
    </button>
  </div>
  <div class="slider-dots" id="dotsContainer"></div>
</div>

<script>
  const track = document.getElementById('sliderTrack');
  const prevBtn = document.getElementById('prevBtn');
  const nextBtn = document.getElementById('nextBtn');
  const dotsContainer = document.getElementById('dotsContainer');
  const slides = track.children;
  let currentIndex = 0;
  let autoInterval;

  function updateSlider() {
    track.style.transform = `translateX(-${currentIndex * 100}%)`;
    Array.from(dotsContainer.children).forEach((dot, i) => {
      dot.classList.toggle('active', i === currentIndex);
    });
  }

  function nextSlide() {
    currentIndex = (currentIndex + 1) % slides.length;
    updateSlider();
    resetAutoPlay();
  }

  function prevSlide() {
    currentIndex = (currentIndex - 1 + slides.length) % slides.length;
    updateSlider();
    resetAutoPlay();
  }

  function resetAutoPlay() {
    clearInterval(autoInterval);
    autoInterval = setInterval(nextSlide, 5000);
  }

  for (let i = 0; i < slides.length; i++) {
    const dot = document.createElement('div');
    dot.classList.add('dot');
    if (i === currentIndex) dot.classList.add('active');
    dot.addEventListener('click', () => {
      currentIndex = i;
      updateSlider();
      resetAutoPlay();
    });
    dotsContainer.appendChild(dot);
  }

  prevBtn.addEventListener('click', prevSlide);
  nextBtn.addEventListener('click', nextSlide);

  updateSlider();
  autoInterval = setInterval(nextSlide, 5000);
</script>[/html]

<b>фандом</b> — <a href="ссылка"><i>имя персонажа</i></a><br>