!doctype html
html lang=ru
head
  meta charset=utf-8 
  meta name=viewport content=width=device-width,initial-scale=1 
  titleОсобенности игровых режимов — BlockCrafttitle
  link rel=preconnect href=httpsfonts.googleapis.com
  link rel=preconnect href=httpsfonts.gstatic.com crossorigin
  link href=httpsfonts.googleapis.comcss2family=Press+Start+2P&family=Rubikwght@400;600;800&display=swap rel=stylesheet
  link rel=stylesheet href=assetscssstyle.css 
  script defer src=assetsjsapp.jsscript
head
body
  header class=site-header
    a class=logo href=index.htmlspan class=logo__cubespanBlockCrafta
    button class=burger type=button data-burger aria-label=Открыть меню aria-expanded=false☰button
    nav class=nav data-nav
      a class=nav__link href=index.htmlГлавнаяa
      a class=nav__link href=rules.htmlПравилаa
      a class=nav__link href=promos.htmlАкцииa
      a class=nav__link is-active href=modes.htmlРежимыa
      a class=nav__link href=suggestions.htmlПредложенияa
      a class=nav__link href=contacts.htmlКонтактыa
      a class=nav__link href=news.htmlНовостиa
    nav
    div class=header-actions data-auth-area
      button class=btn btn--ghost type=button data-open-loginВходbutton
      button class=btn type=button data-open-registerРегистрацияbutton
    div
  header

  main class=page
    div class=container
      h1 class=h1Особенности игровых режимовh1
      p class=mutedНиже — примеры. Подгони под свои плагиныконцепцию.p

      div class=cards
        article class=card
          h3 class=h3Survival+h3
          ul class=list
            liКланыприват территорииli
            liКвесты и ежедневные наградыli
            liЭкономика, магазины, аукционli
            liPvP только в зонахпо согласиюli
          ul
          div class=mini-actions
            button class=btn btn--small type=button data-toast=Добавь команду warp survivalКак попастьbutton
            button class=btn btn--small btn--ghost type=button data-toast=Добавь список командКомандыbutton
          div
        article

        article class=card
          h3 class=h3SkyBlockh3
          ul class=list
            liОстрова и апгрейдыli
            liМиссии островаli
            liТоп островов и наградыli
            liБезопасные зоны для торговлиli
          ul
          div class=mini-actions
            button class=btn btn--small type=button data-toast=Например isКак начатьbutton
            button class=btn btn--small btn--ghost type=button data-toast=Добавь правила острововПравилаbutton
          div
        article

        article class=card
          h3 class=h3Arena PvPh3
          ul class=list
            liДуэли 1х1  2х2li
            liРейтинги и сезоныli
            liКиты экипировкиli
            liТурниры по расписаниюli
          ul
          div class=mini-actions
            button class=btn btn--small type=button data-toast=Например warp arenaВарпbutton
            button class=btn btn--small btn--ghost type=button data-toast=Добавь расписание турнировТурнирыbutton
          div
        article

        article class=card
          h3 class=h3MiniGamesh3
          ul class=list
            liПаркур, прятки, TNT-Runli
            liЕженедельные ивентыli
            liКосметика за валютуli
            liЛобби с порталом режимовli
          ul
          div class=mini-actions
            button class=btn btn--small type=button data-toast=Например hubВ хабbutton
            button class=btn btn--small btn--ghost type=button data-toast=Добавь список мини-игрСписокbutton
          div
        article
      div

      section class=panel
        h2 class=h2Рекомендации по правилам режимовh2
        ul class=list
          liSurvival запрет PvP вне зон, запрет ловушек на спавне, защита новичков.li
          liSkyBlock лимиты на фермылаг-механизмы, запрет авто-кликеров.li
          liArena чёткие правила китов и задержек, наказания за выход из боя.li
          liMiniGames анти-чит + быстрые реплеижалобы.li
        ul
      section
    div
  main

  footer class=footer
    div class=container footer__grid
      div
        div class=footer__brandBlockCraftdiv
        div class=mutedНе официальный продукт MojangMicrosoft.div
      div
      div class=footer__links
        a href=rules.htmlПравилаa
        a href=promos.htmlАкцииa
        a href=contacts.htmlКонтактыa
      div
      div class=footer__copy muted© span data-yearspan BlockCraftdiv
    div
  footer

  !-- Модалки --
  div class=modal data-modal=login aria-hidden=true
    div class=modal__backdrop data-close-modaldiv
    div class=modal__dialog role=dialog aria-modal=true aria-label=Вход
      button class=modal__close type=button data-close-modal aria-label=Закрыть✕button
      h2 class=h2Входh2
      form class=form data-login-form
        label class=fieldspanНикspaninput type=text name=username required maxlength=16label
        label class=fieldspanПарольspaninput type=password name=password required minlength=4label
        button class=btn type=submitВойтиbutton
        p class=muted smallНет аккаунта button class=linklike type=button data-switch-modal=registerРегистрацияbuttonp
      form
    div
  div

  div class=modal data-modal=register aria-hidden=true
    div class=modal__backdrop data-close-modaldiv
    div class=modal__dialog role=dialog aria-modal=true aria-label=Регистрация
      button class=modal__close type=button data-close-modal aria-label=Закрыть✕button
      h2 class=h2Регистрацияh2
      form class=form data-register-form
        label class=fieldspanНикspaninput type=text name=username required maxlength=16label
        label class=fieldspanEmailspaninput type=email name=email requiredlabel
        label class=fieldspanПарольspaninput type=password name=password required minlength=4label
        label class=fieldspanПовтори парольspaninput type=password name=password2 required minlength=4label
        label class=checkinput type=checkbox name=agree requiredspanСогласен(на) с a href=rules.htmlправиламиaspanlabel
        button class=btn type=submitСоздать аккаунтbutton
        p class=muted smallУже есть аккаунт button class=linklike type=button data-switch-modal=loginВходbuttonp
      form
    div
  div

  div class=toasts data-toastsdiv
body
html