-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
159 lines (159 loc) · 9.51 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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Имитационный блок - билеты на электричку</title>
<link rel="stylesheet" href="./pages/index.css?v2.8">
<script src="scripts/index.js?v1.8" defer></script>
</head>
<body>
<main class="page">
<section class="popup popup-start popup_opened">
<div class="popup-start__header">
<h1 class="popup-start__title">Вас приветствует пассажирская транспортная компания </h1>
</div>
<div class="popup-start__footer">
<p class="popup-start__subtitle">Коснитесь экрана для работы с терминалом</p>
</div>
</section>
<section class="popup popup-cities">
<div class="popup-cities__header">
<h2 class="popup-cities__title">Наукоград</h2>
</div>
<div class="popup-cities__main">
<p class="popup-cities__main-title">Пункт назначения</p>
<div class="popup-cities__content"></div>
</div>
<div class="popup-cities__footer">
<div class="popup-cities__footer-left">
<button type="button" class="button popup-cities__previous button_disabled disabled" aria-label="Предыдущие" disabled>Предыдущие</button>
<!--<button type="button" class="button popup-cities__search" aria-label="Поиск">Поиск</button>-->
</div>
<button type="button" class="button popup-cities__next" aria-label="Следующие">Следующие</button>
</div>
</section>
<section class="popup popup-ticket">
<div class="popup-ticket__header">
<h2 class="popup-ticket__title">Наукоград -> <span class="popup-ticket__city">Веснушкино</span></h2>
<p class="popup-ticket__parameters">Льгота: <span class="popup-ticket__benefit">нет льготы</span></p>
<p class="popup-ticket__parameters">Тариф: <span class="popup-ticket__rate">ПАССАЖИРСКИЙ</span></p>
<p class="popup-ticket__parameters">Дата проезда:
<span class="popup-ticket__date">02</span>.03.<span class="popup-ticket__date_year"></span>
</p>
</div>
<div class="popup-ticket__main">
<div class="popup-ticket__main-content">
<div class="popup-ticket__tickets">
<div class="popup-ticket__one-full popup-ticket__one">
<p class="popup-ticket__one-full-text popup-ticket__one-full-text_margin">Только ТУДА</p>
<p class="popup-ticket__one-full-text">Цена: <span class="popup-ticket__one-price popup-ticket__price">225,00</span> руб.</p>
</div>
<div class="popup-ticket__one-full popup-ticket__one-full_last-child popup-ticket__two">
<p class="popup-ticket__one-full-text popup-ticket__one-full-text_margin_none">ТУДА и ОБРАТНО</p>
<p class="popup-ticket__one-full-text popup-ticket__one-full-text_small"></p>
<p class="popup-ticket__one-full-text">Цена: <span class="popup-ticket__one-full-price popup-ticket__price">550,00</span> руб.</p>
</div>
<div class="popup-ticket__benefits-align">
<button type="button" class="popup-ticket__benefits" aria-label="Льготы">Оформить льготный документ</button>
</div>
</div>
<div class="popup-ticket__pricing-plans">
<p class="popup-ticket__pricing-plans-text">Тарифы</p>
<div class="popup-ticket__type-train">
<div class="popup-ticket__passenger popup-ticket-passenger popup-ticket__passenger_active popup-ticket__passenger_background">
<input class="popup-ticket__radio-input" id="passenger" type="radio" name="type-ticket" value="Пассажирский" checked>
<label class="popup-ticket__radio-button" for="passenger">Пассажирский</label>
</div>
<div class="popup-ticket__passenger popup-ticket-soon">
<input class="popup-ticket__radio-input" id="soon" type="radio" name="type-ticket" value="Скорый">
<label class="popup-ticket__radio-button" for="soon">Скорый</label>
</div>
</div>
</div>
</div>
</div>
<div class="popup-cities__footer popup-cities__footer_small_padding">
<div class="popup-cities__footer-left">
<button type="button" class="button popup-cities__previous popup-cities__previous_background_color" aria-label="К выбору станции">К выбору станции</button>
<button type="button" class="button popup-cities__search" aria-label="Выбрать дату">Выбрать дату</button>
</div>
<button type="button" class="button popup-cities__next popup-cities__next_color_red" aria-label="К оплате">К оплате</button>
</div>
</section>
<section class="popup popup-benefits">
<form class="popup-benefits__form" name="benefits">
<div class="popup-benefits__form-top">
<h2 class="popup-benefits__title">Выберите тип льготы</h2>
<div class="popup-benefits__benefit">
<input class="popup-ticket__radio-input" id="no-benefit" type="radio" name="type-benefits" value="нет льготы" checked>
<label class="popup-ticket__radio-button popup-benefits__radio-button" for="no-benefit">Нет льготы</label>
</div>
<div class="popup-benefits__benefit">
<input class="popup-ticket__radio-input" id="retiree" type="radio" name="type-benefits" value="пенсионер">
<label class="popup-ticket__radio-button popup-benefits__radio-button" for="retiree">Пенсионер</label>
</div>
<div class="popup-benefits__benefit">
<input class="popup-ticket__radio-input" id="student" type="radio" name="type-benefits" value="студент">
<label class="popup-ticket__radio-button popup-benefits__radio-button" for="student">Студент</label>
</div>
<div class="popup-benefits__benefit">
<input class="popup-ticket__radio-input" id="schoolboy" type="radio" name="type-benefits" value="школьник">
<label class="popup-ticket__radio-button popup-benefits__radio-button" for="schoolboy">Школьник</label>
</div>
<div class="popup-benefits__benefit">
<input class="popup-ticket__radio-input" id="child" type="radio" name="type-benefits" value="ребёнок до 7 лет">
<label class="popup-ticket__radio-button popup-benefits__radio-button" for="child">Ребёнок до 7 лет</label>
</div>
</div>
<div class="popup-benefits__form-bottom">
<button type="reset" class="button popup-benefits__button" aria-label="Отмена">Отмена</button>
<button type="submit" class="button popup-benefits__button popup-benefits__button_submit" aria-label="ОК">ОК</button>
</div>
</form>
</section>
<section class="popup popup-benefits popup-date">
<form class="popup-benefits__form" name="date">
<div class="popup-benefits__form-top">
<h2 class="popup-benefits__title">Выберите дату поездки</h2>
<div class="popup-date__calendar">
<p class="popup-date__month">Март</p>
<div class="popup-date__dates"></div>
</div>
</div>
<div class="popup-benefits__form-bottom">
<button type="reset" class="button popup-benefits__button" aria-label="Отмена">Отмена</button>
<button type="submit" class="button popup-benefits__button popup-benefits__button_submit" aria-label="ОК">ОК</button>
</div>
</form>
</section>
<section class="popup popup-to-be-paid">
<h2 class="popup-to-be-paid__title">Ваш билет:</h2>
<div class="popup-to-be-paid__content">
<p class="popup-to-be-paid__city">Наукоград -> <span class="popup-to-be-paid__city popup-ticket__city">Веснушкино</span></p>
<p class="popup-to-be-paid__parameters popup-to-be-paid__parameters_direction">Туда-Обратно</p>
<p class="popup-to-be-paid__parameters">Льгота: <span class="popup-to-be-paid__parameters popup-ticket__benefit">нет</span></p>
<p class="popup-to-be-paid__parameters">Тариф: <span class="popup-to-be-paid__parameters popup-ticket__rate">ПАССАЖИРСКИЙ</span></p>
<p class="popup-to-be-paid__parameters">Дата проезда:
<span class="popup-to-be-paid__parameters popup-ticket__date">02</span>.03.<span class="popup-ticket__date_year"></span>
</p>
<p class="popup-to-be-paid__total">К оплате: <span class="popup-to-be-paid__total popup-ticket__total">396</span>,00 руб.</p>
</div>
<div class="popup-to-be-paid__footer">
<button type="button" class="button popup-to-be-paid__back" aria-label="Назад">Назад</button>
<button type="button" class="button popup-to-be-paid__confirm" aria-label="Подтвердить" disabled>Подтвердить</button>
</div>
</section>
</main>
<template class="template-cities">
<button type="button" class="button popup-cities__city" aria-label="город"></button>
</template>
<template class="template-dates">
<p class="popup-date__day"></p>
<div class="popup-date__number">
<input class="popup-date__radio-input" id="id" type="radio" name="days" value="1">
<label class="popup-date__radio-button" for="id"></label>
</div>
</template>
</body>
</html>