<!DOCTYPE html>
<html lang="ru">
<head>
  <!-- Привязка js -->
  <script src="script.js"></script>
  <!-- Фавикон -->
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <link rel="icon" href="favicon.ico" type="image/x-icon">
  <!-- Привязка css -->
  <link href="style.css" rel="stylesheet" type="text/css">
  <!-- Часовой пояс (Москва, МСК) -->
  <meta charset="UTF+3">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- Название страницы -->
  <title>Mworld. Майнкрафт сервер. Гильдии, оружие, сюжет.</title>
</head>
<body>
  <!-- Главная картинка -->
  <div class=name>
    MWorld
  </div>
  <div>
    <img src="https://i.postimg.cc/bwkcY4NN/3.png" class="background" />
  </div>
  <!-- Раздел "О нас" -->
  <p class="center">
    О нас
  </p>
  <div class="center">
    база
  </div>
<div class="cards">
  <!-- Карточка товара -->
  <div class="card">
    <!-- Верхняя часть -->
    <div class="card__top">
        <img
          src="./image/iphone-14-pro-max-gold.png"
          alt="Apple IPhone 14 PRO Max Gold"
        />
      </a>
    </div>
    <!-- Нижняя часть -->
    <div class="card__bottom">
      <!-- Цены на товар (с учетом скидки и без)-->
      <div class="card__prices">
        <div class="card__price card__price--discount">135 000</div>
      </div>
      Привилегия 0
    </a>
      <!-- Кнопка добавить Купить -->
      <button class="card__add">Купить</button>
    </div>
  </div>
  <div class="card">
    <!-- Карточка товара .. -->
    <div class="card">
      <!-- Верхняя часть -->
      <div class="card__top">
        <!-- Изображение-ссылка товара -->
        <a href="#" class="card__image">
          <img
            src="./image/iphone-14-pro-max-gold.png"
            alt="Apple IPhone 14 PRO Max Gold"
          />
        </a>
        <!-- Скидка на товар -->
        <div class="card__label">-10%</div>
      </div>
      <!-- Нижняя часть -->
      <div class="card__bottom">
        <!-- Цены на товар (с учетом скидки и без)-->
        <div class="card__prices">
          <div class="card__price card__price--discount">135 000</div>
        </div>
          Привилегия 1
        </a>
        <!-- Кнопка добавить Купить -->
        <button class="card__add">Купить</button>
      </div>
    </div>
  </div>
  <div class="card">
    <!-- Карточка товара .. -->
    <div class="card">
      <!-- Верхняя часть -->
      <div class="card__top">
        <!-- Изображение-ссылка товара -->
        <a href="#" class="card__image">
          <img
            src="./image/iphone-14-pro-max-gold.png"
            alt="Apple IPhone 14 PRO Max Gold"
          />
        </a>
        <!-- Скидка на товар -->
        <div class="card__label">-10%</div>
      </div>
      <!-- Нижняя часть -->
      <div class="card__bottom">
        <!-- Цены на товар (с учетом скидки и без)-->
        <div class="card__prices">
          <div class="card__price card__price--discount">135 000</div>
        </div>
          Привилегия 2
        </a>
        <!-- Кнопка добавить Купить -->
        <button class="card__add">Купить</button>
      </div>
    </div>
  </div>
  <div class="card">
    <!-- Карточка товара .. -->
    <div class="card">
      <!-- Верхняя часть -->
      <div class="card__top">
        <!-- Изображение-ссылка товара -->
        <a href="#" class="card__image">
          <img
            src="./image/iphone-14-pro-max-gold.png"
            alt="Apple IPhone 14 PRO Max Gold"
          />
        </a>
        <!-- Скидка на товар -->
        <div class="card__label">-10%</div>
      </div>
      <!-- Нижняя часть -->
      <div class="card__bottom">
        <!-- Цены на товар (с учетом скидки и без)-->
        <div class="card__prices">
          <div class="card__price card__price--discount">135 000</div>
        </div>
          Привилегия 3
        </a>
        <!-- Кнопка добавить Купить -->
        <button class="card__add">Купить</button>
      </div>
    </div>
  </div>
  <div class="card">
    <!-- Карточка товара .. -->
    <div class="card">
      <!-- Верхняя часть -->
      <div class="card__top">
        <!-- Изображение-ссылка товара -->
        <a href="#" class="card__image">
          <img
            src="./image/iphone-14-pro-max-gold.png"
            alt="Apple IPhone 14 PRO Max Gold"
          />
        </a>
        <!-- Скидка на товар -->
        <div class="card__label">-10%</div>
      </div>
      <!-- Нижняя часть -->
      <div class="card__bottom">
        <!-- Цены на товар (с учетом скидки и без)-->
        <div class="card__prices">
          <div class="card__price card__price--discount">135 000</div>
        </div>
          Привилегия 4
        </a>
        <!-- Кнопка добавить Купить -->
        <button class="card__add">Купить</button>
      </div>
    </div>
  </div>
  <div class="card">
    <!-- Карточка товара .. -->
    <div class="card">
      <!-- Верхняя часть -->
      <div class="card__top">
        <!-- Изображение-ссылка товара -->
        <a href="#" class="card__image">
          <img
            src="./image/iphone-14-pro-max-gold.png"
            alt="Apple IPhone 14 PRO Max Gold"
          />
        </a>
        <!-- Скидка на товар -->
        <div class="card__label">-10%</div>
      </div>
      <!-- Нижняя часть -->
      <div class="card__bottom">
        <!-- Цены на товар (с учетом скидки и без)-->
        <div class="card__prices">
          <div class="card__price card__price--discount">135 000</div>
        </div>
          Привилегия 5
        </a>
        <!-- Кнопка добавить Купить -->
        <button class="card__add">Купить</button>
      </div>
    </div>
  </div>
  <div class="card">
    <!-- Карточка товара .. -->
    <div class="card">
      <!-- Верхняя часть -->
      <div class="card__top">
        <!-- Изображение-ссылка товара -->
        <a href="#" class="card__image">
          <img
            src="./image/iphone-14-pro-max-gold.png"
            alt="Apple IPhone 14 PRO Max Gold"
          />
        </a>
        <!-- Скидка на товар -->
        <div class="card__label">-10%</div>
      </div>
      <!-- Нижняя часть -->
      <div class="card__bottom">
        <!-- Цены на товар (с учетом скидки и без)-->
        <div class="card__prices">
          <div class="card__price card__price--discount">135 000</div>
        </div>
          Привилегия 6
        </a>
        <!-- Кнопка добавить Купить -->
        <button class="card__add">Купить</button>
      </div>
    </div>
  </div>
  <div class="card">
    <!-- Карточка товара .. -->
    <div class="card">
      <!-- Верхняя часть -->
      <div class="card__top">
        <!-- Изображение-ссылка товара -->
        <a href="#" class="card__image">
          <img
            src="./image/iphone-14-pro-max-gold.png"
            alt="Apple IPhone 14 PRO Max Gold"
          />
        </a>
        <!-- Скидка на товар -->
        <div class="card__label">-10%</div>
      </div>
      <!-- Нижняя часть -->
      <div class="card__bottom">
        <!-- Цены на товар (с учетом скидки и без)-->
        <div class="card__prices">
          <div class="card__price card__price--discount">135 000</div>
        </div>
          Привилегия 7
        </a>
        <!-- Кнопка добавить Купить -->
        <button class="card__add">Купить</button>
      </div>
    </div>
  </div>
  <div class="card">
    <!-- Карточка товара .. -->
    <div class="card">
      <!-- Верхняя часть -->
      <div class="card__top">
        <!-- Изображение-ссылка товара -->
        <a href="#" class="card__image">
          <img
            src="./image/iphone-14-pro-max-gold.png"
            alt="Apple IPhone 14 PRO Max Gold"
          />
        </a>
        <!-- Скидка на товар -->
        <div class="card__label">-10%</div>
      </div>
      <!-- Нижняя часть -->
      <div class="card__bottom">
        <!-- Цены на товар (с учетом скидки и без)-->
        <div class="card__prices">
          <div class="card__price card__price--discount">135 000</div>
        </div>
          Привилегия 8
        </a>
        <!-- Кнопка добавить Купить -->
        <button class="card__add">Купить</button>
      </div>
    </div>
  </div>
</div>
</div>
  <!-- Подвал -->
    <footer class="footer">
     <div class="container">
      <div class="row">
        <div class="footer-col">
          <h4>поиск по сайту</h4>
          <ul>
            <li><a href="#">О нас</a></li>
            <li><a href="#">Правила</a></li>
            <li><a href="#">На главную</a></li>
            <li><a href="#">Вики сервера</a></li>
          </ul>
        </div>
        <div class="footer-col">
          <h4>Пользователи</h4>
          <ul>
            <li><a href="#">Оферта продажи</a></li>
            <li><a href="#">Политика безопасности и возврата</a></li>
            <li><a href="#">Контакты</a></li>
            <li><a href="#">Политика пользовательского соглашения</a></li>
          </ul>
        </div>
        <div class="footer-col">
          <h4>Наши социальные сети</h4>
          <ul>
            <li><a href="https://discord.gg/vetQDVU66c">Discord</a></li>
            <li><a href="https://youtube.com/@MWorldMC">Youtube</a></li>
          </ul>
        </div>
        <div class="footer-col">
          <h4>ищите нас в:</h4>
          <div class="social-links">
            <a href="#"><i class="fab fa-facebook-f"></i></a>
            <a href="#"><i class="fab fa-twitter"></i></a>
            <a href="#"><i class="fab fa-instagram"></i></a>
            <a href="#"><i class="fab fa-linkedin-in"></i></a>
          </div>
        </div>
      </div>
     </div>
  </footer>
</body>
</html>