-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
189 lines (187 loc) · 23.9 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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>Blockport - Sign in</title>
<meta name="description" content="This is my HTML5 boilerplate." />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="msapplication-TileColor" content="#3385FF" />
<meta name="theme-color" content="#3385FF" />
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png" />
<link rel="manifest" href="site.webmanifest" />
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#3385FF" />
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/screen.css" />
<script defer src="./script/validation.js"></script>
<script defer src="./script/password-toggle.js"></script>
</head>
<body>
<section class="o-row o-row--lg o-row--login">
<div class="o-container u-max-width-xs">
<h1 class="c-logo">
<svg
class="c-logo__symbol"
viewBox="0 0 119 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
class="c-logo__path c-logo__path--1"
d="M25.9496128,18.9917356 L25.9496128,4.04231406 L30.7396633,4.04231406 C32.19945,4.04231406 33.3560606,4.35834712 34.2094949,4.99041321 C35.0252057,5.55089835 35.5052521,6.4769114 35.4896465,7.4598347 C35.5056187,8.25676883 35.2485893,9.03557965 34.7604209,9.6694215 C34.2511175,10.3119823 33.5500641,10.7791057 32.7570539,11.0042975 L32.7570539,11.0459504 C33.6957957,11.1207168 34.5764055,11.5260387 35.2392256,12.1884297 C35.8602694,12.8310744 36.1707912,13.6667769 36.1707912,14.6955372 C36.1979832,15.9155062 35.6268682,17.0730015 34.6382155,17.8016529 C33.6205051,18.5950413 32.3363468,18.9917356 30.7857407,18.9917356 L25.9496128,18.9917356 Z M41.1511616,18.9918689 L38.6990404,18.9918689 L38.6990404,3.18727869 L41.1511616,3.18727869 L41.1511616,18.9918689 Z M49.1105387,19.2396694 C47.4477441,19.2396694 46.1195118,18.741157 45.1258418,17.7441322 C44.1321717,16.7471074 43.6360046,15.4247934 43.6373401,13.7771901 C43.6373401,11.9841322 44.1548767,10.5838017 45.1899495,9.57619833 C46.2250223,8.56859504 47.6200337,8.06479338 49.3749832,8.06479338 C51.0591469,8.06479338 52.3720202,8.55471073 53.3136027,9.53454547 C54.2551852,10.5143802 54.7226376,11.8730579 54.7159596,13.6105785 C54.7159596,15.313719 54.2091077,16.677686 53.195404,17.7024794 C52.1817003,18.7272727 50.8200787,19.2396694 49.1105387,19.2396694 Z M64.9231145,18.4998347 C63.986548,19.011405 62.9292595,19.2667693 61.8599663,19.2396694 C60.2572727,19.2396694 58.9657689,18.7444628 57.9854545,17.7540496 C57.0051402,16.7636364 56.5136477,15.4796694 56.5109764,13.9021488 C56.5109764,12.1434711 57.0385299,10.7312397 58.0936364,9.66545453 C59.1487429,8.59966942 60.5611166,8.0661157 62.3307576,8.06479338 C63.2258904,8.04636779 64.1144193,8.22027864 64.9351347,8.57454547 L64.9351347,10.8277686 C64.2490961,10.2941313 63.4035149,10.0011171 62.5310943,9.99471073 C61.5738178,9.96365776 60.6492491,10.3415166 59.9928283,11.0320661 C59.3330526,11.7236364 59.003165,12.6287603 59.003165,13.747438 C59.003165,14.8661157 59.3136869,15.7381818 59.9347306,16.3636364 C60.5557744,17.0023141 61.3891751,17.3216529 62.4349327,17.3216529 C63.3470917,17.3090469 64.2260005,16.9806241 64.9191077,16.3933884 L64.9191077,18.4998347 L64.9231145,18.4998347 Z M77.1256229,18.9918689 L74.0304209,18.9918689 L69.8393771,13.8605902 L69.7973064,13.8605902 L69.7973064,18.9918689 L67.3451852,18.9918689 L67.3451852,3.18727869 L69.7973064,3.18727869 L69.7973064,13.2039344 L69.8393771,13.2039344 L73.7980303,8.31462295 L76.7349663,8.31462295 L72.2814815,13.4718689 L77.1256229,18.9918689 Z M118.81569,18.8747107 C118.223016,19.1343064 117.578072,19.2557712 116.930522,19.2297521 C114.839007,19.2297521 113.793249,18.2380165 113.793249,16.2545455 L113.793249,10.2128926 L111.990219,10.2128926 L111.990219,8.31669423 L113.793249,8.31669423 L113.793249,5.84528927 L116.235354,5.15702479 L116.235354,8.31669423 L118.81569,8.31669423 L118.81569,10.2128926 L116.235354,10.2128926 L116.235354,15.5504132 C116.235354,16.1824793 116.351549,16.6340496 116.583939,16.905124 C116.81633,17.1761983 117.202312,17.3084298 117.741886,17.3018182 C118.130518,17.3099664 118.50999,17.1844984 118.81569,16.9467769 L118.81569,18.8647934 L118.81569,18.8747107 Z M109.678333,8.12826445 C110.052664,8.12904551 110.426384,8.1582218 110.796212,8.21553718 L110.796212,10.2961983 C110.392833,10.129817 109.958979,10.0480952 109.522071,10.0561983 C108.65244,10.0185786 107.815007,10.3854441 107.258266,11.0479339 C107.143588,11.1960713 107.043624,11.3548242 106.959764,11.5219835 L106.959764,18.9917356 L104.519663,18.9917356 L104.519663,8.37818184 L106.959764,8.66776859 L106.959764,8.67768594 C107.814579,8.30025824 108.742499,8.11272598 109.678333,8.12826445 Z M96.4320707,19.2396694 C94.7692761,19.2396694 93.4410438,18.741157 92.4473737,17.7441322 C91.4537037,16.7471074 90.9575366,15.4247934 90.9588721,13.7771901 C90.9588721,11.9841322 91.4764087,10.5838017 92.5114815,9.57619833 C93.5465543,8.56859504 94.9415657,8.06479338 96.6965152,8.06479338 C98.3806789,8.06479338 99.6935522,8.55471073 100.635135,9.53454547 C101.576717,10.5143802 102.04417,11.8730579 102.037492,13.6105785 C102.037492,15.313719 101.53064,16.677686 100.516936,17.7024794 C99.5032323,18.7272727 98.1416107,19.2396694 96.4320707,19.2396694 Z M87.7494781,9.53454547 C88.6883893,10.5157025 89.1578451,11.873719 89.1578451,13.608595 C89.1591806,15.3117355 88.6523287,16.6757025 87.6372896,17.7004959 C86.6222504,18.7252892 85.258625,19.2376859 83.5464141,19.2376859 C82.7065422,19.2489838 81.8737089,19.0847473 81.1023064,18.7557025 L81.1023064,23.8968595 L78.6622054,23.8968595 L78.6622054,8.31471073 L81.1023064,8.60429752 C81.9552279,8.23296681 82.8792553,8.04891403 83.8108586,8.06479338 C85.5017003,8.06479338 86.8145736,8.55471073 87.7494781,9.53454547 Z M96.5422559,9.99471073 C95.6726247,9.95709108 94.8351921,10.3239565 94.2784512,10.9864463 C93.7241864,11.6476033 93.4470539,12.5580165 93.4470539,13.7176859 C93.4470539,14.8363636 93.7275253,15.7170248 94.288468,16.3596694 C94.8529651,17.0028668 95.6823515,17.3568733 96.5422559,17.3216529 C97.5038721,17.3216529 98.2424466,17.0056198 98.7579798,16.3735537 C99.273513,15.7414876 99.5366216,14.8416529 99.5473064,13.6740496 C99.5473064,12.4998347 99.28954,11.5927273 98.7740067,10.9527273 C98.2584735,10.3127273 97.5145568,9.99338845 96.5422559,9.99471073 Z M28.4438047,6.03570248 L28.4438047,10.286281 L30.0645286,10.286281 C30.9353255,10.286281 31.6178058,10.0833058 32.1119697,9.67735538 C32.6061335,9.27140494 32.8532155,8.69619836 32.8532155,7.95173555 C32.8532155,6.67305785 31.9897643,6.03371902 30.262862,6.03371902 L28.4418013,6.03371902 L28.4438047,6.03570248 Z M28.4438047,12.2796694 L28.4438047,17.0082644 L30.5813973,17.0082644 C31.5163019,17.0082644 32.237514,16.7947108 32.7450337,16.3676033 C33.2602043,15.9259125 33.5416601,15.2742418 33.5083165,14.6003306 C33.5083165,13.0505785 32.4238271,12.2757025 30.2548485,12.2757025 L28.4518182,12.2757025 L28.4438047,12.2796694 Z M49.226734,9.99471073 C48.3571028,9.95709108 47.5196702,10.3239565 46.9629293,10.9864463 C46.4086646,11.6476033 46.131532,12.5580165 46.131532,13.7176859 C46.131532,14.8363636 46.4120034,15.7170248 46.9729461,16.3596694 C47.5370578,17.0036033 48.3664998,17.3583638 49.226734,17.3236364 C50.1883502,17.3236364 50.9269247,17.0076033 51.4424579,16.3755372 C51.9579912,15.7434711 52.2157576,14.8436364 52.2157576,13.6760331 C52.2157576,12.5018182 51.9579912,11.5947107 51.4424579,10.9547107 C50.9269247,10.3147108 50.1883502,9.99471073 49.226734,9.99471073 Z M85.8803367,16.3735537 C86.3958699,15.738843 86.6543043,14.8390083 86.6556397,13.6740496 C86.6556397,12.4985124 86.3978733,11.591405 85.8823401,10.9527273 C85.3668068,10.3140496 84.6282323,9.99471073 83.6666162,9.99471073 C82.796985,9.95709108 81.9595523,10.3239565 81.4028114,10.9864463 C81.2895823,11.124335 81.1896456,11.2724196 81.1043098,11.4287603 L81.1043098,15.9153719 C81.6149937,16.8312057 82.6094895,17.3774459 83.6646128,17.3216529 C84.626229,17.3216529 85.3648035,17.0056198 85.8803367,16.3735537 Z"
></path>
<path
class="c-logo__path c-logo__path--2"
d="M11.1988215,19.5867769 C7.72899435,19.5891833 4.59940205,17.5218316 3.26949789,14.3488101 C1.93959376,11.1757885 2.67130845,7.5220381 5.12341434,5.09144786 C7.57552021,2.66085764 11.2650639,1.93214337 14.4714645,3.24513351 C17.6778651,4.55812363 19.7696074,7.65421885 19.771229,11.0895868 C19.7679239,15.7772288 15.9334776,19.5780304 11.1988215,19.5867769 Z M11.1988215,5.38314051 C8.86509736,5.38073339 6.75988968,6.77093308 5.86550131,8.90506387 C4.97111293,11.0391947 5.46382249,13.496632 7.11372873,15.1307206 C8.76363496,16.7648092 11.2455511,17.2534798 13.4013998,16.3687158 C15.5572486,15.4839518 16.962125,13.4001349 16.9605051,11.0895868 C16.9572,7.93949107 14.3805102,5.38572999 11.1988215,5.37917355 L11.1988215,5.38314051 Z"
></path>
<path
class="c-logo__path c-logo__path--3"
d="M21.2917845,15.8796694 C21.3118182,15.8380165 21.3358586,15.8023141 21.3558923,15.7606612 C22.6443671,13.0744887 22.7786498,9.98607785 21.7280964,7.20021549 C20.6775431,4.41435317 18.5317957,2.16875244 15.7805219,0.975867769 L15.7805219,0.96 C15.6683333,0.910413222 15.5541414,0.874710744 15.4419529,0.82909091 C15.2937037,0.767603308 15.1434512,0.710082645 14.9931987,0.656528927 C14.792862,0.583140496 14.5925253,0.517685949 14.378165,0.458181816 C14.2319192,0.414545453 14.0856734,0.374876033 13.9394276,0.337190082 C13.7203928,0.281652893 13.501358,0.23338843 13.2823232,0.192396694 C13.1480976,0.16661157 13.0138721,0.144793388 12.8816498,0.124958678 C12.6546016,0.0905785125 12.4275533,0.0634710744 12.2005051,0.0436363637 C12.0762963,0.0337190082 11.9500842,0.0238016529 11.8258754,0.0178512397 C11.5881425,0.00462809917 11.3510774,-0.000661157024 11.1146801,0.00198347107 C10.988468,0.00198347107 10.8622559,0.00198347107 10.7380471,0.0119008265 C10.5076599,0.0218181818 10.2792761,0.0376859504 10.0528956,0.0614876034 C9.9146633,0.0753719009 9.77843434,0.0932231406 9.64220539,0.113057851 C9.44186869,0.142809918 9.22350168,0.176528926 9.01715488,0.218181818 C8.86089226,0.249917356 8.70462963,0.283636364 8.548367,0.321322314 C8.39210438,0.359008265 8.18575758,0.412561983 8.00745791,0.466115701 C7.82915825,0.519669423 7.65286195,0.577190081 7.47656566,0.638677688 C7.30026936,0.70016529 7.17405724,0.747768594 7.02580808,0.807272727 C6.82547138,0.884628098 6.63715488,0.969917355 6.44483165,1.05719008 C6.31861953,1.11471074 6.19441077,1.17421488 6.07220539,1.23768595 C5.87186869,1.34082644 5.67153199,1.45190082 5.47119529,1.56694215 C5.36301347,1.63041322 5.25683502,1.69586777 5.15065657,1.76528926 C4.95165543,1.89752066 4.75666107,2.02975207 4.5656734,2.16198347 C4.46416949,2.23603306 4.36400114,2.31140496 4.26516835,2.38809918 C4.07952302,2.52958678 3.89721661,2.67834711 3.71824916,2.83438017 C3.61607744,2.92363636 3.51791246,3.0168595 3.41774411,3.11008265 C3.25747475,3.26347108 3.10121212,3.42214876 2.94895623,3.5861157 C2.84678451,3.69719008 2.74861953,3.81024794 2.64845118,3.92528926 C2.51021886,4.08793389 2.37599327,4.25454547 2.24777778,4.42512397 C2.15161616,4.55206611 2.05946128,4.68099175 1.96930976,4.82181816 C1.90119529,4.92099175 1.82506734,5.0201653 1.75895623,5.11537188 C1.69284512,5.2105785 1.65878788,5.29190081 1.60670034,5.37917355 C1.53457912,5.49818184 1.46446128,5.61917355 1.40636364,5.74214876 C1.28415825,5.96231406 1.16796296,6.18446282 1.06178451,6.40859504 C1.02372054,6.44826445 0.995673401,6.49586778 0.981649832,6.54148761 C0.967626263,6.58710744 0.939579125,6.65454547 0.915538721,6.71008265 C0.808692479,6.95471075 0.711863077,7.20132232 0.625050505,7.44991735 C0.588989899,7.55438018 0.55426487,7.65884298 0.520875421,7.76330577 C0.444747475,8.00528927 0.377968575,8.24793388 0.320538721,8.49123966 C0.291156005,8.61157023 0.263776655,8.73190084 0.238400673,8.85223141 C0.191655443,9.07966942 0.152255892,9.30710742 0.12020202,9.53454547 C0.10016835,9.67338842 0.0821380471,9.81024795 0.0681144781,9.9490909 C0.0460774411,10.1613223 0.0320538721,10.3715703 0.022037037,10.5838017 C0.022037037,10.7365289 0.010016835,10.8872727 0.010016835,11.04 C0.010016835,11.2383471 0.010016835,11.4366942 0.026043771,11.6350413 C0.026043771,11.7917356 0.0440740741,11.9484297 0.0580976431,12.105124 C0.0761279461,12.3034711 0.104175084,12.5018182 0.132222222,12.7001653 C0.146245791,12.8429752 0.18030303,13.0036364 0.2003367,13.1543802 C0.238400673,13.3527273 0.286481481,13.5510744 0.336565657,13.7494215 C0.380639731,13.8961983 0.406683502,14.0330579 0.446750842,14.1758678 C0.506851852,14.3742149 0.576969697,14.5844628 0.647087542,14.7867769 C0.693164983,14.9157025 0.739242424,15.0446281 0.789326599,15.1715703 C0.871464646,15.3699174 0.963619529,15.5801653 1.05777778,15.7804959 C1.11387205,15.8995041 1.16996633,16.0185124 1.23006734,16.1355372 C1.33223906,16.3338843 1.44242424,16.5322314 1.55461279,16.7166942 C1.62473064,16.8357025 1.69484848,16.9527273 1.76897306,17.0677686 C1.88316498,17.2442975 2.00537037,17.4168595 2.12957912,17.587438 C2.21973064,17.7123967 2.31188552,17.8353719 2.40804714,17.9563636 C2.50420875,18.0773554 2.65646465,18.2519008 2.78468013,18.3966942 C2.91289562,18.5414876 3.02308081,18.6644628 3.14929293,18.7933884 C3.27550505,18.9223141 3.3876936,19.027438 3.51190236,19.1424794 C3.63611111,19.2575206 3.81841751,19.4241322 3.98069024,19.5590082 C4.09287879,19.6522314 4.20907407,19.7434711 4.32727273,19.8327273 C4.50957912,19.9735537 4.69388889,20.1084297 4.88621212,20.2294215 C4.9362963,20.2631405 4.98037037,20.3008265 5.03045455,20.3345455 C7.52290169,21.989742 10.5859073,22.5756212 13.5217147,21.9587191 C16.4575222,21.3418171 19.0161165,19.5746694 20.6146465,17.0598347 L20.6266667,17.0598347 C20.6647306,17.0003306 20.6947811,16.9368595 20.7328451,16.8753719 C20.8149832,16.7424794 20.8911111,16.6036364 20.9692424,16.4647934 C21.0854377,16.2763636 21.1936195,16.08 21.2917845,15.8796694 Z M6.96771044,20.4198347 C6.40765296,20.1694737 5.87129224,19.8701033 5.36501684,19.5252893 C5.18671717,19.4042975 5.01442761,19.2773554 4.84614478,19.1464463 C4.73996633,19.065124 4.63378788,18.9818182 4.53161616,18.8965289 C4.38136364,18.7715703 4.23912458,18.6406612 4.09888889,18.5097521 C3.9586532,18.378843 3.87451178,18.2995041 3.76632997,18.1884297 C3.65814815,18.0773554 3.53794613,17.9444628 3.42976431,17.8214876 C3.32158249,17.6985124 3.19737374,17.5557025 3.08718855,17.4247934 C2.97700337,17.2938843 2.91489899,17.1986777 2.83075758,17.0836364 C2.71656566,16.9249587 2.60237374,16.766281 2.49819865,16.6036364 C2.43008418,16.4965289 2.36597643,16.3894215 2.29786195,16.2803306 C2.19368687,16.1038017 2.09752525,15.9252893 1.9973569,15.7447934 C1.94126263,15.6376859 1.89117845,15.528595 1.83909091,15.4195041 C1.7609596,15.2231405 1.67681818,15.0386777 1.60069024,14.8482644 C1.55461279,14.7332231 1.51454545,14.6161983 1.47247475,14.501157 C1.40436027,14.3127273 1.34025253,14.1242975 1.28415825,13.9319008 C1.24609428,13.8029752 1.2140404,13.6760331 1.18198653,13.5490909 C1.13590909,13.3626446 1.09183502,13.1761983 1.05577441,12.9897521 C1.02973064,12.8429752 1.0076936,12.7140496 0.981649832,12.5771901 C0.953602694,12.3927273 0.92956229,12.2082644 0.911531987,12.0218182 C0.897508418,11.8809918 0.889494949,11.7401653 0.881481481,11.5993388 C0.881481481,11.4109091 0.865454545,11.2224794 0.865454545,11.0340496 C0.865454545,10.8971901 0.865454545,10.7603306 0.877474747,10.6254545 C0.877474747,10.4271074 0.899511785,10.2287603 0.919545455,10.0304132 C0.931565657,9.90743803 0.94959596,9.78247936 0.965622896,9.65950414 C0.995673401,9.44528927 1.03173401,9.23107436 1.07580808,9.01884299 C1.09784512,8.91173555 1.12188552,8.80462812 1.14792929,8.69950414 C1.20402357,8.47074382 1.27080247,8.24330577 1.34826599,8.01719009 C1.37764871,7.9246281 1.408367,7.83206612 1.44042088,7.73950414 C1.52189113,7.50545453 1.61204265,7.2740496 1.71087542,7.04528927 C1.75094276,6.95206611 1.7910101,6.86082645 1.83508418,6.76958679 C1.93525253,6.55537188 2.03542088,6.3490909 2.15762626,6.14479338 C2.21973064,6.03570248 2.27983165,5.92661158 2.34594276,5.81752064 C2.45412458,5.63900825 2.5683165,5.46644628 2.68651515,5.29586778 C2.7686532,5.17685949 2.85279461,5.0598347 2.93893939,4.94479338 C3.06047699,4.7847934 3.18602133,4.62876031 3.31557239,4.47669423 C3.40505612,4.36826447 3.49520763,4.26710742 3.58602694,4.17322312 C3.73026936,4.01983471 3.87718294,3.86842975 4.02676768,3.71900826 C4.11491582,3.63438017 4.20506734,3.55173554 4.29722222,3.47107438 C4.46016275,3.32694215 4.62710998,3.18809917 4.79806397,3.05454545 C4.88754769,2.98446281 4.978367,2.91834711 5.07052189,2.85619835 C5.24815375,2.72396694 5.42912458,2.60099173 5.61343434,2.48727273 C5.71093152,2.42512397 5.80909651,2.36561983 5.90792929,2.30876033 C6.09090349,2.20165289 6.27654882,2.09983471 6.46486532,2.00330579 C6.57705387,1.94644628 6.69057799,1.89157025 6.80543771,1.83867769 C6.98306957,1.75669422 7.16203704,1.67933884 7.34234007,1.60661157 C7.47589785,1.55239669 7.61413018,1.50082645 7.75703704,1.45190082 C7.91864196,1.39504132 8.08225029,1.34214876 8.24786195,1.29322314 C8.41347361,1.24429752 8.57975307,1.2 8.74670034,1.16033058 C8.8896072,1.12595041 9.03318182,1.09421488 9.17742424,1.06512397 C9.36841191,1.02677686 9.56073514,0.994380165 9.75439394,0.967933885 C9.87993826,0.950743802 10.0061504,0.934876033 10.1330303,0.920330577 C10.3440516,0.899173554 10.5557407,0.883966942 10.7680976,0.874710744 L11.1126768,0.874710744 C11.3317116,0.874710744 11.5514141,0.880000001 11.7717845,0.890578513 L12.1143603,0.914380167 C12.3307239,0.932892563 12.5464197,0.958677687 12.7614478,0.991735538 C12.8829854,1.01024793 13.004523,1.0307438 13.1260606,1.05322314 C13.330404,1.09157025 13.5347475,1.13652893 13.7390909,1.18809918 C13.8713131,1.22181818 14.0035354,1.25752066 14.1397643,1.29719008 C14.3320875,1.35404959 14.523743,1.41619835 14.7147306,1.48363636 C14.8509596,1.53322314 14.9851852,1.58479339 15.115404,1.64033058 C17.755199,2.69780719 19.8336285,4.79210648 20.8551251,7.42387715 C21.8766218,10.0556478 21.7496417,12.9890377 20.5044613,15.5246281 C20.4123064,15.7229752 20.3041246,15.8975206 20.207963,16.08 C20.1378451,16.2029752 20.0697306,16.3279339 19.9956061,16.4489256 C17.2731751,20.8198837 11.7011151,22.517402 6.96771044,20.4178512 L6.96771044,20.4198347 Z"
></path>
</svg>
<span class="o-hide-accessible">Blockport logo</span>
</h1>
<form class="c-card" action="#">
<div class="c-card__body">
<h2 class="c-card__title">Sign in to your account</h2>
<p class="c-form-field js-email-field">
<label class="c-label js-email-label" for="username">
Email address
<span class="c-label__error-message js-email-error-message">
This field is required
</span>
</label>
<input
class="c-input js-email-input"
type="email"
name="username"
id="username"
placeholder="e.g. [email protected]"
required
/>
</p>
<p class="c-form-field js-password-field">
<label class="c-label js-password-label" for="password">
Password
<span class="c-label__error-message js-password-error-message">
This field is required
</span>
</label>
<span class="c-password-toggle-container">
<input
class="
c-input c-input--password-with-toggle
js-password-input
"
type="password"
name="password"
id="password"
required
/>
<!-- Password toggle -->
<span class="c-password-toggle">
<input
id="togglePasswordCheckbox"
type="checkbox"
class="
o-hide-accessible
c-password-toggle__checkbox
js-password-toggle-checkbox
"
tabindex="-1"
/>
<label
class="c-password-toggle__label"
for="togglePasswordCheckbox"
>
<svg
class="
c-password-toggle__symbol
c-password-toggle__symbol--show
"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
>
<path
d="M6.4,133.876a11,11,0,0,1,19.571-.061l.029.061a11,11,0,0,1-19.571.061l-.029-.061Zm9.8,4a4,4,0,1,0,0-8h0a4,4,0,0,0,0,8Zm0-2a2,2,0,0,1,0-4h0a2,2,0,1,1,0,4Z"
transform="translate(-6.2 -123.876)"
/>
</svg>
<svg
class="
c-password-toggle__symbol
c-password-toggle__symbol--hide
"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
>
<path
d="M19.009,73.18l-1.77,1.78a3.908,3.908,0,0,0-1.037-.137,4,4,0,0,0-3.857,5.065l-.007-.028-2.76,2.75A11.106,11.106,0,0,1,6.4,78.82,11.014,11.014,0,0,1,19.076,73.2L19,73.18Zm3.8,1.85a11.163,11.163,0,0,1,3.2,3.79,11.014,11.014,0,0,1-12.7,5.622l.077.018,1.77-1.78a3.907,3.907,0,0,0,1.037.137,4,4,0,0,0,3.857-5.065l.007.028,2.76-2.75Zm-.25-3.99,1.42,1.42L9.839,86.6l-1.42-1.42Z"
transform="translate(-6.199 -68.82)"
/>
</svg>
<span class="o-hide-accessible">Show password</span>
</label>
</span>
</span>
</p>
<!-- Custom checkbox -->
<p class="c-form-field c-form-field--option">
<input
class="
o-hide-accessible
c-option c-option--hidden
js-remember-input
"
type="checkbox"
id="customRememberme"
/>
<label
class="
c-label c-label--option
c-custom-option
js-remember-label
"
for="customRememberme"
>
<span
class="
c-custom-option__fake-input
c-custom-option__fake-input--checkbox
"
>
<svg
class="c-custom-option__symbol"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 9 6.75"
>
<path
d="M4.75,9.5a1,1,0,0,1-.707-.293l-2.25-2.25A1,1,0,1,1,3.207,5.543L4.75,7.086,8.793,3.043a1,1,0,0,1,1.414,1.414l-4.75,4.75A1,1,0,0,1,4.75,9.5"
transform="translate(-1.5 -2.75)"
/>
</svg>
</span>
Remember me
</label>
</p>
<p class="u-mb-md">
<!-- Button -->
<button class="o-button-reset c-button js-sign-in-button">
Sign in
</button>
</p>
<p class="u-text-sm u-align-text-center">
<a href="#!"> Forgot password? </a>
</p>
</div>
<div class="c-card__footer">
<p class="u-align-text-center u-text-sm u-color-neutral-dark">
Don't have an account? <a href="#">Create an account</a>
</p>
</div>
</form>
</div>
</section>
</body>
</html>