-
Notifications
You must be signed in to change notification settings - Fork 0
/
form-authorization.html
123 lines (99 loc) · 6.92 KB
/
form-authorization.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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="../css/normalize.css">
<link rel="stylesheet" href="../css/style.css">
</head>
<body>
<h1 class="visually-hidden">Дела в порядке</h1>
<div class="page-wrapper">
<div class="container container--with-sidebar">
<header class="main-header">
<a href="#">
<img src="../img/logo.png" width="153" height="42" alt="Логитип Дела в порядке">
</a>
<div class="main-header__side">
<a class="main-header__side-item button button--transparent" href="form-authorization.html">Войти</a>
</div>
</header>
<div class="content">
<section class="content__side">
<p class="content__side-info">Если у вас уже есть аккаунт, авторизуйтесь на сайте</p>
<a class="button button--transparent content__side-button" href="form-authorization.html">Войти</a>
</section>
<main class="content__main">
<h2 class="content__main-heading">Вход на сайт</h2>
<form class="form" action="index.html" method="post" autocomplete="off">
<div class="form__row">
<label class="form__label" for="email">E-mail <sup>*</sup></label>
<input class="form__input form__input--error" type="text" name="email" id="email" value="" placeholder="Введите e-mail">
<p class="form__message">E-mail введён некорректно</p>
</div>
<div class="form__row">
<label class="form__label" for="password">Пароль <sup>*</sup></label>
<input class="form__input" type="password" name="password" id="password" value="" placeholder="Введите пароль">
</div>
<div class="form__row form__row--controls">
<input class="button" type="submit" name="" value="Войти">
</div>
</form>
</main>
</div>
</div>
</div>
<footer class="main-footer">
<div class="container">
<div class="main-footer__copyright">
<p>© 2019, «Дела в порядке»</p>
<p>Веб-приложение для удобного ведения списка дел.</p>
</div>
<div class="main-footer__social social">
<span class="visually-hidden">Мы в соцсетях:</span>
<a class="social__link social__link--facebook" href="#">
<span class="visually-hidden">Facebook</span>
<svg width="27" height="27" viewBox="0 0 27 27" xmlns="http://www.w3.org/2000/svg">
<circle stroke="#879296" fill="none" cx="13.5" cy="13.5" r="12.667"/>
<path fill="#879296"
d="M14.26 20.983h-2.816v-6.626H10.04v-2.28h1.404v-1.364c0-1.862.79-2.922 3.04-2.922h1.87v2.28h-1.17c-.876 0-.972.322-.972.916v1.14h2.212l-.245 2.28h-1.92v6.625z"/>
</svg>
</a><span class="visually-hidden">
,</span>
<a class="social__link social__link--twitter" href="#">
<span class="visually-hidden">Twitter</span>
<svg width="27" height="27" viewBox="0 0 27 27" xmlns="http://www.w3.org/2000/svg">
<circle stroke="#879296" fill="none" cx="13.5" cy="13.5" r="12.687"/>
<path fill="#879296"
d="M18.38 10.572c.525-.336.913-.848 1.092-1.445-.485.305-1.02.52-1.58.635-.458-.525-1.12-.827-1.816-.83-1.388.063-2.473 1.226-2.44 2.615-.002.2.02.4.06.596-2.017-.144-3.87-1.16-5.076-2.78-.22.403-.335.856-.332 1.315-.01.865.403 1.68 1.104 2.188-.397-.016-.782-.13-1.123-.333-.03 1.207.78 2.272 1.95 2.567-.21.06-.43.09-.653.088-.155.015-.313.015-.47 0 .3 1.045 1.238 1.777 2.324 1.815-.864.724-1.956 1.12-3.083 1.122-.198.013-.397.013-.595 0 1.12.767 2.447 1.18 3.805 1.182 4.57 0 7.066-3.992 7.066-7.456v-.34c.49-.375.912-.835 1.24-1.357-.465.218-.963.36-1.473.42z"/>
</svg>
</a><span class="visually-hidden">
,</span>
<a class="social__link social__link--instagram" href="#">
<span class="visually-hidden">Instagram</span>
<svg width="27" height="27" viewBox="0 0 27 27" xmlns="http://www.w3.org/2000/svg">
<circle stroke="#879296" fill="none" cx="13.5" cy="13.5" r="12.687"/>
<path fill="#879296"
d="M13.5 8.3h2.567c.403.002.803.075 1.18.213.552.213.988.65 1.2 1.2.14.38.213.778.216 1.18v5.136c-.003.403-.076.803-.215 1.18-.213.552-.65.988-1.2 1.2-.378.14-.778.213-1.18.216h-5.135c-.403-.003-.802-.076-1.18-.215-.552-.214-.988-.65-1.2-1.2-.14-.38-.212-.78-.215-1.182V13.46v-2.566c.003-.403.076-.802.214-1.18.213-.552.65-.988 1.2-1.2.38-.14.778-.212 1.18-.215H13.5m0-1.143h-2.616c-.526.01-1.048.108-1.54.292-.853.33-1.527 1-1.856 1.854-.184.493-.283 1.014-.292 1.542v5.232c.01.526.108 1.048.292 1.54.33.853 1.003 1.527 1.855 1.856.493.184 1.015.283 1.54.293H16.117c.527-.01 1.048-.11 1.54-.293.854-.33 1.527-1.003 1.856-1.855.184-.493.283-1.015.293-1.54V13.46v-2.614c-.01-.528-.11-1.05-.293-1.542-.33-.853-1.002-1.525-1.855-1.855-.493-.185-1.014-.283-1.54-.293-.665.01-.89 0-2.617 0zm0 3.093c-2.51.007-4.07 2.73-2.808 4.898 1.26 2.17 4.398 2.16 5.645-.017.285-.495.434-1.058.433-1.63-.006-1.8-1.47-3.256-3.27-3.25zm0 5.378c-1.63-.007-2.64-1.777-1.82-3.185.823-1.41 2.86-1.4 3.67.017.18.316.276.675.278 1.04.006 1.177-.95 2.133-2.128 2.128zm4.118-5.524c0 .58-.626.94-1.127.65-.5-.29-.5-1.012 0-1.3.116-.067.245-.102.378-.102.418-.005.76.333.76.752z"/>
</svg>
</a>
<span class="visually-hidden">,</span>
<a class="social__link social__link--vkontakte" href="#">
<span class="visually-hidden">Вконтакте</span>
<svg width="27" height="27" viewBox="0 0 27 27" xmlns="http://www.w3.org/2000/svg">
<circle stroke="#879296" fill="none" cx="13.5" cy="13.5" r="12.666"/>
<path fill="#879296"
d="M13.92 18.07c.142-.016.278-.074.39-.166.077-.107.118-.237.116-.37 0 0 0-1.13.516-1.296.517-.165 1.208 1.09 1.95 1.58.276.213.624.314.973.28h1.95s.973-.057.525-.837c-.38-.62-.865-1.17-1.432-1.626-1.208-1.1-1.043-.916.41-2.816.886-1.16 1.236-1.86 1.13-2.163-.108-.302-.76-.214-.76-.214h-2.164c-.092-.026-.19-.026-.282 0-.083.058-.15.135-.195.225-.224.57-.49 1.125-.8 1.656-.973 1.61-1.344 1.697-1.51 1.59-.37-.234-.272-.975-.272-1.433 0-1.56.243-2.202-.468-2.377-.32-.075-.647-.108-.974-.098-.604-.052-1.213.01-1.793.186-.243.116-.438.38-.32.4.245.018.474.13.642.31.152.303.225.638.214.975 0 0 .127 1.832-.302 2.056-.43.223-.692-.167-1.55-1.618-.29-.506-.547-1.03-.77-1.57-.038-.09-.098-.17-.174-.233-.1-.065-.214-.108-.332-.128H6.485s-.312 0-.42.137c-.106.135 0 .36 0 .36.87 2 2.022 3.868 3.42 5.543.923.996 2.21 1.573 3.567 1.598z"/>
</svg>
</a>
</div>
<div class="main-footer__developed-by">
<span class="visually-hidden">Разработано:</span>
<a href="https://htmlacademy.ru/intensive/php">
<img src="../img/htmlacademy.svg" alt="HTML Academy" width="118" height="40">
</a>
</div>
</div>
</footer>
</body>
</html>