https://pastein.ru/t/tk0
Загрузка данных
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Counter-Strike 2</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- ШАПКА -->
<header class="header">
<div class="container">
<h1>COUNTER-STRIKE 2</h1>
<p class="subtitle">
Одна команда. Один раунд. Одна победа.
</p>
<nav>
<a href="#about">Об игре</a>
<a href="#modes">Режимы</a>
<a href="#weapons">Оружие</a>
<a href="#maps">Карты</a>
</nav>
</div>
</header>
<!-- ГЛАВНЫЙ БЛОК -->
<section class="hero">
<div class="container hero-content">
<div class="hero-text">
<p class="small-title">
VALVE PRESENTS
</p>
<h2>
COUNTER-STRIKE 2
</h2>
<p>
Counter-Strike 2 — это командный тактический шутер,
в котором игроки сражаются друг против друга.
Победа зависит от меткости, реакции, командной работы
и правильной тактики.
</p>
<a class="button"
href="https://store.steampowered.com/app/730/CounterStrike_2/"
target="_blank">
Открыть в Steam
</a>
</div>
<img src="images/cs2.jpg" alt="Counter-Strike 2">
</div>
</section>
<!-- ОБ ИГРЕ -->
<section id="about" class="section">
<div class="container">
<h2>Об игре</h2>
<p class="section-text">
Counter-Strike 2 является продолжением знаменитой серии
Counter-Strike. Игра построена вокруг противостояния двух
команд: террористов и спецназа.
</p>
<div class="cards">
<article class="card">
<div class="number">01</div>
<h3>Командная игра</h3>
<p>
Игроки должны общаться друг с другом,
распределять роли и вместе разрабатывать тактику.
</p>
</article>
<article class="card">
<div class="number">02</div>
<h3>Тактика</h3>
<p>
Важно правильно выбирать позицию, использовать
гранаты и предугадывать действия соперника.
</p>
</article>
<article class="card">
<div class="number">03</div>
<h3>Меткость</h3>
<p>
Хорошая реакция и точная стрельба помогают
выигрывать важные перестрелки.
</p>
</article>
</div>
</div>
</section>
<!-- РЕЖИМЫ -->
<section id="modes" class="section dark">
<div class="container">
<h2>Игровые режимы</h2>
<div class="mode-grid">
<article class="mode">
<span>01</span>
<h3>Соревновательный</h3>
<p>
Основной режим для серьёзной командной игры.
Две команды сражаются за победу в раундах.
</p>
</article>
<article class="mode">
<span>02</span>
<h3>Премьер</h3>
<p>
Режим с рейтинговой системой, предназначенный
для соревновательных матчей.
</p>
</article>
<article class="mode">
<span>03</span>
<h3>Напарники</h3>
<p>
Формат два на два, где особенно важны
взаимодействие и индивидуальное мастерство.
</p>
</article>
<article class="mode">
<span>04</span>
<h3>Обычный</h3>
<p>
Более свободный режим, подходящий для отдыха
и знакомства с игрой.
</p>
</article>
</div>
</div>
</section>
<!-- ОРУЖИЕ -->
<section id="weapons" class="section">
<div class="container">
<h2>Любимое оружие игроков</h2>
<div class="weapon-grid">
<article class="weapon">
<img src="images/ak47.jpg" alt="AK-47">
<div class="weapon-info">
<h3>AK-47</h3>
<p>
Мощная штурмовая винтовка террористов.
Отличается большим уроном и требует
хорошего контроля отдачи.
</p>
</div>
</article>
<article class="weapon">
<img src="images/awp.jpg" alt="AWP">
<div class="weapon-info">
<h3>AWP</h3>
<p>
Снайперская винтовка, способная нанести
огромный урон одним выстрелом.
</p>
</div>
</article>
</div>
</div>
</section>
<!-- КАРТЫ -->
<section id="maps" class="section maps">
<div class="container">
<h2>Популярные карты</h2>
<div class="map-list">
<div class="map">
<h3>Mirage</h3>
<p>
Одна из самых известных карт серии.
Большое значение имеют контроль центра
и правильное использование гранат.
</p>
</div>
<div class="map">
<h3>Dust II</h3>
<p>
Легендарная карта Counter-Strike,
знакомая многим игрокам.
</p>
</div>
<div class="map">
<h3>Inferno</h3>
<p>
Карта с узкими проходами и большим
количеством важных позиций.
</p>
</div>
</div>
<h3 class="list-title">
Что нужно для хорошей игры?
</h3>
<ul class="skills">
<li>Хорошая реакция</li>
<li>Точная стрельба</li>
<li>Знание карт</li>
<li>Командная работа</li>
<li>Умение использовать гранаты</li>
<li>Правильная тактика</li>
</ul>
</div>
</section>
<!-- КАРТИНКА -->
<section class="quote">
<div class="container">
<img src="images/gameplay.jpg" alt="Игровой процесс CS2">
<div>
<h2>Игра, где важен каждый раунд</h2>
<p>
В Counter-Strike 2 даже один момент может изменить
исход всего матча. Поэтому здесь важны концентрация,
командная работа и умение быстро принимать решения.
</p>
</div>
</div>
</section>
<!-- FOOTER -->
<footer>
<div class="container">
<h3>COUNTER-STRIKE 2</h3>
<p>
Моя страница о любимой игре
</p>
<p class="copyright">
Сайт создан с использованием HTML и CSS
</p>
</div>
</footer>
</body>
</html>
