-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
182 lines (173 loc) · 7.6 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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Cargo</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="page-header">
<div class="container">
<nav class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><img src="img/logo.png" alt=""></a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="#">Новости</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Отзывы</a></li>
<li><a href="#">Обратная связь</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a id="login" href="#">Вход</a></li>
<li><a id="reg" href="#">Регистрация</a></li>
</ul>
</div>
</nav>
</div>
<section class="header-sec">
<div class="container">
<h1>ИГРАЙ И ЗАРАБАТЫВАЙ</h1>
<p>Наша игра - это инновационный и увлекательный проект, в котором любой пользователь может попробовать себя в роли предпринимателя</p>
<div class="goto">
<a class="button-primary" href="">
<img src="img/button.png" alt="">
ПОЕХАЛИ!</a>
</div>
</div>
<!-- <div class="banner">
<img src="img/banner.png" alt="">
</div> -->
</section>
</div>
</header>
<article class="page-body">
<div class="block-with-us">
<div class="container">
<div class="col-md-6 left-with-us">
<h2>ДОСТАВКА ГРУЗОВ ЗА 24 ЧАСА</h2>
<p>Зарабатывать реальные деньги никогда ещё не было так просто.</p>
<p>В течение 24 часов вы должны доставить груз на арендованной машине из пункта <span style="color:#e7ca91;">А</span> в пункт <span style="color: #b2cbbb;">В</span>, преодолев на своем пути 3 заправки.</p>
<p>И в конце этого приключения получайте реальные деньги на свой счёт. Окунитесь в мир логистики и маркетинга вместе с нами!</p>
</div>
<div class="col-md-6 right-with-us">
<img src="img/with-us.png" alt="">
</div>
</div>
</div>
<div class="block-game">
<div class="game container">
<h2>КАК ИГРАТЬ</h2>
<div class="game__container clearfix">
<div class="game-item">
<div class="game-blue-light game-item__bg">
<div class="game-item__circle">Circle</div>
<h3>Арендуете авто</h3>
</div>
<p class="game-item__content">Выбирайте и оплачивайте <br> аренду машины</p>
</div>
<div class="game-item">
<div class="game-blue game-item__bg">
<div class="game-item__circle">Circle</div>
<h3>Приглашаете друзей</h3>
</div>
<p class="game-item__content">За 24 часа приглашайте друзей,<br> чтобы они оплатили вам заправки или случайные пользователи <br>могут вам их оплатить</p>
</div>
<div class="game-item">
<div class="game-orange game-item__bg">
<div class="game-item__circle">Circle</div>
<h3>Получаете прибыль</h3>
</div>
<p class="game-item__content">Получайте прибыль на свой счёт <br> Выводите деньги любым <br> удобным способом</p>
</div>
</div>
<a href="#" class="button-primary">Начать игру</a>
</div>
</div>
<div class="preim">
<div class="container">
<h2>Наши преимущества</h2>
<p class="preim__content">Вы получайте прибыль вне зависимости от того успели ли вы добраться до конца или нет</p>
<div class="row preim_row">
<div class="col-md-3 col-sm-6 preim__item">
<div class="preim__image">
<img src="img/preim-item1.png" alt="">
</div>
<h3>4 вида машин</h3>
<p>Газель за 100р <br> Volkswagen за 250р <br> Peugeot за 500р <br> Mercedes за 1000р</p>
</div>
<div class="col-md-3 col-sm-6 preim__item">
<div class="preim__image">
<img src="img/preim-item2.png" alt="">
</div>
<h3>Платите за друга</h3>
<p>Оплачивая заправку друга – вам <br> совершенно бесплатно даётся <br> собственная машина в аренду</p>
</div>
<div class="col-md-3 col-sm-6 preim__item">
<div class="preim__image">
<img src="img/preim-item3.png" alt="">
</div>
<h3>Ищите друзей</h3>
<p>Заправку вам могут оплатить <br> случайные пользователи нашей <br> системы</p>
</div>
<div class="col-md-3 col-sm-6 preim__item">
<div class="preim__image">
<img src="img/preim-item4.png" alt="">
</div>
<h3>Конкурсы</h3>
<p>Побеждай в еженедельных конкурсах <br> за главный приз: <strong>iPhone X</strong></p>
</div>
</div>
</div>
</div>
<div class="sub">
<div class="container">
<h2 class="sub__title">Подписаться на рассылку</h2>
<p class="sub__content">
Подпишитесь на рассылку чтобы быть в курсе наших новостей
</p>
<form class="sub__input">
<input type="email" class="sub__email" placeholder="Введите E-mail адрес">
<input type="submit" class="sub__submit">
</form>
</div>
</div>
<div class="contest">
<div class="container">
<h2 class="contest__title">Конкурсы</h2>
<p class="contest__content">Еженедельный конкурс 14.01 — 21.01</p>
<div class="row contest__image">
<div class="col-md-3 contest__item col-md-offset-1">
<div class="contest__reyting_2">
<p><strong>2-ое место</strong><br>Приз: Monster Beats</p>
<img src="img/reyting2.png" alt="">
</div>
</div><!--
--><div class="col-md-4 contest__item">
<div class="contest__reyting_1">
<img src="img/reyting1.png" alt="">
<p><strong>1-ое место</strong><br>Приз: Iphone X</p>
</div>
</div><!--
--><div class="col-md-3 contest__item">
<div class="contest__reyting_3">
<img src="img/reyting3.png" alt="">
<p><strong>3-ье место</strong><br>Приз: USB 2 Tb</p>
</div>
</div>
</div>
</div>
</div>
</article>
</body>
</html>