-
Notifications
You must be signed in to change notification settings - Fork 0
/
form.html
executable file
·302 lines (264 loc) · 32.5 KB
/
form.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
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/style.min.css">
<title>Мишка: форма </title>
<script src="js/picturefill.min.js" async></script>
</head>
<body>
<!-- this svg is a container for svg icons and should not appear on the page.
To emphasise this I use inline style="display: none" -->
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol id="htmlacademy" viewBox="0 0 60 60">
<path fill="#2E368F" d="M30.2 5H30L10.3 7.1v36.2L30 55l19.7-11.7V7.1L30.2 5zm17 36.8L30 52 12.8 41.8V27l17.1 10.2V39l-11.7-7v1.8L30 40.9v1.9l-11.8-7v1.8l11.8 7 11.9-7.1v-7.6l5.3-3.2v15.1zm-.1-17l-4.7 2.8-2.2 1.3-10.3-6.1v1.8l8.8 5.3h-.1l-.2.1-1.3.7-7.3-4.3v1.8l5.8 3.4-1.4.9-4.3-2.6v1.8l2.9 1.7-2.9 1.7-17-10.1 17-10.2 17.2 10zm.1-1.8L29.9 12.8 12.8 23V9.4L30 7.6l17.2 1.8V23z"/>
</symbol>
<symbol id="icon-cart" viewBox="264.205 370.961 20.294 18.849">
<path fill="currentColor" d="M283.75 378.19h-3.151l-3.407-6.814a.75.75 0 1 0-1.341.671l3.071 6.143h-9.138l3.072-6.143a.75.75 0 0 0-1.341-.671l-3.407 6.814h-3.151a.75.75 0 0 0 0 1.5h.157l.855 2.991a.737.737 0 0 0-.316.595c0 .396.309.71.697.739l1.656 5.795h12.697l1.656-5.795a.745.745 0 0 0 .698-.739.738.738 0 0 0-.316-.596l.854-2.991h.157a.75.75 0 1 0-.002-1.499zm-4.181 10.121h-10.433l-1.224-4.284h12.881l-1.224 4.284zm1.653-5.785h-13.739l-.81-2.836h15.359l-.81 2.836z"/>
</symbol>
<symbol id="icon-fb" viewBox="56.519 49.996 14.962 27.718">
<path fill="currentColor" d="M68.181 55.188c1.026.029 1.993 0 2.681-.3.391-.818.556-1.854.619-2.989-.19-.015-.062-.337-.207-.399-.029-.202-.278-.195-.309-.398-.277-.165-.457-.422-.723-.598-.727-.162-1.44-.335-2.164-.499-.849.044-1.895-.103-2.58.1-2.619-.04-3.997 1.12-5.259 2.392-.023.078-.003.197-.105.199-.574 1.587-.125 3.621-.204 5.581.099.436.107.958.204 1.395-.998.296-2.212.387-3.402.499-.317.324-.178 1.089-.206 1.693.085.583.278 1.06.413 1.595.211.193.596.396.825.498.065.029.071.082.103.1.506.268 1.451.008 2.268.1-.136 1.978.256 3.915 0 5.68.007.327.295.382.208.798-.001.963-.067 1.99.208 2.69-.287.455-.497.982-.415 1.794.122.016.114.157.105.299-.075.47.643.175.515.698.162.456-.428.184-.413.498v.896c.53.285 1.462.182 2.268.199.908-.419 2.188-.479 2.785-1.196.459.235.916-.014 1.238-.199-.018-.315.273-.333.205-.698-.004-.328-.173-.496-.103-.896v-2.89c-.206-2.293-.048-4.938-.309-7.176.888-.105 1.917-.075 2.578-.398.357-.451.377-1.23.516-1.895.177-.226.221-.583.206-.996.19-.213.068-.729.104-1.096-.141-.595-.168-1.3-.825-1.395-.884-.235-2.043.595-2.991.299.049-1.134-.293-2.342 0-3.388.746-.176 1.446-.395 2.166-.597zm-3.818 4.783c.117.254.254.486.414.698.079.022.203.003.205.101a10.319 10.319 0 0 0 3.096-.299c0 .998-.271 1.733-.518 2.492-.662.045-1.467.3-1.958.198-.276.165-.372.506-.62.698-.049.441.142.495 0 .797-.201.137-.055.611-.205.796v1.496c.085.281-.146.258-.104.497v3.488c-.085.281.146.258.104.498v2.989c.063.271-.132.791.103.896-.07.364-.412-.021-.824.1-.528.122-.926.369-1.548.4.117-.353.32-.622.311-1.097.049-.381-.365-.312-.516-.498.193-.644.562-1.117.722-1.793.197-.515.714-1.298.31-1.794-.522-.105-.521.293-.826.398-.022.077-.002.196-.103.199-.023.077-.003.196-.103.199.01.12-.151.062 0 0 .022-.078.002-.197.103-.199.023-.077.002-.197.103-.199v-.299c.368-.575.67-1.214.826-1.993.191-.28.283-.656.412-.997.156-.262.34-.869.104-1.195-.517.033-.796.295-.93.697-.32-.189.161-.434.104-.697.138-.231.169-.566.309-.797.202-.413.564-1.304 0-1.596-.438-.023-.612.207-.723.498-.214.191-.43.383-.516.698-.373-.07-.143-.727-.206-1.097-.067-.52.122-.899 0-1.195-.56-.799-2.026-.105-3.197-.299-.108-.307-.222-.984-.104-1.195 1.045-.088 2.479.201 3.197-.199.024-.078.003-.197.104-.199.094-.723-.271-1-.515-1.396.232-.806.04-2.02.104-2.989.233-.141.328-.414.515-.598.112-.955.673-1.476.722-2.492-.273.001-.607-.055-.619.199-.302-.114-.382.479-.515.199-.112-.541.246-.626.309-.997.599-.418 1.212-.82 1.856-1.195 1.741-.244 4.648-.449 6.086.198.051.616-.287.854-.207 1.496h-1.546c-1.092.24-1.987.672-2.991.997-.24.066-.276.331-.516.398-.036.396-.225.646-.311.996-.079 1.441.133 2.599.102 3.988z"/>
</symbol>
<symbol id="icon-insta" viewBox="53.115 53.19 21.769 21.334">
<path fill="currentColor" d="M74.881 65.336c-.013-2.395-.344-4.788-.303-7.135a37.854 37.854 0 0 0-.152-2.278c-.105-.3-.111-.699-.152-1.062-.26-.17-.222-.64-.456-.835-.423-.233-1.201-.114-1.744-.227-.657-.026-1.254-.115-1.899-.153-1.936-.101-3.973-.076-5.996-.076-2.001 0-3.954-.145-5.695-.379h-2.202c-.097.004-.105.098-.227.076-.599.034-1.077.188-1.595.303-.21.119-.421.235-.683.304-.136.192-.513.145-.607.379-.186.212.185.451 0 .607v.911c.173.13.027.58.075.835v.987c-.017 1.281.134 2.397.076 3.72.467 2.762.374 6.537.076 9.413.155.579.363 1.105.455 1.746.256.479.335 1.133.683 1.52.502.206 1.233.186 1.898.229.383.098.667.293 1.14.304 2.843-.21 5.496-.154 8.427-.229 2.704.24 5.802.188 8.275-.228.195-.134.128-.529.228-.76-.056-.385.207-.449.228-.759.131-2.392.164-4.786.15-7.213zm-12.982-6.225c.757-.153 1.48-.341 2.429-.304.71.076 1.287.283 1.897.456.116.184-.243.547.153.684v.076c.059.017.149.002.151.076.445.035.794.167 1.063.379.45.055.536.476 1.138.38-.091.213-.084.524-.075.835.324 1.183.475 2.81.303 4.252-.164.163-.215.442-.303.683-.311.322-.481.785-.836 1.062-.095.236-.25.408-.454.533-.116.213-.206.452-.457.53-.298.163-.577.011-.834-.076-.446.162-.904.312-1.215.607-.816-.096-1.648-.175-2.43-.304-.242-.139-.487-.273-.835-.305a1.997 1.997 0 0 0-.836-.455c-.101-.127-.337-.118-.455-.229-.198-.029-.229-.227-.456-.229-.118-.412-.443-.618-.532-1.062-.226-.331-.308-.805-.455-1.215-.043-1.434.091-2.692.379-3.796.346-.591.779-1.094 1.138-1.67.249.021.365-.09.38-.304.306.053.434-.072.684-.075.257-.072.269-.389.458-.529zm-1.67-2.733c-.117-.263-.066-.691-.075-1.062-.007-.285.278-.279.304-.532-.003-.074-.093-.059-.152-.076.126-.146.701-.097.834 0 .132.537-.354.455-.531.684.011.167.322.032.456.076.029.854-.059 1.496 0 2.202h-.456c-.007.234.229.226.456.228-.059.286.092.363.075.607-.226.153-.716.042-1.062.075-.103-.594.235-1.375.151-2.202zm-.683-1.594c.088-.013.134.016.151.076.179.253.01.683-.076.911-.173-.179-.026-.682-.075-.987zm.152 1.822c-.132-.069-.168-.237-.152-.456.132.071.167.238.152.456zm0 1.367c-.058.139-.082-.045-.076-.152.058-.139.081.045.076.152zm-.152.228c.175-.024.084.219.228.227-.009.193-.283.179-.38.077.039-.112.113-.193.152-.304zm-2.354-1.216c.006-.108.013-.214-.076-.228-.073-.733.13-1.415 0-1.973.25-.155.769-.042 1.139-.077v1.139c-.088.064-.203.101-.379.077-.054.28.324.131.379.304.008.853-.056 1.777.152 2.429-.565-.059-.906.107-1.442.076.097-.612-.019-1.435.531-1.594-.012-.141-.257-.047-.304-.153zm-.531 0c-.204.021-.217-.534-.077-.607.328.006.249.501.077.607zm-.152.988c.077-.312.034-.304.075-.683.228.013.26.77-.075.683zm.228-2.05c-.263.054-.273-.266-.153-.38.263-.053.272.267.153.38zm0-1.139c.033.159-.052.201-.076.304-.176.023-.084-.219-.229-.229.025-.102.191-.062.305-.075zm-.228 3.721c.148-.031.11.345-.076.227a.363.363 0 0 0 .076-.227zm-.684-3.721c.029.259-.438.32-.379 0h.379zm-.987.076c-.034.219-.326.179-.379.379-.214-.17.084-.468.379-.379zm-.455.759c.226-.205.451-.41.684-.607-.021-.123.071-.131.076-.228h.229c.102.381-.261.296-.305.531.021.122-.072.131-.075.227.02.335.121.588.075.988-.27.008-.276.28-.607.227.022-.428-.135-.674-.077-1.138zm.076 3.265V57.29c.195-.185.396-.364.607-.532.295.489.179 1.392.455 1.897-.275.157-.75.111-1.062.229zM72.68 69.968c-.109.954-.158 1.968-.379 2.809-2.89.123-6.02.005-8.883.153-.199.045-.273-.031-.229-.229-.253 0-.258.247-.531.229.201-.336.438-.898.151-1.291-.797.013-.797.821-1.138 1.291-.686-.053-1.137.127-1.823.075.18-.705.75-1.021.911-1.745-.395-.55-.989.138-1.214.455-.204.48-.557.81-.76 1.29H57.8c.238-.469.489-.926.759-1.366.171-.512.625-.741.683-1.367-.157-.28-.42-.029-.683 0-.123.182-.272.335-.38.531-.232.376-.501.714-.684 1.14-.181.208-.335.003-.53.227-.389.271-.581.736-.988.987-.174-.06.039-.356.153-.38.045-.181-.096-.55.075-.607.063-.366.212-.647.379-.91.119-.742.521-1.199.684-1.898-.559.099-.674.643-.988.987-.212.445-.542.772-.683 1.291-.174-.131-.028-.58-.076-.836.122-.586.298-1.119.38-1.746.133-.22.173-.535.228-.834.168-.209.046-.61-.077-.761-.226.027-.374.133-.455.304-.192-.032-.193.506-.304.304-.045-2.587-.451-4.812-.456-7.438.026-.331-.183-.424-.228-.685 1.629.028 3.121.091 4.783.229-.089.139-.199.257-.304.379-.144.07-.226.173-.378.304-.604 1.653-.975 3.984-.607 6.15.229.58.589 1.029.986 1.441.907.485 1.635 1.149 2.506 1.671 1.701.361 3.84.369 5.541 0 .236-.12.484-.226.685-.38 1.364-1.242 2.753-2.459 2.961-4.859v-1.367c-.197-1.598-.688-2.905-1.747-3.644.331-.22 1.099.043 1.67.076.223.013.447.014.684 0 .408-.024.928-.055 1.443 0 .144.187.113.544.228.76-.062 1.684-.192 3.3-.152 5.087.103.454.127.986.229 1.441-.091.973-.237 1.89-.457 2.732zm.379-11.16c-.639-.12-1.232-.284-1.897-.379.072-.333.799-.01.987-.228.385-.223.295-.92.304-1.519.032-.348.114-.644.076-1.063-.401-.951-1.783-.421-2.886-.455-.225.718-.47 1.8-.304 2.657.169.49 1.024.292 1.519.456-.14.332-.688.057-.987.076-.296-.083-.707-.052-.986-.151-2.285.078-4.284.004-6.529.151.117-1.248.063-2.465-.076-3.645h3.112c-.344.364-.912.507-1.29.835-.44.244-.861.505-1.139.911.249.134.535-.245.759-.379.355-.074.479-.381.835-.455.423-.438 1.096-.625 1.67-.912.378-.022.697.013.987.077 1.283.007 2.456.126 3.796.076.614.145 1.45.069 1.974.304.107.298.231.579.305.911.008.995-.149 1.825-.23 2.732zm-5.845-3.72c.11-.047-.009-.092 0 0zm0 0c-.529.154-1.019.348-1.367.682.484-.198 1.059-.306 1.367-.682zm1.062.607c.111-.047-.007-.091 0 0zm-1.746.911c.727-.158 1.181-.591 1.746-.911-.437.019-.592.32-.987.379-.215.217-.6.26-.759.532zm-.683-.835c-.111.047.007.092 0 0zm-.683.607c.11-.046-.008-.092 0 0zm-.075.076c.063.014.07-.03.075-.076-.064-.014-.072.03-.075.076zm-.077.076c.064.014.072-.03.077-.076-.067-.013-.072.029-.077.076zm-.834.608c.346-.134.613-.348.834-.607a2.018 2.018 0 0 0-.834.607zm2.276.987c.533-.049.749-.416 1.215-.531.284-.298.784-.381.987-.76-.56.023-.766.399-1.216.531-.284.297-.751.413-.986.76zm-2.276-.987c-.317-.074-.016.227 0 0zm-.533.379c.021.021.115-.037.076-.077-.021-.02-.116.038-.076.077zm2.809.608c-.11.047.007.091 0 0zm-1.14 1.821c-.223-.231-.676-.233-.986-.379-.697-.038-1.223.093-1.746.229-.304.151-.607.304-.91.454-.266.166-.444.417-.76.532-.205.225-.352.51-.684.607-.004.223-.173.281-.304.379-.089.115-.094.312-.227.381-.007.12.036.29-.076.303.108 1.512.291 2.948.683 4.177.287.623.975.846 1.442 1.29.589.297 1.328.444 2.126.531.277-.052.553-.105.911-.076a5.088 5.088 0 0 0 2.81-1.441c.1-.281.252-.508.455-.684-.254-.671.293-1.098.455-1.596.002-1.344-.201-2.48-.607-3.415-.256-.579-.92-.751-1.366-1.139-.059-.018-.15-.003-.151-.077-.269-.13-.733-.233-1.065-.076zm-3.415 4.327c-.113-.063-.109-.244-.152-.379.256-.078.118.237.152.379zm.076.305c.041-.117.079-.006.076.075-.04.118-.079.005-.076-.075zm.456-2.051c.015-.086.075-.042.075 0-.014.087-.075.043-.075 0zm1.67-2.125c-.203.258.041.576.077.836-.305-.039-.574-.887-.077-.836zm.379 3.948c-.04-.038.055-.097.076-.076.04.038-.054.097-.076.076zm.759 2.884c.034-.109.066.008.152 0-.018.097-.15.077-.152 0zm2.201-2.581c-.233-.057-.145.208-.379.152.069-.159.118-.338.229-.455.134.019.172.13.15.303zm-1.137-3.796c.211.119.441.217.606.381.085.219.243.363.38.529.058.778.179 1.492.151 2.354-.257.099-.438.271-.683.381-.78-.006-1.358-.212-1.897-.456-.171-.259-.355-.505-.532-.759v-1.062c.17-.185.319-.391.456-.607.228-.127.508-.201.454-.607-.038-.062-.078-.124-.075-.229.158.045.245.159.379.229.323.017.41-.2.761-.154z"/>
</symbol>
<symbol id="icon-left-arrow" viewBox="0 0 50 26.003">
<path d="M50 11.002H7.659l8.174-8.174L13.005 0 0 12.998l.003.003-.003.004 13.005 12.998 2.828-2.828-8.172-8.173H50z"/>
</symbol>
<symbol id="icon-mail" viewBox="0 0 32 32">
<path fill="#333" d="M28 5H4a4 4 0 0 0-4 4v13a4 4 0 0 0 4 4h24a4 4 0 0 0 4-4V9a4 4 0 0 0-4-4zM2 10.25l6.999 5.25L2 20.75v-10.5zM30 22c0 1.104-.898 2-2 2H4c-1.103 0-2-.896-2-2l7.832-5.875 4.368 3.277a3 3 0 0 0 3.599 0l4.369-3.277L30 22zm0-1.25l-7-5.25 7-5.25v10.5zm-12.801-2.148c-.35.263-.763.4-1.199.4s-.851-.139-1.2-.4L10.665 15.5l-.833-.625L2 9.001V9c0-1.103.897-2 2-2h24c1.102 0 2 .897 2 2l-12.801 9.602z"/>
</symbol>
<symbol id="icon-menu-close" viewBox="0 0 20.514 20.512">
<path fill="#231F20" d="M20.513 1.414L19.099 0l-8.843 8.842L1.414 0 0 1.414l8.842 8.842L0 19.098l1.414 1.414 8.842-8.842 8.843 8.842 1.414-1.414-8.842-8.842z"/>
</symbol>
<symbol id="icon-menu-open" viewBox="0 0 19.958 14">
<path fill="#231F20" d="M0 0h19.96v2H0zm0 6h19.96v2H0zm0 6h19.96v2H0z"/>
</symbol>
<symbol id="icon-phone" viewBox="0 0 24.829 24.333">
<path d="M17.321 24.333h-1.115c-4.904-.58-8.497-2.857-11.11-5.772C2.473 15.637.402 11.875 0 6.817V5.459c.091-.921.544-1.55 1.067-2.086.65-.666 1.63-1.522 2.522-1.553.659-.022 1.78.451 2.232 1.066.388.53.595 1.59.775 2.378.185.797.6 1.95.485 2.717-.176 1.196-1.764 1.703-2.231 2.572 1.551 3.721 4.089 6.456 7.472 8.345.847-.465 1.595-1.864 2.767-1.892.428-.012.972.209 1.406.34.477.143.891.326 1.311.484.705.266 1.957.621 2.378 1.213.433.61.681 1.608.581 2.231-.194 1.234-2.227 2.603-3.444 3.059zM12.529 1.528c5.949 0 10.771 4.822 10.771 10.771h1.529C24.829 5.507 19.323 0 12.529 0v1.528z"/>
<path d="M12.529 9.327v1.552a1.42 1.42 0 0 1 1.421 1.42h1.553a2.973 2.973 0 0 0-2.974-2.972zm0-3.081a6.054 6.054 0 0 1 6.056 6.054h1.588a7.642 7.642 0 0 0-7.644-7.641v1.587z"/>
</symbol>
<symbol id="icon-search" viewBox="-0.8 -0.8 17.6 17.6">
<path fill="currentColor" d="M16.47 14.93l-3.415-3.415A7.67 7.67 0 0 0 14.6 6.899C14.6 2.646 11.153-.8 6.9-.8S-.8 2.646-.8 6.899s3.446 7.7 7.699 7.7c1.734 0 3.326-.58 4.613-1.546l3.417 3.416c.203.202.418.33.771.33a1.1 1.1 0 0 0 1.1-1.1c0-.24-.061-.499-.33-.769zM1.399 6.899a5.5 5.5 0 1 1 11 0c0 3.038-2.462 5.5-5.5 5.5s-5.5-2.461-5.5-5.5z"/>
</symbol>
<symbol id="icon-tick" viewBox="0 0 32.666 22.742">
<path d="M32.666 1.414L31.252 0 11.338 19.914 1.414 9.989 0 11.403l9.924 9.925 1.414 1.414h.001l1.414-1.414h-.001z"/>
</symbol>
<symbol id="icon-twitter" viewBox="52.253 53.771 23.494 20.168">
<path fill="currentColor" d="M75.706 57.855c-.227-.366-.909-.277-1.407-.371h-1.112c.142-.353.343-.646.52-.963.056-.438.254-.734.223-1.26.129-.167.176-.417.296-.593.104-.144.242-.477.074-.667-.051-.221-.295-.249-.593-.222a.515.515 0 0 0-.222.148c-.448.433-.778 1.014-1.261 1.408-.009.008-.062 0-.074 0-.087.005-.033.046-.075.074-.146.098-.257.152-.369.223-.284.176-.547.445-.891.519-.529-.211-1.156-.326-1.852-.37-1.157.102-2.303.215-3.038.741-.911.35-1.477 1.042-2.149 1.63-.049.32-.342.398-.37.741-.005.045-.012.088-.073.074.043.241-.051.345-.074.519-.001.133.199.431 0 .52-.822-.12-1.485-.63-2.149-.964-.718-.36-1.468-.604-2.074-1.111-.716-.322-1.26-.816-1.778-1.334-.208-.312-.542-.496-.667-.89-.379-.164-.175-.912-.741-.889-.315-.043-.345.199-.444.37-.07.227-.361.232-.371.519-.004.046-.011.088-.074.075-.17 1.089-.527 1.992-.519 3.26.129.415.35.738.593 1.038-.418.051-.716.222-.89.519-.06 1.073.378 1.647.742 2.297.134.384.352.685.593.963.017.229.206.288.296.445.019.105.123.125.149.223-.04.105.289.18.073.221-.413.131-1.016.07-1.259.371-.109.279-.109.833 0 1.111.034.237.282.262.296.519.499.417 1.082.747 1.631 1.112.574.166 1.211.271 1.852.37-.102.343-.338.551-.593.741-.78.381-1.849.474-2.742.74-.555.038-.956.23-1.556.223-.333.127-.854.075-1.112.223-.122.068-.102.096-.222.221-.134.412.111.74.444.89-.005.253.219.276.371.371.089.183.254.29.445.37.544.468 1.268.759 1.927 1.112.83.183 1.648.376 2.52.519.896.116 1.901.124 2.816.222h.963c.511.132 1.23.054 1.853.074.095-.102.322-.073.519-.074.522-.269 1.196-.385 1.631-.74.574-.241.989-.642 1.557-.89.866-.765 1.937-1.324 2.519-2.372.205-.189.351-.438.445-.74.265-.156.385-.454.593-.667.404-.41.706-.924 1.037-1.408.319-.496.576-1.054.89-1.556-.01-.405.306-.484.296-.89.193-.226.177-.662.371-.889-.033-.255.029-.415.074-.594.047-1.281-.047-2.422-.297-3.407.588-.155 1.181-.302 1.631-.593.52-.187.993-.584.808-1.262zm-3.408 4.076c-.153.859-.615 1.41-1.038 2.001.059.379-.104.538-.073.889a4.303 4.303 0 0 0-.371 1.037c-.203.267-.332.606-.519.89-.366.548-.777 1.051-1.186 1.557-.378.56-.912.965-1.334 1.481-.42.493-.942.885-1.407 1.334-.474.17-.89.396-1.26.667a5.06 5.06 0 0 0-.667.296c-.177.146-.499.145-.668.297-1.086.147-2.3.17-3.555.148-1.031-.105-2.115-.159-3.039-.371-.922-.189-1.511-.712-2.297-1.037.153-.242.634-.154.963-.222.031-.166.394-.003.444-.149.257.06.285-.109.52-.073.563-.201 1.23-.302 1.705-.593.282-.138.406-.434.667-.593.033-.189.104-.341.222-.444.047-.275.201-.441.148-.815.111-.21.299-.343.296-.667-.074-.147-.128-.316-.296-.371-.026-.196-.377-.067-.444-.222-.255.032-.416-.029-.593-.075-.154-.043-.487.092-.519-.073-.842-.023-1.3-.43-1.853-.74.431-.262 1.032-.353 1.333-.742.516-.076 1.058-.129 1.112-.666 0-.717-.771-.661-1.333-.815-.773-.66-1.194-1.672-1.779-2.52.238-.157.564-.226.741-.444.454.058.54-.251.667-.52.019-.488-.333-.605-.593-.815a3.47 3.47 0 0 1-.667-.741c-.003-.818-.021-1.652.074-2.372.063-.014.07.029.074.074.227.441.559.775.815 1.186.532.357.925.853 1.556 1.112.452.413 1.108.621 1.557 1.038.601.263 1.158.57 1.704.889.669.194 1.056.673 2.001.593.198-.098.394-.199.593-.297.258-.456-.059-1.079.147-1.63.255-.659.797-1.031 1.26-1.481.29-.155.555-.335.815-.519.347-.098.675-.216.964-.371a6.223 6.223 0 0 0 1.037-.148h1.26c.244.052.475.119.74.148.209.137.38.313.666.371.789.693 1.271 1.696 1.409 3.039-.122.482.053.871.001 1.479zm.296-5.632c-.129.34-.23.707-.593.815-.017-.105-.122-.125-.147-.222-.012-.209.209-.186.296-.296.162-.085.245-.248.444-.297-.007-.09.108-.046 0 0zm-5.484 3.038c.163.135.284.31.519.371.101.221.314.327.594.37.047-.15.346-.049.37-.222.174-.023.166-.229.296-.297-.018-.55-.129-1.006-.37-1.333-.758-.423-1.676.039-1.409 1.111z"/>
</symbol>
<symbol id="logo-htmlacademy" viewBox="0 0 26.943 34.09">
<path d="M13.62.017L13.472 0 0 1.412v24.661l13.473 8.017 13.43-7.99.042-.025V1.412L13.62.017zm11.399 12.11L13.495 5.334l-.001-.104-.087.05-.088-.056v.109L1.925 12.118V3.147l11.548-1.212L25.02 3.147v8.98zm-11.614-5.34L24.923 13.5l-4.479 2.64-7.093-4.221-.014 1.415 5.904 3.513-.86.507-5.03-2.992-.014 1.415 3.827 2.275-.782.523-3.031-1.787-.014 1.413 1.853 1.091-1.8 1.081-11.356-6.751 11.371-6.835zm-11.48 8.34l11.411 6.791.016 1.044-7.942-4.728-.015 1.416 7.979 4.795.018 1.076-7.973-4.74-.013 1.414 8.021 4.822.046.025 8.143-4.872-.011-5.177 3.415-2.036v10.021L13.472 31.85 1.925 24.979v-9.852z"/>
</symbol>
<symbol id="logo-footer" viewBox="0 0 101.615 34.056">
<path d="M19.135 21.495c-.083-2.683-.51-5.347-.475-8.035.028-2.174.389-4.41-.36-6.495.047-.237.096-.473.14-.711.193-1.045-3.271-.492-3.813.464-.343.28-.519.615-.375.957.037.086.069.174.102.261-.656 3.204-1.57 6.306-2.621 9.412-.402 1.188-.888 2.349-1.298 3.533-.582-1.104-1.169-2.194-1.643-3.377-1.374-3.433-2.612-6.902-4.287-10.206.19-1.528-3.204-1.368-3.873.032-.809 1.694-.705 3.403-.438 5.214.3 2.042.353 4.05.377 6.111.047 3.976.358 7.943.417 11.919-.354.395-.461.881-.091 1.375.162.216.361.382.571.549.904.724 3.5.107 3.496-1.271-.014-4.123-.312-8.238-.42-12.358a98.054 98.054 0 0 1-.024-1.21l.171.434c.64 1.604 1.31 3.163 2.185 4.654.868 1.478 1.303 3.064 1.803 4.677-.189.217-.303.462-.233.708-.039.18.07.292.251.36.639.548 1.841.274 2.509-.007a6.07 6.07 0 0 0 .826-.424c.345-.212.883-.679.729-1.159l-.087-.279c.47-1.27.709-2.589.965-3.93.272-1.428.782-2.78 1.295-4.133.052.619.106 1.238.156 1.855.204 2.554.033 5.072.007 7.626-.008.847.054 1.633.219 2.461.068.343.367 1.808.281 1.887-.611.564-.433 1.257.385 1.437.915.201 2.081-.105 2.77-.742 1.198-1.106.632-2.845.361-4.241-.452-2.342.095-4.964.022-7.348zm8.364.675c-.074-1.988-.765-3.862-.774-5.872-.011-2.305.181-4.593-.155-6.886-.106-.725-4.056.1-3.917 1.05.309 2.11.197 4.229.159 6.354-.037 2.044.468 3.898.73 5.904.269 2.054-.084 4.157.149 6.213.109.962.75 2.743.089 3.58-.42.532 1.469.342 1.553.326.769-.142 1.793-.392 2.304-1.038.653-.828.196-2.426.053-3.357-.316-2.059-.114-4.195-.191-6.274zm16.329-3.319c-2.062-2.784-5.889-.78-8.561-1.54-1.377-.392-1.395-2.271-1.392-3.396.004-1.426-.114-2.732-.273-4.146-.119-1.052-.024-2.121.746-2.904.142-.144.859-.336.81-.339a8.132 8.132 0 0 1 1.067-.093c1.549-.066 4.613.232 4.019 2.483-.266 1.01 3.596.431 3.877-.637 1.213-4.598-7.284-3.714-9.686-3.078-2.21.588-4.648 1.846-4.775 4.399-.061 1.219.273 2.379.325 3.587.061 1.39-.198 2.776.289 4.118 1.082 2.982 5.52 1.576 7.778 1.745 3.845.287 2.697 5.469 2.748 7.883.027 1.288 1.181 3.429.211 4.507-.595.662-1.982.699-2.792.768-.813.068-2.201.312-2.742-.461-.993-1.418.091-3.799-.121-5.425-.121-.924-4.066-.095-3.917 1.05.342 2.627-1.399 6.145 2.402 6.596 2.441.289 5.191-.161 7.5-.928 1.196-.396 2.307-.942 3.243-1.793 1.035-.941.694-2.348.417-3.547-.677-2.918.731-6.279-1.173-8.849zm17.327-.189c-.122-3.777-.69-7.513-.706-11.297-.008-1.971-3.963-1.305-3.957.343.015 3.608.497 7.167.682 10.764l.013.221c-1.949-.018-3.899.177-5.853.246.201-4.633-.611-9.227-.435-13.857.022-.582-3.874-.09-3.917 1.049-.171 4.475.587 8.915.453 13.392-.064 2.136-.245 4.264-.259 6.402-.007 1.095.171 2.183.329 3.263.146.999.484 2.331.182 3.318-.237.772 3.561.29 3.862-.694.544-1.778-.222-4.039-.405-5.839-.175-1.725-.039-3.499.083-5.248 2.03-.13 4.059-.297 6.08-.012.09 1.378.196 2.754.322 4.134a45.83 45.83 0 0 1 .196 3.475c.015 1.019.142 2.496-.221 3.461-.773 2.057 3.15 1.889 3.723.364.703-1.87.502-4.199.383-6.164-.148-2.443-.477-4.874-.555-7.321zm16.932 4.474c-.939-2.758-2.373-5.177-3.616-7.797 1.001-1.949 2.018-3.898 2.932-5.888.831-1.808 1.446-3.819 3.08-5.092.574-.447.55-.896-.255-.951-.875-.061-2.064.192-2.77.742-1.485 1.158-2.427 2.563-3.201 4.268a160.304 160.304 0 0 1-2.914 6.075l-.224.443c-.49.315-.785.762-.639 1.266-.792 1.563-1.6 3.117-2.499 4.61-.299-5.534-.955-11.061-1.15-16.6-.045-1.27-3.971-.479-3.917 1.049.243 6.868 1.219 13.719 1.286 20.587l-.047.051c-.301.308-.19.494.051.602a60.756 60.756 0 0 1-.209 5.254c-.472.745.463 1.139 1.084 1.139h.096c.739 0 2.626-.35 2.718-1.364.191-2.1.251-4.196.232-6.291 1.59-1.715 2.89-3.63 4.055-5.635.759 1.48 1.482 2.972 1.989 4.582.861 2.741 2.299 5.261 3.131 8.014.544 1.806 4.457.738 3.917-1.049-.829-2.753-2.204-5.297-3.13-8.015zm23.503-4.635c-.21-.832-1.372-.849-2.271-.77-.012-.335-.02-.671-.036-1.006-.125-2.661-.165-5.379-.392-8.032-.209-2.458-1.585-3.337-3.972-3.247-2.416.092-5.229.527-7.482 1.403-2.607 1.014-4.058 2.935-4.559 5.681-.549 3.014.24 6.219.373 9.246.154 3.503.066 7.014.062 10.519 0 .573 3.916.031 3.917-1.049.003-2.776.042-5.551 0-8.327a52.196 52.196 0 0 0-.102-2.444c1.369-.593 3.687.012 5.05.141 1.107.104 2.169-.166 3.244-.292.021 2.312.107 4.635.202 6.944.049 1.184.477 3.53-.354 4.511-.437.516 1.48.343 1.555.33.793-.146 1.761-.401 2.303-1.041.949-1.12.456-3.79.401-5.126-.078-1.91-.102-3.824-.141-5.737 1.154-.147 2.417-.854 2.202-1.704zm-14.618-.15c-.103-1.245-.217-2.49-.303-3.743-.16-2.331.117-5.583 2.29-6.999.58-.379 1.675-.315 2.354-.438.97-.176 1.956-.389 2.829.19 1.21.802.912 3.657.911 4.869-.003 2.005.207 4.001.31 6.003-.552.055-1.111.089-1.683.076-2.286-.053-4.544-.413-6.708.042zM24.108 6.7a3.157 3.157 0 0 0 1.477-.524l.256-.216c.52-.335.972-.827.728-1.361-.504-1.105-.423-2.231-.416-3.414.006-.958-.963-1.246-1.781-1.174-.723.063-2.168.581-2.175 1.52-.006.993-.071 2.016.109 2.992-.047.113-.074.239-.104.355-.055.212.016.42.142.59l.002.134.015.335a.901.901 0 0 0 .429.53c.388.233.878.275 1.318.233z"/>
</symbol>
</svg>
<nav class="top-menu">
<div class="container">
<a class="top-menu__logo-link" href="index.html">
<picture class="top-menu__logo-options">
<source class="top-menu__logo" media="(min-width: 1150px)" srcset="img/logo-desktop.svg">
<source class="top-menu__logo" media="(min-width: 768px)" srcset="img/logo-tablet.svg">
<source class="top-menu__logo" media="(max-width: 768px)" srcset="img/logo-mobile.svg">
<img class="top-menu__logo" src="img/logo-mobile.svg"
alt="логотип 'Мишка'" width="86" height="35">
</picture>
</a>
<div class="top-menu__burger top-menu__burger--close"></div>
<ul class="modal-menu">
<li class="modal-menu__item">
<a href="catalog.html" class="modal-menu__link">
Каталог товаров
</a>
</li>
<li class="modal-menu__item">
<a class="modal-menu__link">
Вязание на заказ
</a>
</li>
<li class="modal-menu__item">
<a href="#" class="modal-menu__link">
Новые поступления
</a>
</li>
<li class="modal-menu__item">
<a href="#" class="modal-menu__link">
Распродажа
</a>
</li>
</ul>
<div class="user-block">
<div class="user-block__item">
<a href="#" class="user-block__link user-block__link--search">
<svg class="user-block__icon-search" width="24" height="24">
<use x="0" y="0" xlink:href="#icon-search"></use>
</svg>
Поиск по сайту
</a>
</div>
<div class="user-block__item">
<a href="#" class="user-block__link user-block__link--cart">
<svg class="user-block__icon-cart" width="24" height="24">
<use x="0" y="0" xlink:href="#icon-cart"></use>
</svg>
Корзина: пока пуста
</a>
</div>
</div>
</div>
</nav>
<header class="header">
<div class="container">
<div class="delivery">
<a href="#" class="delivery__link">
Бесплатная доставка по России
</a>
</div>
<h1 class="header__title">Вязание на заказ</h1>
</div>
</header>
<form class="form" method="POST" action="#" id="form">
<div class="container">
<p class="form__descr">
<span class="form__sentence">Мы будем рады воплотить в жизнь ваши пожелания!</span>
<span class="form__sentence">Заполните простую форму заказа
и мы свяжемся с вами чтобы уточнить детали.</span>
</p>
<div class="form__type form__type--radio">
<h2 class="form__title">
<span class="form__title-element">Тип</span>
</h2>
<div class="form__input-wrapper">
<input class="form__radio-input visually-hidden" type="radio" name="type" checked id="accessory">
<label class="form__radio-label" for="accessory">Аксессуар для интерьера</label>
<input class="form__radio-input visually-hidden" type="radio" name="type" id="toy">
<label class="form__radio-label" for="toy">Детская игрушка</label>
</div>
</div>
</div>
<div class="form__type form__type--checkbox">
<div class="container">
<h2 class="form__title">
<span class="form__title-element">Цвет</span>
</h2>
<div class="form__input-wrapper">
<input class="form__checkbox-input visually-hidden" type="checkbox" name="white" checked id="white">
<label class="form__checkbox-label" for="white">Белый</label>
<input class="form__checkbox-input visually-hidden" type="checkbox" name="grey" checked id="grey">
<label class="form__checkbox-label" for="grey">Серый</label>
<input class="form__checkbox-input visually-hidden" type="checkbox" name="tiffany" id="tiffany">
<label class="form__checkbox-label" for="tiffany">«Тиффани»</label>
<input class="form__checkbox-input visually-hidden" type="checkbox" name="black" id="black">
<label class="form__checkbox-label" for="black">Черный</label>
<input class="form__checkbox-input visually-hidden" type="checkbox" name="pink" id="pink">
<label class="form__checkbox-label" for="pink">Розовый</label>
<input class="form__checkbox-input visually-hidden" type="checkbox" name="orange" id="orange">
<label class="form__checkbox-label" for="orange">Оранжевый</label>
</div>
</div>
</div>
<div class="form__type form__type--name">
<div class="container">
<h2 class="form__title">
<span class="form__title-element">ФИО</span>
</h2>
<div class="form__input-wrapper">
<label class="form__text">
<span class="form__input-label"> Фамилия:</span>
<input class="form__input form__input--last-name" type="text" name="lastName" placeholder="Укажите фамилию" required>
</label>
<label class="form__text">
<span class="form__input-label">Имя:</span>
<input class="form__input form__input--first-name" type="text" name="firstName" placeholder="Введите ваше имя" required>
</label>
<label class="form__text">
<span class="form__input-label">Отчество:</span>
<input class="form__input form__input--middle-name" type="text" name="middleName" placeholder="Отчество, если желаете">
</label>
</div>
</div>
</div>
<div class="form__type form__type--phone">
<div class="container">
<h2 class="form__title">
<label class="form__title-element" for="tel">ТЕЛ</label>
</h2>
<div class="form__input-wrapper">
<input class="form__input" type="tel" id="tel" placeholder="+7 XXX XX XX" required pattern="\+*[0-9]{1,11}">
<svg class="form__icon-tel" width="40" height="40">
<use x="0" y="0" xlink:href="#icon-phone"></use>
</svg>
</div>
</div>
</div>
<div class="form__type form__type--email">
<div class="container">
<h2 class="form__title">
<label class="form__title-element" for="email">E-MAIL</label>
</h2>
<div class="form__input-wrapper">
<input class="form__input" type="email" id="email" placeholder="Ваш e-mail" required>
<svg class="form__icon-email" width="40" height="40">
<use x="0" y="0" xlink:href="#icon-mail"></use>
</svg>
</div>
</div>
</div>
<div class="form__type form__type--textarea">
<div class="container">
<h2 class="form__title">
<label class="form__title-element" for="add-info">ДОП</label>
</h2>
<div class="form__input-wrapper">
<textarea class="form__input form__input--add-info" id="add-info" rows="6" placeholder="Опишите все ваши пожелания к заказу" required></textarea>
</div>
<button class="btn form__button-submit" type="submit">Отправить заказ</button>
<span class="form__required-info">Все поля являются обязательными</span>
</div>
</div>
</form>
<footer class="footer">
<div class="container">
<a class="footer__logo-link" href="index.html">
<svg class="footer__logo" width="90" height="40">
<use x="0" y="0" xlink:href="#logo-footer"></use>
</svg>
</a>
<ul class="social-links">
<li class="social-links__item">
<a class="social-links__link" href="#">
<svg class="social-links__icon" width="30" height="30">
<use x="0" y="0" xlink:href="#icon-insta"></use>
</svg>
</a>
</li>
<li class="social-links__item">
<a class="social-links__link" href="#">
<svg class="social-links__icon" width="30" height="30">
<use x="0" y="0" xlink:href="#icon-fb"></use>
</svg>
</a>
</li>
<li class="social-links__item">
<a class="social-links__link" href="#">
<svg class="social-links__icon" width="30" height="30">
<use x="0" y="0" xlink:href="#icon-twitter"></use>
</svg>
</a>
</li>
</ul>
<div class="footer__copyright">
<a class="footer__academy-link" href="http://htmlacademy.ru" target="_blank">
<b class="footer__copyright-text">Разработано</b>
<svg class="footer__copyright-icon" width="35" height="37">
<use x="0" y="0" xlink:href="#logo-htmlacademy"></use>
</svg>
</a>
</div>
</div>
</footer>
<script src="js/script.js"></script>
</body>
</html>