-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
123 lines (108 loc) · 6.69 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>Наша команда</title>
<link rel="stylesheet" href="./css/style-main.css">
</head>
<body>
<class class="container">
<header class="header">
<div class="wrapper">
<div class="header__wrapper">
<div class="header__logo">
<a href="#!" class="header__logo-link">
<img src="./img/svg/dziga-logo.svg" alt="Створимо новий ігровий світ" class="header__logo-pic">
</a>
</div>
<nav class="header__nav">
<ul class="header__list">
<li class="header__item">
<a href="index.html" class="header__link">Головна</a>
</li>
<li class="header__item">
<a href="games.html" class="header__link">Всі ігри</a>
</li>
<li class="header__item">
<a href="collaboration.html" class="header__link">Кооперація</a>
</li>
<li class="header__item">
<a href="#!" class="header__link">Команда</a>
</li>
</ul>
</nav>
</div>
</div>
</header>
<main class="main">
<section class="intro">
<div class="wrapper1">
<h1 class="intro__title">
Створимо новий ігровий світ
</h1>
<p class="intro__subtitle">
Ми нова генерація розробників ігор 🍌
</p>
<form class="button-form">
<fieldset class="button-form__wrap">
<p class="button-form__info-zhenia">
<button type="video" class="button-form__link">Трейлер до гри</button>
</p>
</fieldset>
</form>
<h2 class="intro__pers2title">
Поринь у світ козаків
</h2>
<p class="intro__pers2subtitle">
Події у грі відбуваються у 17 у добу Хмельниччини. Ви його права рука і надійний друг. Подорожуйте, досліджуйте, перемагайте, надихайте. А головне - знайомтисе з калоритом древньої України!
</p>
<class class="container">
<form class="shopp">
<img src="./img/svg/app-store.svg" alt="" class="shop">
<img src="./img/svg/google-play 1.svg" alt="" class="shop">
<img src="./img/svg/steam.svg" alt="" class="shop">
</form>
</class>
<h3 class="intro__pers3title">
Добийся незалежності Гетьманщини
</h3>
<p class="intro__pers3subtitle">
Надзвичайно велика і деталізована відкрита територія, яка дає змогу повністю погрузитися в історію
</p>
<img src="./img/svg/det1.svg" alt="" class="det1"> <h4 class="intro__det1title">Адаптований сюжет</h4>
<p class="intro__det1subtitle">
Надзвичайно велика сюжетна лінія, котра не залишить гравців поза увагою. Кожна секунду ігрового часу буде сповнена пригодами і неймовірними подіями
</p>
<img src="./img/svg/det2.svg" alt="" class="det1"> <h5 class="intro__det1title">Геніальні NPS</h5>
<p class="intro__det1subtitle">
Кожен зустрічний персонаж має унікальний характери та риси обличчя. Майже не можливо відрізнити
</p>
<img src="./img/svg/det3.svg" alt="" class="det1"> <h6 class="intro__det1title">Прокачені бої</h6>
<p class="intro__det1subtitle">
Наші спеціалісти, котрі мали досвід унікальний досвід і є майстрами бойових мистецтв, стовили дещо неймовірне у плані механіки бойових дій.
</p>
<h7 class="intro__pers4title">
Стань отаманом
</h7>
<p class="intro__pers4subtitle">
Пройти шлях від простого ліцеїста до кошового отамана, який стане одним із найлегердарніших полководців у світі, дасть вам можливість отримати надзвичайний досвід у вашому житті!
</p>
<class class="container2">
<form class="shopp2">
<img src="./img/svg/app-store.svg" alt="" class="shop2">
<img src="./img/svg/steam.svg" alt="" class="shop2">
<img src="./img/svg/google-play 1.svg" alt="" class="shop2">
</form>
</class>
<form class="container3">
<img src="./img/svg/allprog.svg" alt="" class="shop2">
</form>
<h7 class="intro__pers5title">
Sirko Inception 3D
</h7>
</div>
</main>
</class>
</body>
</html>