Просмотр кода страницы Frontier:Конструкт

<div style="border-bottom: 1px solid black; margin: 2em;"></div>

<!-- Шапка с названием шаттла и описанием -->
<div style="text-align: center; margin-bottom: 1em;">
  <h1>NT Каркас</h1>
  <p><em>"Малый шаттл, если у вас нету денег - отличный вариант."</em></p>
</div>

<!-- Основной контент с изображением и информацией -->
<div style="display: flex; flex-direction: column; align-items: center; width: 100%;">

  <!-- Изображение шаттла и таблица с информацией -->
  <div style="width: 100%; max-width: 900px; margin: auto;">
    <div style="display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 1em;">

      <!-- Изображение шаттла -->
      <div style="flex-basis: 40%;">
        [[Файл:Construct.jpeg|frameless|center|400px|alt=Полный вид шаттла Barge]]
      </div>

      <!-- Информация о шаттле в виде таблицы -->
      <div style="flex-basis: 50%;">
        {| class="wikitable" style="background: #27272e; color: white;"
        |-
        ! Размер
        | Малый
        |-
        ! Рекомендуемый экипаж
        | 1
        |-
        ! Стоимость
        | $12075
        |-
        ! Тип генератора
        | Плазменный генератор
        |-
        ! Консоль Экспедиций
        | Нет
        |-
        ! Консоль IFF
        | Нет
        |-
        ! Доступные роли
        | Нет
        |-
        ! Производитель
        | “Неизвестно”
        |-
        ! Дата ввода в эксплуатацию
        | “не вводился”
        |-
        ! Дата вывода из эксплуатации
        | “Неизвестно”
        |-
        ! Верфь
        | Аванпост
        |}
      </div>
    </div>
  </div>

  <!-- Отзывы -->
  <div style="width: 100%; max-width: 900px; margin: auto; margin-top: 2em;">
    <h2 style="text-align: center;">Отзывы</h2>
    <!-- Использование таблицы для создания трех колонок с отзывами -->
    {| class="wikitable" style="width:100%; background: #27272e; color: white;"
    |-
    ! style="width:33.3%; padding:5px; text-align:center;" | Отзыв 1
    ! style="width:33.3%; padding:5px; text-align:center;" | Отзыв 2
    ! style="width:33.3%; padding:5px; text-align:center;" | Отзыв 3
    |-
    | style="text-align:center; vertical-align:top; padding:10px;" | '''Джон Тросински'''<br/><br/>
    ★★★★★<br/>
    Это невероятно! Застрял в шаттле, и смог не работать. Отличный шаттл.
    | style="text-align:center; vertical-align:top; padding:10px;" | '''Тоширо Люрэй'''<br/><br/>
    ★★★☆☆<br/>
    Он настолько мал, что я не смог состыковаться на базе...
    | style="text-align:center; vertical-align:top; padding:10px;" | '''Алиса Златоцвет'''<br/><br/>
    ★☆☆☆☆☆<br/>
    В него выстрелили из пистолета, а он взорвался... или может я что-то не так делаю?
    |-
    | colspan="3" style="font-size:80%; padding:5px; text-align:center;" | Данные отзывы прошли проверку Департаментом по связям с общественностью.
    |}
  </div>

  <!-- Поле для подробного описания шаттла -->
  <div style="width: 100%; max-width: 900px; margin: auto; margin-top: 2em;">
    <h2 style="text-align: center;">Подробное описание</h2>
    <p style="text-align: justify; background: #27272e; color: white; border: 1px solid black; border-radius: 8px; padding: 1em;">
    Маленький, наспех сваренные шаттл, не обладающий даже кислородом. “ну а что вы хотели за такие деньги?”
    </p>
  </div>

</div>
[[Категория:Фронтир]]