forked from urfu-2018/markup-task-1
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
83 lines (83 loc) · 4.04 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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8"/>
<title>Задача "подписка на бложик"</title>
</head>
<body>
<table>
<tr>
<td>
<div>
<!-- айдишников и классов понапихал неподумав, сперва дивы расписывал,
а потом в них форму добавил, вот и остались такие потеряшки -->
<form>
<h2>Хочу подписаться!</h2>
<hr>
<p>После вашего согласия на подписку вам будут приходить <br>
уведолмения на почту и телефон.</p>
<p>
<label for="username" class="uname" >Ваше имя:</label>
<input id="username" name="username" required type="text" placeholder="Имя"/>
</p>
<p>
<label for="usermail" class="umail" >Email:</label>
<input id="usermail" name="usermail" required type="email" placeholder="[email protected]"/>
</p>
<p>
<label for="userphone" class="uphone">Телефон:</label>
<input id="userphone" name="userphone" required type="text" placeholder="89990007766"/>
<!-- не получается с регулярками, не соображу, как его /^8-800-[0-9]{3}-[0-9]{2}-[0-9]{2}/ сюда добавить :( -->
</p>
<br>
<p>Хочу поулчать уведомления:</p>
<p class="to-email">
<input type="checkbox" name="send-to-email" id="send-to-email" value="to-email" />
<label for="send-to-email">на почту</label>
</p>
<p class="to-phone">
<input type="checkbox" name="send-to-phone" id="send-to-phone" value="to-phone" />
<label for="send-to-phone">на телефон</label>
</p>
<p class="subscribe-button">
<button type="submit" title="subscribe">Подписаться</button>
</p>
</form>
</div>
</td>
</tr>
</table>
<br><hr>
<div>
<form>
<table>
<tr>
<td>
<p>
Здравствуйте, user!
<br>
Вы подписались на уведомления о новостях яндекса.
<br>
Уведомления будут приходить вам на указанные почту и телефон.
<br>
Для поддтверждения пройдите по <a href="http://rambler.ru">сслыке</a>.
<br>
</p>
</td>
<td><img src="img/yandex.jpeg" alt="yandex.ru" title="http://yandex.ru"></td>
</tr>
<tr>
<td>
<p>
<a href="http://google.com">Пожаловаться</a>
</p>
</td>
<td>
<p>© 2018, <a href="http://yandex.ru">Яндекс</a></p>
</td>
</tr>
</table>
</form>
</div>
</body>
</html>