-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtemplate_alt.html
More file actions
270 lines (270 loc) · 21.3 KB
/
template_alt.html
File metadata and controls
270 lines (270 loc) · 21.3 KB
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
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
<!DOCTYPE html>
<html>
<head>
<title>Cybets template</title>
<meta charset="utf-8">
<meta content="IE=edge, chrome=1" http-equiv="X-UA-Compatible">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<link href="css/app.css" rel="stylesheet">
<link href="css/screen.css" rel="stylesheet">
<script>
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
var msViewportStyle = document.createElement("style");
var mq = "@@-ms-viewport{width:auto!important}";
msViewportStyle.appendChild(document.createTextNode(mq));
document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
}
</script>
</head>
<body>
<div id="applicationHost">
<section class="cb-viewport-container cb-r-viewport-container">
<div class="cb-primary-nav m-user js-set-absolute js-nav-get-height">
<div class="cb-primary-nav-wrap js-nav-calc-height">
<div class="baron-wrap baron js-baron2">
<div class="scroller">
<div class="baron-text">
<ul>
<li><a href="#" class="cb-back">Сybets.net</a></li>
<li>
<div class="cb-user">
<div class="cb-user-media">
<div class="cb-user-media-num">5</div>
<div class="cb-user-media-ava"><img src="http://placehold.it/120x120" alt="img"></div>
</div>
<div class="cb-user-name"><a href="#">NirtS</a></div>
<div class="cb-user-bal"><a href="#">На счету: $0.00</a></div>
</div>
</li>
<li><a href="#" class="bet"><span class="cb-primary-nav-ico usd-wrap"><i class="fa fa-usd"></i></span><span>Ставки</span></a></li>
<li><a href="#"><i class="cb-primary-nav-ico fa fa-users"></i><span>Тотализатор</span></a></li>
<li><a href="#"><i class="cb-primary-nav-ico fa fa-cog"></i><span>Настройки</span></a></li>
<li><a href="#"><i class="cb-primary-nav-ico fa fa-headphones"></i><span>Задать вопрос</span></a></li>
<li><a href="#"><i class="cb-primary-nav-ico fa fa-arrow-circle-o-left"></i><span>Выход</span></a></li>
</ul>
</div>
</div>
<div class="scroller-bar-wrapper">
<div class="scroller-bar"></div>
</div>
</div>
</div>
</div>
<div class="cb-l">
<div class="cb-l-col1">
<div class="cb-translation m-user">
<div class="cb-translation-play"><a href="#"><i class="fa fa-play-circle"></i><span>Трансляции: <span class="cb-translation-match">Англия - Голландия</span></span></a></div><i class="fa fa-chevron-circle-up js-translation"></i><i class="cb-clip"></i>
</div>
<p>1 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae vitae animi, suscipit consequatur eos aperiam natus veritatis delectus vel, quisquam quod doloremque, quia ducimus pariatur ad iusto deserunt excepturi vero.</p>
<section class="cb-bet-translation">
<div class="cb-match">
<div class="cb-match-top">
<h2 class="cb-h2 m-white">Трансляции</h2><i class="cb-match-close fa fa-close js-match-close"></i>
</div>
<div class="cb-match-nav">
<ul>
<li><a href="#"><i class="cb-icon cb-icon-wot"></i><span>Все</span></a></li>
<li><a href="#" class="is-active"><i class="cb-icon cb-icon-wot is-active"></i><span>Англия - Германия</span></a></li>
<li><a href="#"><i class="cb-icon cb-icon-wot"></i><span>Камерун - Франция</span></a></li>
</ul>
</div>
<div class="cb-match-items">
<div class="baron-wrap js-baron">
<div class="scroller">
<div class="cb-match-item">
<div class="cb-match-item-media">
<div class="cb-match-item-media-play"><img alt="img" src="http://placehold.it/700x250"></div><i class="cb-match-item-media-ico"></i>
</div>
<div class="cb-match-item-descr">
<div class="cb-match-item-descr-name"><a href="#">Название трансляции</a></div>
</div>
</div>
<div class="cb-match-item">
<div class="cb-match-item-media">
<div class="cb-match-item-media-play"><img alt="img" src="http://placehold.it/700x250"></div><i class="cb-match-item-media-ico"></i>
</div>
<div class="cb-match-item-descr">
<div class="cb-match-item-descr-name"><a href="#">Название трансляции</a></div>
</div>
</div>
<div class="cb-match-item">
<div class="cb-match-item-media">
<div class="cb-match-item-media-play"><img alt="img" src="http://placehold.it/700x250"></div><i class="cb-match-item-media-ico"></i>
</div>
<div class="cb-match-item-descr">
<div class="cb-match-item-descr-name"><a href="#">Название трансляции</a></div>
</div>
</div>
<div class="cb-match-item">
<div class="cb-match-item-media">
<div class="cb-match-item-media-play"><img alt="img" src="http://placehold.it/700x250"></div><i class="cb-match-item-media-ico"></i>
</div>
<div class="cb-match-item-descr">
<div class="cb-match-item-descr-name"><a href="#">Название трансляции</a></div>
</div>
</div>
<div class="cb-match-item">
<div class="cb-match-item-media">
<div class="cb-match-item-media-play"><img alt="img" src="http://placehold.it/700x250"></div><i class="cb-match-item-media-ico"></i>
</div>
<div class="cb-match-item-descr">
<div class="cb-match-item-descr-name"><a href="#">Название трансляции</a></div>
</div>
</div>
<div class="cb-match-item">
<div class="cb-match-item-media">
<div class="cb-match-item-media-play"><img alt="img" src="http://placehold.it/700x250"></div><i class="cb-match-item-media-ico"></i>
</div>
<div class="cb-match-item-descr">
<div class="cb-match-item-descr-name"><a href="#">Название трансляции</a></div>
</div>
</div>
<div class="cb-match-item">
<div class="cb-match-item-media">
<div class="cb-match-item-media-play"><img alt="img" src="http://placehold.it/700x250"></div><i class="cb-match-item-media-ico"></i>
</div>
<div class="cb-match-item-descr">
<div class="cb-match-item-descr-name"><a href="#">Название трансляции</a></div>
</div>
</div>
<div class="cb-match-item">
<div class="cb-match-item-media">
<div class="cb-match-item-media-play"><img alt="img" src="http://placehold.it/700x250"></div><i class="cb-match-item-media-ico"></i>
</div>
<div class="cb-match-item-descr">
<div class="cb-match-item-descr-name"><a href="#">Название трансляции</a></div>
</div>
</div>
<div class="cb-match-item">
<div class="cb-match-item-media">
<div class="cb-match-item-media-play"><img alt="img" src="http://placehold.it/700x250"></div><i class="cb-match-item-media-ico"></i>
</div>
<div class="cb-match-item-descr">
<div class="cb-match-item-descr-name"><a href="#">Название трансляции</a></div>
</div>
</div>
<div class="cb-match-item">
<div class="cb-match-item-media">
<div class="cb-match-item-media-play"><img alt="img" src="http://placehold.it/700x250"></div><i class="cb-match-item-media-ico"></i>
</div>
<div class="cb-match-item-descr">
<div class="cb-match-item-descr-name"><a href="#">Название трансляции</a></div>
</div>
</div>
<div class="cb-match-item">
<div class="cb-match-item-media">
<div class="cb-match-item-media-play"><img alt="img" src="http://placehold.it/700x250"></div><i class="cb-match-item-media-ico"></i>
</div>
<div class="cb-match-item-descr">
<div class="cb-match-item-descr-name"><a href="#">Название трансляции</a></div>
</div>
</div>
<div class="cb-match-item">
<div class="cb-match-item-media">
<div class="cb-match-item-media-play"><img alt="img" src="http://placehold.it/700x250"></div><i class="cb-match-item-media-ico"></i>
</div>
<div class="cb-match-item-descr">
<div class="cb-match-item-descr-name"><a href="#">Название трансляции</a></div>
</div>
</div>
</div>
<div class="scroller-bar-wrapper">
<div class="scroller-bar"></div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="cb-l-col2">
<p>2 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur doloremque ipsum enim deleniti quod maxime quos eveniet distinctio pariatur dicta, ad sapiente quibusdam consequuntur architecto. Tenetur voluptates dolore laudantium esse.</p>
</div>
<div class="cb-l-col3 m-mod">
<section class="cb-shares">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus excepturi explicabo hic temporibus, rerum obcaecati fugiat nesciunt repellendus earum laudantium fugit perferendis accusamus repellat officiis itaque iste optio minus veritatis. Error assumenda corporis nisi a, tenetur culpa. Saepe sit aliquam veniam sequi repellendus labore deserunt ab voluptas sapiente eaque voluptatum neque eligendi vel incidunt eius, ullam quibusdam. Et at ipsum libero enim distinctio architecto reprehenderit quia, esse dolores? Laboriosam in, minima reiciendis libero recusandae itaque necessitatibus, fugit laborum. Quibusdam quo sunt facere, adipisci fugiat temporibus. Voluptates eligendi laborum rem, laudantium, nemo cum sapiente facilis doloribus ratione fugiat quam accusamus iste?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor numquam aperiam, aut, incidunt neque in quod impedit saepe suscipit perferendis, doloribus debitis dignissimos, sit laborum laudantium ipsa odio veniam aspernatur eos quisquam rem nihil aliquam odit. Repellat asperiores cumque ipsam debitis? Voluptatibus maxime consectetur expedita! Aperiam cum illum, iste libero nostrum repudiandae ullam, consequuntur nam cupiditate corporis voluptatum dolor quia id, laborum tempore recusandae et est illo debitis! Voluptate fuga accusamus inventore deleniti adipisci animi error, consectetur, non rem quis ipsa, magni, repellat laboriosam repellendus nisi impedit! Nisi error dolorum necessitatibus eum minus. Nostrum tempore eligendi ratione. Culpa, veritatis perferendis qui quam adipisci? Perferendis neque, ullam eveniet ex. Odio qui sint voluptatibus blanditiis minus excepturi quod exercitationem, fuga voluptatem sequi quo sed delectus, error laboriosam corrupti expedita dicta tempore voluptate nulla atque. Architecto eos dolor ipsum, hic enim nobis blanditiis facilis sint dolore in quae temporibus omnis odit corrupti necessitatibus aut, labore nemo cupiditate, deleniti ab! Optio sequi accusamus, tempora, sit vitae quasi, error doloribus quaerat ad nemo architecto temporibus nesciunt nulla ipsam voluptatem qui impedit ab natus culpa debitis corporis libero perspiciatis nihil nobis minima. Error maxime iusto, necessitatibus eveniet quod ducimus quibusdam, consectetur deserunt, voluptates nostrum sunt voluptate impedit reiciendis mollitia velit at ipsum, a ut quos laboriosam! Quasi fugiat ea maiores facere ipsum ipsa molestiae et voluptatibus perspiciatis ducimus. Quidem eos cum quaerat deserunt qui autem reprehenderit eligendi magni aliquam aperiam delectus, iste dicta repellat placeat enim assumenda rem quisquam maiores modi, vitae facilis. Blanditiis exercitationem veritatis odit dignissimos praesentium atque dolore sunt deleniti eius quis dolor totam, nemo repellendus aspernatur iste. Sunt architecto eligendi vero voluptas facere reiciendis maiores tempore ad ea minus iusto ipsum officia quae temporibus nobis voluptatibus, accusantium rerum. Maiores esse itaque perferendis cupiditate et nam cumque ut quia? Sequi dolore adipisci accusamus recusandae earum temporibus cupiditate fuga placeat ratione laborum. Esse labore numquam illum reiciendis accusantium! Reprehenderit, excepturi cupiditate voluptates, quisquam aperiam optio eius veniam quod! Eaque, suscipit dolore veniam, doloremque expedita alias iure cum reprehenderit assumenda sed! Ratione provident laboriosam id sed non quisquam incidunt deleniti sint ut ipsa nulla, ex soluta nam, impedit, mollitia, beatae tempore quos! Iure consequuntur vitae ipsum laborum facilis voluptates dolorum! Nulla numquam ut dicta praesentium. Deserunt ea saepe rerum amet ut similique harum possimus accusantium, placeat. Rem quidem doloremque mollitia dignissimos delectus officia molestias error pariatur, esse harum nesciunt iusto amet enim, temporibus veritatis sit. Voluptate sapiente architecto neque aut quia dolore voluptates hic esse fugiat illo minima a eum possimus quo, ducimus nesciunt praesentium natus et voluptatem quasi dolorum earum magni. Eius modi enim nam quibusdam rem, quidem? Odit ipsa commodi, enim magnam molestias laudantium, ullam quidem fugiat autem! Fuga velit harum vel quae itaque laudantium alias labore voluptates necessitatibus sint magnam, illo magni sed quod assumenda eligendi debitis vero voluptatem corrupti, repudiandae asperiores! Ab dolore ullam delectus maiores dolor error fuga saepe tempore cupiditate eligendi ad enim sapiente reprehenderit id minima nostrum facilis neque, placeat adipisci, numquam doloribus maxime? Vitae maxime, veniam quod.</p>
</section>
<section class="cb-chat m-user">
<div class="cb-chat-fixed js-chat-set-height">
<div class="cb-chat-topper"><span class="cb-chat-topper-title h2 h2_white">Dota 2</span><span class="cb-chat-topper-icons"><i class="fa fa-cog"></i><i class="fa fa-user is-active"></i><i class="fa fa-close js-chat-close"></i></span></div>
<div class="cb-chat-in js-chat-set-height2">
<div class="baron-wrap js-baron">
<div class="scroller">
<div class="baron-text">
<div class="cb-chat-item">
<div class="cb-chat-item-user"><a href="#"><i class="cb-chat-item-user-ico fa fa-user"></i><span>3apy</span></a></div>
</div>
<div class="cb-chat-item">
<div class="cb-chat-item-user"><a href="#"><i class="cb-chat-item-user-ico fa fa-user"></i><span>HungryCutie</span></a></div>
</div>
<div class="cb-chat-item m-mod">
<div class="cb-chat-item-user"><a href="#"><i class="cb-chat-item-user-ico fa fa-user"></i><span>Basalt_ru</span></a></div>
</div>
<div class="cb-chat-item m-warning">
<div class="cb-chat-item-user"><a href="#"><i class="cb-chat-item-user-ico fa fa-user"></i><span>Info</span></a></div>
</div>
<div class="cb-chat-item m-danger">
<div class="cb-chat-item-user"><a href="#"><i class="cb-chat-item-user-ico fa fa-user"></i><span>Admin</span></a></div>
</div>
<div class="cb-chat-item">
<div class="cb-chat-item-user"><a href="#"><i class="cb-chat-item-user-ico fa fa-user"></i><span>3apy</span></a></div>
</div>
<div class="cb-chat-item">
<div class="cb-chat-item-user"><a href="#"><i class="cb-chat-item-user-ico fa fa-user"></i><span>HungryCutie</span></a></div>
</div>
<div class="cb-chat-item">
<div class="cb-chat-item-user"><a href="#"><i class="cb-chat-item-user-ico fa fa-user"></i><span>Basalt_ru</span></a></div>
</div>
<div class="cb-chat-item">
<div class="cb-chat-item-user"><a href="#"><i class="cb-chat-item-user-ico fa fa-user"></i><span>3apy</span></a></div>
</div>
<div class="cb-chat-item">
<div class="cb-chat-item-user"><a href="#"><i class="cb-chat-item-user-ico fa fa-user"></i><span>HungryCutie</span></a></div>
</div>
<div class="cb-chat-item">
<div class="cb-chat-item-user"><a href="#"><i class="cb-chat-item-user-ico fa fa-user"></i><span>Basalt_ru</span></a></div>
</div>
<div class="cb-chat-item">
<div class="cb-chat-item-user"><a href="#"><i class="cb-chat-item-user-ico fa fa-user"></i><span>3apy</span></a></div>
</div>
<div class="cb-chat-item">
<div class="cb-chat-item-user"><a href="#"><i class="cb-chat-item-user-ico fa fa-user"></i><span>HungryCutie</span></a></div>
</div>
<div class="cb-chat-item">
<div class="cb-chat-item-user"><a href="#"><i class="cb-chat-item-user-ico fa fa-user"></i><span>Basalt_ru</span></a></div>
</div>
<div class="cb-chat-item">
<div class="cb-chat-item-user"><a href="#"><i class="cb-chat-item-user-ico fa fa-user"></i><span>3apy</span></a></div>
</div>
<div class="cb-chat-item">
<div class="cb-chat-item-user"><a href="#"><i class="cb-chat-item-user-ico fa fa-user"></i><span>HungryCutie</span></a></div>
</div>
<div class="cb-chat-item">
<div class="cb-chat-item-user"><a href="#"><i class="cb-chat-item-user-ico fa fa-user"></i><span>Basalt_ru</span></a></div>
</div>
<div class="load">
<div class="load-value"></div>
</div>
</div>
</div>
<div class="scroller-bar-wrapper">
<div class="scroller-bar"></div>
</div>
</div>
<div class="cb-chat-textarea-wrap">
<textarea placeholder="Введите сообщение" class="cb-chat-textarea"></textarea><i class="cb-chat-textarea-smile fa fa-smile-o"></i><i class="cb-chat-textarea-cross fa fa-close"></i>
</div>
<div class="cb-chat-btn"><a href="js-popup-reg" class="cb-chat-enter btn js-popup-link">Войти в чат</a><a href="js-popup-enter" class="cb-chat-update btn js-popup-link">Обновить</a></div>
</div>
</div>
</section>
</div>
</div>
</section>
</div>
<script data-headjs-load="js/init.js" src="js/lib/head.js"></script>
</body>
</html>