-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
86 lines (83 loc) · 3.11 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
<html>
<head>
<link href="node_modules/reset-css/reset.css" rel="stylesheet" />
<link href="index.css" rel="stylesheet" />
<meta charset="utf8" />
</head>
<body>
<div class="app">
<header class="header">
<!-- nav here-->
</header>
<content class="quiz-wrapper">
<div class="quiz">
<header class="quiz__header">
<h1 class="quiz__header-title"> <strong class="u-sans">Бегун или прыгун?</strong> Попробуйте узнать российских легкоатлетов в лицо. Тест</h1>
<span class="close-icon quiz__header-close-icon"></span>
</header>
<content class="quiz__content-wrapper">
<div class="quiz__content">
<div class="quiz__question-num-container">
<p class="quiz__question-num">2/9</p>
</div>
<div class="quiz__question-content-wrapper">
<div class="quiz__question-img-wrapper">
<img class="quiz__question-img u-img-gray" src="./img.jpg" alt="quiestion"/>
<p class="quiz__question-img-caption">Фото: Павел Головкин / AP / Scanpix / LETA</p>
</div>
<h1 class="quiz__question-title">Начнем с самого простого. Перед вами двукратная олимпийская чемпионка. В каком виде спорта?</h1>
<form class="quiz__answers">
<div class="quiz__answer">
<div class="quiz__answer-pip">
<input class="quiz__answer-pip-checkbox" type="radio" name="answer"/>
</div>
<div class="quiz__answer-text">
В прыжках в длину, конечно
</div>
</div>
<div class="quiz__answer">
<div class="quiz__answer-pip">
<input class="quiz__answer-pip-checkbox" type="radio" name="answer"/>
</div>
<div class="quiz__answer-text">
В прыжках, но не в длину, а в высоту
</div>
</div>
<div class="quiz__answer">
<div class="quiz__answer-pip">
<input class="quiz__answer-pip-checkbox" type="radio" name="answer"/>
</div>
<div class="quiz__answer-text">
В высоту, но не просто в высоту, а с шестом
</div>
</div>
<div class="quiz__answer">
<div class="quiz__answer-pip">
<input class="quiz__answer-pip-checkbox" type="radio" name="answer"/>
</div>
<div class="quiz__answer-text">
Вы что?! Это же девушка, гениально бегающая 800-метровку
</div>
</div>
<div class="quiz__answers-footer">
<button class="btn">Назад</button>
<button class="btn btn--submit">Дальше</button>
</div>
</form>
</div>
</div>
</content>
<footer class="quiz__footer">
<div class="quiz__footer-social-meta">
<p class="u-text-al-c">
Здесь типа иконки соц сетей
</p>
</div>
</footer>
</div>
</content>
<footer class="footer">
<!--footer stuff-->
</footer>
</body>
</html>