markup-task-1/index.html at master · Veronica2998/markup-task-1 · GitHub

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
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <title>Задача «Подписка на бложик»</title>
    <link rel="stylesheet" href="index.css" type="text/css">
</head>
<body>
    <form action="URL" method="POST">
        <h1>Хочу подписаться!</h1>
        <p>После вашего согласия на подписку вам будут приходить уведомления на почту и телефон</p>
        <label>Ваше имя<input class="information" type="text" name="Имя" placeholder="Николай"></label><br>
        <label>Email<input class="information" type="email" name="Почта" placeholder="hi@mail.ru"></label><br>
        <label>Телефон<input class="information" type="tel" name="Телефон" placeholder="+795xxxxxxx8"></label>
        <div>
            <p>Хочу получать уведомления:</p>
            <p><input type="checkbox">на почту</p>
            <p><input type="checkbox">на телефон</p>
        </div>
        <button>Подписаться</button>
    </form>
    <div class="letter">
        <div class="words">
            <p><img id="hello" src="yandex.png" class="pic" alt="Логотип">
            Здравствуйте,Николай!<br><br>
            Вы подписаны на уведомления о новостях Яндекса.<br><br>
            Уведомления будут вам приходить вам на этот email и на указанный вами телефон:+79xxxxxxx78<br><br>
            Для подтверждения перейдите по <a href="http://www.yandex.ru">ссылке</a></p><br>
            <hr>
            <p><a href="http://www.yandex.ru">Пожаловаться</a></p>
            <p class="yandex">©2018,<a href="http://www.yandex.ru">Яндекс</a></p>
        </div>
    </div>
</body>
</html>