-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathform.html
376 lines (295 loc) · 39.8 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
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/style.css">
<title>HTML Academy: Мишка</title>
</head>
<body class="body">
<svg style="display: none">
<symbol id="icon-search" viewBox="-0.8 -0.8 17.6 17.6">
<path d="M16.47,14.93l-3.415-3.415C14.02,10.226,14.6,8.634,14.6,6.899c0-4.253-3.447-7.699-7.7-7.699 S-0.8,2.646-0.8,6.899s3.446,7.7,7.699,7.7c1.734,0,3.326-0.58,4.613-1.546l3.417,3.416c0.203,0.202,0.418,0.33,0.771,0.33 c0.607,0,1.1-0.492,1.1-1.1C16.8,15.459,16.739,15.2,16.47,14.93z M1.399,6.899c0-3.038,2.462-5.5,5.5-5.5s5.5,2.462,5.5,5.5 s-2.462,5.5-5.5,5.5S1.399,9.938,1.399,6.899z"/>
</symbol>
<symbol id="icon-cart" viewBox="264.205 370.961 20.294 18.849">
<path d="M283.75,378.19h-3.151l-3.407-6.814c-0.185-0.37-0.634-0.52-1.006-0.335 c-0.371,0.186-0.521,0.636-0.335,1.006l3.071,6.143h-9.138l3.072-6.143c0.185-0.371,0.035-0.821-0.335-1.006 c-0.37-0.185-0.821-0.035-1.006,0.335l-3.407,6.814h-3.151c-0.414,0-0.75,0.336-0.75,0.75s0.336,0.75,0.75,0.75h0.157l0.855,2.991 c-0.187,0.137-0.316,0.347-0.316,0.595c0,0.396,0.309,0.71,0.697,0.739l1.656,5.795h12.697l1.656-5.795 c0.388-0.028,0.698-0.344,0.698-0.739c0-0.249-0.129-0.459-0.316-0.596l0.854-2.991h0.157c0.414,0,0.75-0.336,0.75-0.75 S284.164,378.19,283.75,378.19z M279.569,388.311h-10.433l-1.224-4.284h12.881L279.569,388.311z M281.222,382.526h-13.739 l-0.81-2.836h15.359L281.222,382.526z"/>
</symbol>
<symbol id="icon-insta" viewBox="53.115 53.19 21.769 21.334">
<g id="instagram">
<g>
<path d="M74.881,65.336c-0.013-2.395-0.344-4.788-0.303-7.135c-0.023-0.788-0.086-1.535-0.152-2.278 c-0.105-0.3-0.111-0.699-0.152-1.062c-0.26-0.17-0.222-0.64-0.456-0.835c-0.423-0.233-1.201-0.114-1.744-0.22 c-0.657-0.026-1.254-0.115-1.899-0.153c-1.936-0.101-3.973-0.076-5.996-0.076c-2.001,0-3.954-0.145-5.695-0.379h-2.202 c-0.097,0.004-0.105,0.098-0.227,0.076c-0.599,0.034-1.077,0.188-1.595,0.303c-0.21,0.119-0.421,0.235-0.683,0.304 c-0.136,0.192-0.513,0.145-0.607,0.379c-0.186,0.212,0.185,0.451,0,0.607v0.911c0.173,0.13,0.027,0.58,0.075,0.835v0.987 c-0.017,1.281,0.134,2.397,0.076,3.72c0.467,2.762,0.374,6.537,0.076,9.413c0.155,0.579,0.363,1.105,0.455,1.746 c0.256,0.479,0.335,1.133,0.683,1.52c0.502,0.206,1.233,0.186,1.898,0.229c0.383,0.098,0.667,0.293,1.14,0.30 c2.843-0.21,5.496-0.154,8.427-0.229c2.704,0.24,5.802,0.188,8.275-0.228c0.195-0.134,0.128-0.529,0.228-0.76 c-0.056-0.385,0.207-0.449,0.228-0.759C74.862,70.157,74.895,67.763,74.881,65.336z M61.899,59.111 c0.757-0.153,1.48-0.341,2.429-0.304c0.71,0.076,1.287,0.283,1.897,0.456c0.116,0.184-0.243,0.547,0.153,0.684v0.076 c0.059,0.017,0.149,0.002,0.151,0.076c0.445,0.035,0.794,0.167,1.063,0.379c0.45,0.055,0.536,0.476,1.138,0.3 c-0.091,0.213-0.084,0.524-0.075,0.835c0.324,1.183,0.475,2.81,0.303,4.252c-0.164,0.163-0.215,0.442-0.303,0.683 c-0.311,0.322-0.481,0.785-0.836,1.062c-0.095,0.236-0.25,0.408-0.454,0.533c-0.116,0.213-0.206,0.452-0.457,0.53 c-0.298,0.163-0.577,0.011-0.834-0.076c-0.446,0.162-0.904,0.312-1.215,0.607c-0.816-0.096-1.648-0.175-2.43-0.304 c-0.242-0.139-0.487-0.273-0.835-0.305c-0.227-0.204-0.496-0.364-0.836-0.455c-0.101-0.127-0.337-0.118-0.455-0.229 c-0.198-0.029-0.229-0.227-0.456-0.229c-0.118-0.412-0.443-0.618-0.532-1.062c-0.226-0.331-0.308-0.805-0.455-1.215 c-0.043-1.434,0.091-2.692,0.379-3.796c0.346-0.591,0.779-1.094,1.138-1.67c0.249,0.021,0.365-0.09,0.38-0.304 c0.306,0.053,0.434-0.072,0.684-0.075C61.698,59.568,61.71,59.251,61.899,59.111z M60.229,56.378 c-0.117-0.263-0.066-0.691-0.075-1.062c-0.007-0.285,0.278-0.279,0.304-0.532c-0.003-0.074-0.093-0.059-0.152-0.076 c0.126-0.146,0.701-0.097,0.834,0c0.132,0.537-0.354,0.455-0.531,0.684c0.011,0.167,0.322,0.032,0.456,0.076 c0.029,0.854-0.059,1.496,0,2.202h-0.456c-0.007,0.234,0.229,0.226,0.456,0.228c-0.059,0.286,0.092,0.363,0.075,0.607 c-0.226,0.153-0.716,0.042-1.062,0.075C59.975,57.986,60.313,57.205,60.229,56.378z M59.546,54.784 c0.088-0.013,0.134,0.016,0.151,0.076c0.179,0.253,0.01,0.683-0.076,0.911C59.448,55.592,59.595,55.089,59.546,54.784z M59.698,56.606c-0.132-0.069-0.168-0.237-0.152-0.456C59.678,56.221,59.713,56.388,59.698,56.606z M59.698,57.973 c-0.058,0.139-0.082-0.045-0.076-0.152C59.68,57.682,59.703,57.866,59.698,57.973z M59.546,58.201 c0.175-0.024,0.084,0.219,0.228,0.227c-0.009,0.193-0.283,0.179-0.38,0.077C59.433,58.393,59.507,58.312,59.546,58.201z M57.192,56.985c0.006-0.108,0.013-0.214-0.076-0.228c-0.073-0.733,0.13-1.415,0-1.973c0.25-0.155,0.769-0.042,1.139-0.077v1.139 c-0.088,0.064-0.203,0.101-0.379,0.077c-0.054,0.28,0.324,0.131,0.379,0.304c0.008,0.853-0.056,1.777,0.152,2.429 c-0.565-0.059-0.906,0.107-1.442,0.076c0.097-0.612-0.019-1.435,0.531-1.594C57.484,56.997,57.239,57.091,57.192,56.985z M56.661,56.985c-0.204,0.021-0.217-0.534-0.077-0.607C56.912,56.384,56.833,56.879,56.661,56.985z M56.509,57.973 c0.077-0.312,0.034-0.304,0.075-0.683C56.812,57.303,56.844,58.06,56.509,57.973z M56.737,55.923 c-0.263,0.054-0.273-0.266-0.153-0.38C56.847,55.49,56.856,55.81,56.737,55.923z M56.737,54.784 c0.033,0.159-0.052,0.201-0.076,0.304c-0.176,0.023-0.084-0.219-0.229-0.229C56.457,54.757,56.623,54.797,56.737,54.784z M56.509,58.505c0.148-0.031,0.11,0.345-0.076,0.227C56.473,58.67,56.512,58.608,56.509,58.505z M55.825,54.784 c0.029,0.259-0.438,0.32-0.379,0H55.825z M54.838,54.86c-0.034,0.219-0.326,0.179-0.379,0.379 C54.245,55.069,54.543,54.771,54.838,54.86z M54.383,55.619c0.226-0.205,0.451-0.41,0.684-0.607 c-0.021-0.123,0.071-0.131,0.076-0.228h0.229c0.102,0.381-0.261,0.296-0.305,0.531c0.021,0.122-0.072,0.131-0.075,0.227 c0.02,0.335,0.121,0.588,0.075,0.988c-0.27,0.008-0.276,0.28-0.607,0.227C54.482,56.329,54.325,56.083,54.383,55.619z M54.459,58.884V57.29c0.195-0.185,0.396-0.364,0.607-0.532c0.295,0.489,0.179,1.392,0.455,1.897 C55.246,58.812,54.771,58.766,54.459,58.884z M72.68,69.968c-0.109,0.954-0.158,1.968-0.379,2.809 c-2.89,0.123-6.02,0.005-8.883,0.153c-0.199,0.045-0.273-0.031-0.229-0.229c-0.253,0-0.258,0.247-0.531,0.229 c0.201-0.336,0.438-0.898,0.151-1.291c-0.797,0.013-0.797,0.821-1.138,1.291c-0.686-0.053-1.137,0.127-1.823,0.075 c0.18-0.705,0.75-1.021,0.911-1.745c-0.395-0.55-0.989,0.138-1.214,0.455c-0.204,0.48-0.557,0.81-0.76,1.29H57.8 c0.238-0.469,0.489-0.926,0.759-1.366c0.171-0.512,0.625-0.741,0.683-1.367c-0.157-0.28-0.42-0.029-0.683,0 c-0.123,0.182-0.272,0.335-0.38,0.531c-0.232,0.376-0.501,0.714-0.684,1.14c-0.181,0.208-0.335,0.003-0.53,0.227 c-0.389,0.271-0.581,0.736-0.988,0.987c-0.174-0.06,0.039-0.356,0.153-0.38c0.045-0.181-0.096-0.55,0.075-0.607 c0.063-0.366,0.212-0.647,0.379-0.91c0.119-0.742,0.521-1.199,0.684-1.898c-0.559,0.099-0.674,0.643-0.988,0.987 c-0.212,0.445-0.542,0.772-0.683,1.291c-0.174-0.131-0.028-0.58-0.076-0.836c0.122-0.586,0.298-1.119,0.38-1.746 c0.133-0.22,0.173-0.535,0.228-0.834c0.168-0.209,0.046-0.61-0.077-0.761c-0.226,0.027-0.374,0.133-0.455,0.304 c-0.192-0.032-0.193,0.506-0.304,0.304c-0.045-2.587-0.451-4.812-0.456-7.438c0.026-0.331-0.183-0.424-0.228-0.685 c1.629,0.028,3.121,0.091,4.783,0.229c-0.089,0.139-0.199,0.257-0.304,0.379c-0.144,0.07-0.226,0.173-0.378,0.304 c-0.604,1.653-0.975,3.984-0.607,6.15c0.229,0.58,0.589,1.029,0.986,1.441c0.907,0.485,1.635,1.149,2.506,1.671 c1.701,0.361,3.84,0.369,5.541,0c0.236-0.12,0.484-0.226,0.685-0.38c1.364-1.242,2.753-2.459,2.961-4.859v-1.367 c-0.197-1.598-0.688-2.905-1.747-3.644c0.331-0.22,1.099,0.043,1.67,0.076c0.223,0.013,0.447,0.014,0.684,0 c0.408-0.024,0.928-0.055,1.443,0c0.144,0.187,0.113,0.544,0.228,0.76c-0.062,1.684-0.192,3.3-0.152,5.087 c0.103,0.454,0.127,0.986,0.229,1.441C73.046,68.209,72.9,69.126,72.68,69.968z M73.059,58.808 c-0.639-0.12-1.232-0.284-1.897-0.379c0.072-0.333,0.799-0.01,0.987-0.228c0.385-0.223,0.295-0.92,0.304-1.51 c0.032-0.348,0.114-0.644,0.076-1.063c-0.401-0.951-1.783-0.421-2.886-0.455c-0.225,0.718-0.47,1.8-0.304,2.657 c0.169,0.49,1.024,0.292,1.519,0.456c-0.14,0.332-0.688,0.057-0.987,0.076c-0.296-0.083-0.707-0.052-0.986-0.151 c-2.285,0.078-4.284,0.004-6.529,0.151c0.117-1.248,0.063-2.465-0.076-3.645h3.112c-0.344,0.364-0.912,0.507-1.29,0.835 c-0.44,0.244-0.861,0.505-1.139,0.911c0.249,0.134,0.535-0.245,0.759-0.379c0.355-0.074,0.479-0.381,0.835-0.455 c0.423-0.438,1.096-0.625,1.67-0.912c0.378-0.022,0.697,0.013,0.987,0.077c1.283,0.007,2.456,0.126,3.796,0.076 c0.614,0.145,1.45,0.069,1.974,0.304c0.107,0.298,0.231,0.579,0.305,0.911C73.297,57.071,73.14,57.901,73.059,58.808z M67.214,55.088C67.324,55.041,67.205,54.996,67.214,55.088L67.214,55.088z M67.214,55.088c-0.529,0.154-1.019,0.348-1.367,0.682 C66.331,55.572,66.906,55.464,67.214,55.088z M68.276,55.695C68.387,55.648,68.269,55.604,68.276,55.695L68.276,55.695z M66.53,56.606c0.727-0.158,1.181-0.591,1.746-0.911c-0.437,0.019-0.592,0.32-0.987,0.379 C67.074,56.291,66.689,56.334,66.53,56.606z M65.847,55.771C65.736,55.818,65.854,55.863,65.847,55.771L65.847,55.771z M65.164,56.378C65.274,56.332,65.156,56.286,65.164,56.378L65.164,56.378z M65.089,56.454c0.063,0.014,0.07-0.03,0.075-0.076 C65.1,56.364,65.092,56.408,65.089,56.454z M65.012,56.53c0.064,0.014,0.072-0.03,0.077-0.076 C65.022,56.441,65.017,56.483,65.012,56.53z M64.178,57.138c0.346-0.134,0.613-0.348,0.834-0.607 C64.664,56.664,64.397,56.878,64.178,57.138z M66.454,58.125c0.533-0.049,0.749-0.416,1.215-0.531 c0.284-0.298,0.784-0.381,0.987-0.76c-0.56,0.023-0.766,0.399-1.216,0.531C67.156,57.662,66.689,57.778,66.454,58.125z M64.178,57.138C63.861,57.064,64.162,57.365,64.178,57.138L64.178,57.138z M63.645,57.517c0.021,0.021,0.115-0.037,0.076-0.077 C63.7,57.42,63.605,57.478,63.645,57.517z M66.454,58.125C66.344,58.172,66.461,58.216,66.454,58.125L66.454,58.125z M65.314,59.946c-0.223-0.231-0.676-0.233-0.986-0.379c-0.697-0.038-1.223,0.093-1.746,0.229c-0.304,0.151-0.607,0.304-0.91,0.454 c-0.266,0.166-0.444,0.417-0.76,0.532c-0.205,0.225-0.352,0.51-0.684,0.607c-0.004,0.223-0.173,0.281-0.304,0.379 c-0.089,0.115-0.094,0.312-0.227,0.381c-0.007,0.12,0.036,0.29-0.076,0.303c0.108,1.512,0.291,2.948,0.683,4.177 c0.287,0.623,0.975,0.846,1.442,1.29c0.589,0.297,1.328,0.444,2.126,0.531c0.277-0.052,0.553-0.105,0.911-0.076 c1.209-0.209,2.098-0.736,2.81-1.441c0.1-0.281,0.252-0.508,0.455-0.684c-0.254-0.671,0.293-1.098,0.455-1.59 c0.002-1.344-0.201-2.48-0.607-3.415c-0.256-0.579-0.92-0.751-1.366-1.139c-0.059-0.018-0.15-0.003-0.151-0.077 C66.11,59.892,65.646,59.789,65.314,59.946z M61.899,64.273c-0.113-0.063-0.109-0.244-0.152-0.379 C62.003,63.816,61.865,64.131,61.899,64.273z M61.975,64.578c0.041-0.117,0.079-0.006,0.076,0.075 C62.011,64.771,61.972,64.658,61.975,64.578z M62.431,62.527c0.015-0.086,0.075-0.042,0.075,0 C62.492,62.614,62.431,62.57,62.431,62.527z M64.101,60.402c-0.203,0.258,0.041,0.576,0.077,0.836 C63.873,61.199,63.604,60.351,64.101,60.402z M64.48,64.35c-0.04-0.038,0.055-0.097,0.076-0.076 C64.596,64.312,64.502,64.371,64.48,64.35z M65.239,67.234c0.034-0.109,0.066,0.008,0.152,0 C65.373,67.331,65.241,67.311,65.239,67.234z M67.44,64.653c-0.233-0.057-0.145,0.208-0.379,0.152 c0.069-0.159,0.118-0.338,0.229-0.455C67.424,64.369,67.462,64.48,67.44,64.653z M66.303,60.857 c0.211,0.119,0.441,0.217,0.606,0.381c0.085,0.219,0.243,0.363,0.38,0.529c0.058,0.778,0.179,1.492,0.151,2.354 c-0.257,0.099-0.438,0.271-0.683,0.381c-0.78-0.006-1.358-0.212-1.897-0.456c-0.171-0.259-0.355-0.505-0.532-0.759v-1.062 c0.17-0.185,0.319-0.391,0.456-0.607c0.228-0.127,0.508-0.201,0.454-0.607c-0.038-0.062-0.078-0.124-0.075-0.229 c0.158,0.045,0.245,0.159,0.379,0.229C65.865,61.028,65.952,60.811,66.303,60.857z"/>
</g>
</g>
</symbol>
<symbol id="icon-fb" viewBox="56.519 49.996 14.962 27.718">
<g id="facebook">
<g>
<path d="M68.181,55.188c1.026,0.029,1.993,0,2.681-0.3c0.391-0.818,0.556-1.854,0.619-2.989 c-0.19-0.015-0.062-0.337-0.207-0.399c-0.029-0.202-0.278-0.195-0.309-0.398c-0.277-0.165-0.457-0.422-0.723-0.598 c-0.727-0.162-1.44-0.335-2.164-0.499c-0.849,0.044-1.895-0.103-2.58,0.1c-2.619-0.04-3.997,1.12-5.259,2.392 c-0.023,0.078-0.003,0.197-0.105,0.199c-0.574,1.587-0.125,3.621-0.204,5.581c0.099,0.436,0.107,0.958,0.204,1.395 c-0.998,0.296-2.212,0.387-3.402,0.499c-0.317,0.324-0.178,1.089-0.206,1.693c0.085,0.583,0.278,1.06,0.413,1.595 c0.211,0.193,0.596,0.396,0.825,0.498c0.065,0.029,0.071,0.082,0.103,0.1c0.506,0.268,1.451,0.008,2.268,0.1 c-0.136,1.978,0.256,3.915,0,5.68c0.007,0.327,0.295,0.382,0.208,0.798c-0.001,0.963-0.067,1.99,0.208,2.69 c-0.287,0.455-0.497,0.982-0.415,1.794c0.122,0.016,0.114,0.157,0.105,0.299c-0.075,0.47,0.643,0.175,0.515,0.698 c0.162,0.456-0.428,0.184-0.413,0.498v0.896c0.53,0.285,1.462,0.182,2.268,0.199c0.908-0.419,2.188-0.479,2.785-1.196 c0.459,0.235,0.916-0.014,1.238-0.199c-0.018-0.315,0.273-0.333,0.205-0.698c-0.004-0.328-0.173-0.496-0.103-0.896V71.83 c-0.206-2.293-0.048-4.938-0.309-7.176c0.888-0.105,1.917-0.075,2.578-0.398c0.357-0.451,0.377-1.23,0.516-1.895 c0.177-0.226,0.221-0.583,0.206-0.996c0.19-0.213,0.068-0.729,0.104-1.096c-0.141-0.595-0.168-1.3-0.825-1.39 c-0.884-0.235-2.043,0.595-2.991,0.299c0.049-1.134-0.293-2.342,0-3.388C66.761,55.609,67.461,55.39,68.181,55.188z M64.363,59.971c0.117,0.254,0.254,0.486,0.414,0.698c0.079,0.022,0.203,0.003,0.205,0.101c1.192,0.056,2.199-0.069,3.096-0.299 c0,0.998-0.271,1.733-0.518,2.492c-0.662,0.045-1.467,0.3-1.958,0.198c-0.276,0.165-0.372,0.506-0.62,0.698 c-0.049,0.441,0.142,0.495,0,0.797c-0.201,0.137-0.055,0.611-0.205,0.796v1.496c0.085,0.281-0.146,0.258-0.104,0.497v3.488 c-0.085,0.281,0.146,0.258,0.104,0.498v2.989c0.063,0.271-0.132,0.791,0.103,0.896c-0.07,0.364-0.412-0.021-0.824,0.1 c-0.528,0.122-0.926,0.369-1.548,0.4c0.117-0.353,0.32-0.622,0.311-1.097c0.049-0.381-0.365-0.312-0.516-0.49 c0.193-0.644,0.562-1.117,0.722-1.793c0.197-0.515,0.714-1.298,0.31-1.794c-0.522-0.105-0.521,0.293-0.826,0.398 c-0.022,0.077-0.002,0.196-0.103,0.199c-0.023,0.077-0.003,0.196-0.103,0.199c0.01,0.12-0.151,0.062,0,0 c0.022-0.078,0.002-0.197,0.103-0.199c0.023-0.077,0.002-0.197,0.103-0.199v-0.299c0.368-0.575,0.67-1.214,0.826-1.993 c0.191-0.28,0.283-0.656,0.412-0.997c0.156-0.262,0.34-0.869,0.104-1.195c-0.517,0.033-0.796,0.295-0.93,0.697 c-0.32-0.189,0.161-0.434,0.104-0.697c0.138-0.231,0.169-0.566,0.309-0.797c0.202-0.413,0.564-1.304,0-1.596 c-0.438-0.023-0.612,0.207-0.723,0.498c-0.214,0.191-0.43,0.383-0.516,0.698c-0.373-0.07-0.143-0.727-0.206-1.097 c-0.067-0.52,0.122-0.899,0-1.195c-0.56-0.799-2.026-0.105-3.197-0.299c-0.108-0.307-0.222-0.984-0.104-1.195 c1.045-0.088,2.479,0.201,3.197-0.199c0.024-0.078,0.003-0.197,0.104-0.199c0.094-0.723-0.271-1-0.515-1.396 c0.232-0.806,0.04-2.02,0.104-2.989c0.233-0.141,0.328-0.414,0.515-0.598c0.112-0.955,0.673-1.476,0.722-2.49 c-0.273,0.001-0.607-0.055-0.619,0.199c-0.302-0.114-0.382,0.479-0.515,0.199c-0.112-0.541,0.246-0.626,0.309-0.997 c0.599-0.418,1.212-0.82,1.856-1.195c1.741-0.244,4.648-0.449,6.086,0.198c0.051,0.616-0.287,0.854-0.207,1.496h-1.546 c-1.092,0.24-1.987,0.672-2.991,0.997c-0.24,0.066-0.276,0.331-0.516,0.398c-0.036,0.396-0.225,0.646-0.311,0.996 C64.182,57.424,64.394,58.582,64.363,59.971z"/>
</g>
</g>
</symbol>
<symbol version="1.1" id="icon-twitter" viewBox="52.253 53.771 23.494 20.168">
<g id="twitter">
<g>
<path d="M75.706,57.855c-0.227-0.366-0.909-0.277-1.407-0.371h-1.112c0.142-0.353,0.343-0.646,0.52-0.963 c0.056-0.438,0.254-0.734,0.223-1.26c0.129-0.167,0.176-0.417,0.296-0.593c0.104-0.144,0.242-0.477,0.074-0.667 c-0.051-0.221-0.295-0.249-0.593-0.222c-0.088,0.036-0.169,0.079-0.222,0.148c-0.448,0.433-0.778,1.014-1.261,1.408 c-0.009,0.008-0.062,0-0.074,0c-0.087,0.005-0.033,0.046-0.075,0.074c-0.146,0.098-0.257,0.152-0.369,0.223 c-0.284,0.176-0.547,0.445-0.891,0.519c-0.529-0.211-1.156-0.326-1.852-0.37c-1.157,0.102-2.303,0.215-3.038,0.741 c-0.911,0.35-1.477,1.042-2.149,1.63c-0.049,0.32-0.342,0.398-0.37,0.741c-0.005,0.045-0.012,0.088-0.073,0.074 c0.043,0.241-0.051,0.345-0.074,0.519c-0.001,0.133,0.199,0.431,0,0.52c-0.822-0.12-1.485-0.63-2.149-0.964 c-0.718-0.36-1.468-0.604-2.074-1.111c-0.716-0.322-1.26-0.816-1.778-1.334c-0.208-0.312-0.542-0.496-0.667-0.89 c-0.379-0.164-0.175-0.912-0.741-0.889c-0.315-0.043-0.345,0.199-0.444,0.37c-0.07,0.227-0.361,0.232-0.371,0.519 c-0.004,0.046-0.011,0.088-0.074,0.075c-0.17,1.089-0.527,1.992-0.519,3.26c0.129,0.415,0.35,0.738,0.593,1.038 c-0.418,0.051-0.716,0.222-0.89,0.519c-0.06,1.073,0.378,1.647,0.742,2.297c0.134,0.384,0.352,0.685,0.593,0.963 c0.017,0.229,0.206,0.288,0.296,0.445c0.019,0.105,0.123,0.125,0.149,0.223c-0.04,0.105,0.289,0.18,0.073,0.221 c-0.413,0.131-1.016,0.07-1.259,0.371c-0.109,0.279-0.109,0.833,0,1.111c0.034,0.237,0.282,0.262,0.296,0.519 c0.499,0.417,1.082,0.747,1.631,1.112c0.574,0.166,1.211,0.271,1.852,0.37c-0.102,0.343-0.338,0.551-0.593,0.741 c-0.78,0.381-1.849,0.474-2.742,0.74c-0.555,0.038-0.956,0.23-1.556,0.223c-0.333,0.127-0.854,0.075-1.112,0.223 c-0.122,0.068-0.102,0.096-0.222,0.221c-0.134,0.412,0.111,0.74,0.444,0.89c-0.005,0.253,0.219,0.276,0.371,0.371 c0.089,0.183,0.254,0.29,0.445,0.37c0.544,0.468,1.268,0.759,1.927,1.112c0.83,0.183,1.648,0.376,2.52,0.519 c0.896,0.116,1.901,0.124,2.816,0.222h0.963c0.511,0.132,1.23,0.054,1.853,0.074c0.095-0.102,0.322-0.073,0.519-0.074 c0.522-0.269,1.196-0.385,1.631-0.74c0.574-0.241,0.989-0.642,1.557-0.89c0.866-0.765,1.937-1.324,2.519-2.37 c0.205-0.189,0.351-0.438,0.445-0.74c0.265-0.156,0.385-0.454,0.593-0.667c0.404-0.41,0.706-0.924,1.037-1.40 c0.319-0.496,0.576-1.054,0.89-1.556c-0.01-0.405,0.306-0.484,0.296-0.89c0.193-0.226,0.177-0.662,0.371-0.88 c-0.033-0.255,0.029-0.415,0.074-0.594c0.047-1.281-0.047-2.422-0.297-3.407c0.588-0.155,1.181-0.302,1.631-0.593 C75.418,58.93,75.891,58.533,75.706,57.855z M72.298,61.931c-0.153,0.859-0.615,1.41-1.038,2.001 c0.059,0.379-0.104,0.538-0.073,0.889c-0.158,0.312-0.287,0.652-0.371,1.037c-0.203,0.267-0.332,0.606-0.519,0.89 c-0.366,0.548-0.777,1.051-1.186,1.557c-0.378,0.56-0.912,0.965-1.334,1.481c-0.42,0.493-0.942,0.885-1.407,1.334 c-0.474,0.17-0.89,0.396-1.26,0.667c-0.232,0.09-0.463,0.18-0.667,0.296c-0.177,0.146-0.499,0.145-0.668,0.29 c-1.086,0.147-2.3,0.17-3.555,0.148c-1.031-0.105-2.115-0.159-3.039-0.371c-0.922-0.189-1.511-0.712-2.297-1.037 c0.153-0.242,0.634-0.154,0.963-0.222c0.031-0.166,0.394-0.003,0.444-0.149c0.257,0.06,0.285-0.109,0.52-0.07 c0.563-0.201,1.23-0.302,1.705-0.593c0.282-0.138,0.406-0.434,0.667-0.593c0.033-0.189,0.104-0.341,0.222-0.444 c0.047-0.275,0.201-0.441,0.148-0.815c0.111-0.21,0.299-0.343,0.296-0.667c-0.074-0.147-0.128-0.316-0.296-0.371 c-0.026-0.196-0.377-0.067-0.444-0.222c-0.255,0.032-0.416-0.029-0.593-0.075c-0.154-0.043-0.487,0.092-0.519-0.073 c-0.842-0.023-1.3-0.43-1.853-0.74c0.431-0.262,1.032-0.353,1.333-0.742c0.516-0.076,1.058-0.129,1.112-0.666 c0-0.717-0.771-0.661-1.333-0.815c-0.773-0.66-1.194-1.672-1.779-2.52c0.238-0.157,0.564-0.226,0.741-0.444 c0.454,0.058,0.54-0.251,0.667-0.52c0.019-0.488-0.333-0.605-0.593-0.815c-0.259-0.21-0.475-0.462-0.667-0.74 c-0.003-0.818-0.021-1.652,0.074-2.372c0.063-0.014,0.07,0.029,0.074,0.074c0.227,0.441,0.559,0.775,0.815,1.186 c0.532,0.357,0.925,0.853,1.556,1.112c0.452,0.413,1.108,0.621,1.557,1.038c0.601,0.263,1.158,0.57,1.704,0.889 c0.669,0.194,1.056,0.673,2.001,0.593c0.198-0.098,0.394-0.199,0.593-0.297c0.258-0.456-0.059-1.079,0.147-1.63 c0.255-0.659,0.797-1.031,1.26-1.481c0.29-0.155,0.555-0.335,0.815-0.519c0.347-0.098,0.675-0.216,0.964-0.37 c0.376-0.019,0.713-0.077,1.037-0.148h1.26c0.244,0.052,0.475,0.119,0.74,0.148c0.209,0.137,0.38,0.313,0.666,0.371 c0.789,0.693,1.271,1.696,1.409,3.039C72.175,60.934,72.35,61.323,72.298,61.931z M72.594,56.299 c-0.129,0.34-0.23,0.707-0.593,0.815c-0.017-0.105-0.122-0.125-0.147-0.222c-0.012-0.209,0.209-0.186,0.296-0.296 C72.312,56.511,72.395,56.348,72.594,56.299C72.587,56.209,72.702,56.253,72.594,56.299z M67.11,59.337 c0.163,0.135,0.284,0.31,0.519,0.371c0.101,0.221,0.314,0.327,0.594,0.37c0.047-0.15,0.346-0.049,0.37-0.222 c0.174-0.023,0.166-0.229,0.296-0.297c-0.018-0.55-0.129-1.006-0.37-1.333C67.761,57.803,66.843,58.265,67.11,59.337z"/>
</g>
</g>
</symbol>
<symbol id="logo-mobile" viewBox="32.458 20.216 85.589 35.034">
<g>
<path d="M36.638,46.517c-0.014-3.472-0.262-6.938-0.356-10.409c-0.008-0.34-0.015-0.681-0.02-1.021 c0.049,0.122,0.097,0.243,0.146,0.364c0.54,1.352,1.103,2.663,1.839,3.92c0.731,1.244,1.099,2.58,1.521,3.939 c-0.159,0.182-0.256,0.39-0.196,0.596c-0.033,0.15,0.059,0.245,0.212,0.306c0.537,0.46,1.55,0.231,2.113-0.008 c0.242-0.102,0.474-0.221,0.696-0.355c0.29-0.181,0.744-0.572,0.613-0.977c-0.024-0.079-0.049-0.157-0.072-0.235 c0.396-1.068,0.598-2.179,0.813-3.308c0.23-1.206,0.659-2.345,1.092-3.485c0.043,0.521,0.088,1.044,0.129,1.56 c0.174,2.147,0.028,4.27,0.008,6.422c-0.008,0.713,0.046,1.375,0.184,2.075c0.059,0.287,0.31,1.521,0.235,1.58 c-0.516,0.476-0.366,1.061,0.326,1.211c0.771,0.169,1.753-0.088,2.333-0.625c1.009-0.934,0.531-2.396,0.304-3.572 c-0.385-1.973,0.077-4.181,0.017-6.189c-0.069-2.26-0.43-4.503-0.399-6.769c0.023-1.831,0.328-3.714-0.303-5.471 c0.039-0.2,0.08-0.398,0.117-0.6c0.163-0.879-2.754-0.414-3.212,0.392c-0.29,0.235-0.438,0.519-0.313,0.806 c0.031,0.071,0.057,0.146,0.084,0.219c-0.552,2.699-1.321,5.313-2.207,7.93c-0.339,1.001-0.748,1.977-1.095,2.978 c-0.49-0.933-0.986-1.851-1.384-2.847c-1.155-2.891-2.199-5.813-3.61-8.596c0.16-1.289-2.698-1.153-3.261,0.02 c-0.682,1.426-0.592,2.866-0.369,4.393c0.254,1.721,0.298,3.411,0.32,5.147c0.039,3.347,0.3,6.689,0.351,10.04 c-0.298,0.331-0.389,0.741-0.078,1.158c0.136,0.182,0.306,0.321,0.482,0.46C34.454,48.198,36.643,47.679,36.638,46.517z"/>
<path d="M54.834,28.145c-0.089-0.613-3.416,0.084-3.3,0.885c0.259,1.776,0.167,3.561,0.136,5.352 c-0.031,1.722,0.394,3.282,0.615,4.971c0.226,1.732-0.071,3.502,0.126,5.235c0.09,0.812,0.632,2.312,0.074,3.018 c-0.354,0.447,1.237,0.285,1.31,0.275c0.646-0.12,1.509-0.331,1.938-0.875c0.552-0.697,0.165-2.042,0.045-2.82 c-0.267-1.734-0.097-3.537-0.162-5.286c-0.061-1.676-0.644-3.254-0.65-4.946C54.957,32.001,55.119,30.077,54.834,28.145z"/>
<path d="M57.958,34.791c0.91,2.514,4.648,1.327,6.551,1.471c3.238,0.239,2.272,4.607,2.313,6.641 c0.022,1.085,0.995,2.889,0.179,3.798c-0.502,0.556-1.669,0.589-2.352,0.646c-0.687,0.057-1.854,0.261-2.312-0.39 c-0.836-1.194,0.077-3.2-0.102-4.568c-0.103-0.78-3.424-0.08-3.299,0.884c0.29,2.211-1.179,5.175,2.022,5.556 c2.059,0.244,4.372-0.136,6.317-0.783c1.008-0.334,1.943-0.792,2.731-1.509c0.872-0.794,0.585-1.979,0.352-2.987 c-0.569-2.458,0.616-5.289-0.987-7.454c-1.738-2.345-4.962-0.657-7.212-1.297c-1.161-0.33-1.175-1.911-1.17-2.86 c0.002-1.202-0.098-2.302-0.231-3.491c-0.1-0.887-0.021-1.787,0.628-2.447c0.119-0.121,0.723-0.283,0.681-0.28 c0.299-0.051,0.572-0.062,0.9-0.076c1.304-0.056,3.885,0.195,3.386,2.092c-0.226,0.851,3.028,0.363,3.266-0.53 c1.021-3.874-6.138-3.131-8.159-2.593c-1.863,0.494-3.916,1.555-4.023,3.704c-0.052,1.027,0.229,2.006,0.274,3.022 C57.764,32.494,57.546,33.662,57.958,34.791z"/>
<path d="M72.413,36.661c-0.053,1.799-0.208,3.593-0.22,5.393c-0.006,0.921,0.146,1.842,0.278,2.75 c0.122,0.841,0.407,1.964,0.152,2.796c-0.198,0.646,3,0.242,3.254-0.587c0.458-1.497-0.188-3.402-0.341-4.918 c-0.147-1.451-0.032-2.945,0.072-4.42c1.708-0.11,3.418-0.249,5.119-0.011c0.076,1.163,0.164,2.321,0.272,3.48 c0.088,0.976,0.151,1.948,0.164,2.929c0.015,0.855,0.12,2.099-0.185,2.913c-0.651,1.731,2.655,1.59,3.136,0.30 c0.592-1.577,0.423-3.537,0.323-5.194c-0.13-2.059-0.404-4.106-0.47-6.166c-0.102-3.183-0.58-6.329-0.594-9.51 c-0.007-1.661-3.338-1.099-3.331,0.288c0.012,3.04,0.417,6.037,0.571,9.068c0.005,0.061,0.008,0.121,0.01,0.18 c-1.64-0.016-3.281,0.149-4.929,0.207c0.171-3.902-0.515-7.771-0.364-11.672c0.02-0.492-3.264-0.077-3.3,0.883 C71.887,29.151,72.526,32.891,72.413,36.661z"/>
<path d="M86.493,42.032c-0.254,0.259-0.159,0.414,0.045,0.506c0.001,1.474-0.05,2.949-0.178,4.424 c-0.396,0.63,0.39,0.96,0.912,0.96c0.028,0,0.055,0,0.082,0c0.622,0,2.209-0.293,2.289-1.148c0.162-1.769,0.211-3.535,0.196-5.299 c1.337-1.446,2.434-3.057,3.416-4.748c0.64,1.248,1.247,2.505,1.676,3.861c0.725,2.31,1.938,4.431,2.637,6.75 c0.459,1.521,3.754,0.621,3.298-0.885c-0.701-2.319-1.856-4.462-2.638-6.75c-0.791-2.322-1.998-4.361-3.046-6.568 c0.845-1.641,1.699-3.283,2.47-4.96c0.698-1.524,1.219-3.216,2.594-4.289c0.483-0.376,0.464-0.755-0.216-0.801 c-0.737-0.054-1.738,0.159-2.334,0.625c-1.25,0.974-2.042,2.158-2.694,3.595c-0.784,1.726-1.598,3.421-2.455,5.117 c-0.061,0.123-0.125,0.248-0.188,0.373c-0.412,0.264-0.66,0.642-0.539,1.064c-0.666,1.316-1.347,2.627-2.104,3.885 c-0.252-4.661-0.803-9.317-0.969-13.983c-0.036-1.068-3.345-0.403-3.297,0.886c0.204,5.785,1.024,11.557,1.083,17.34 C86.52,42.002,86.505,42.018,86.493,42.032z"/>
<path d="M118.027,35.8c-0.177-0.701-1.155-0.716-1.914-0.648c-0.01-0.281-0.017-0.566-0.029-0.849 c-0.106-2.241-0.139-4.53-0.329-6.765c-0.176-2.069-1.335-2.812-3.346-2.734c-2.035,0.077-4.404,0.443-6.302,1.183 c-2.197,0.853-3.421,2.471-3.841,4.784c-0.464,2.539,0.201,5.238,0.313,7.789c0.13,2.951,0.056,5.909,0.054,8.859 c0,0.484,3.297,0.027,3.297-0.884c0.004-2.338,0.037-4.676,0-7.014c-0.011-0.688-0.043-1.374-0.085-2.057 c1.155-0.499,3.106,0.01,4.255,0.118c0.933,0.089,1.826-0.138,2.732-0.244c0.017,1.946,0.09,3.905,0.17,5.851 c0.042,0.997,0.402,2.975-0.297,3.799c-0.368,0.436,1.249,0.288,1.31,0.28c0.668-0.124,1.482-0.338,1.939-0.87 c0.8-0.942,0.384-3.192,0.338-4.316c-0.065-1.611-0.086-3.223-0.121-4.834C117.144,37.111,118.208,36.515,118.027,35.8z M111.365,35.638c-1.928-0.046-3.828-0.349-5.651,0.036c-0.086-1.051-0.183-2.098-0.255-3.154 c-0.134-1.962,0.099-4.702,1.928-5.896c0.492-0.318,1.413-0.264,1.984-0.368c0.819-0.147,1.647-0.328,2.384,0.16 c1.018,0.676,0.769,3.08,0.766,4.101c-0.002,1.69,0.177,3.37,0.262,5.059C112.317,35.622,111.844,35.648,111.365,35.638z"/>
<path d="M51.159,24.322c-0.048,0.18,0.013,0.356,0.119,0.497c0,0.039,0.002,0.075,0.002,0.114c0.004,0.094,0.009,0.188,0.013,0.282 c0.062,0.194,0.182,0.343,0.362,0.446c0.325,0.196,0.737,0.232,1.108,0.196c0.439-0.041,0.882-0.191,1.245-0.439 c0.072-0.062,0.143-0.122,0.216-0.183c0.438-0.282,0.818-0.697,0.612-1.146c-0.424-0.932-0.358-1.88-0.35-2.87 c0.005-0.808-0.812-1.051-1.501-0.989c-0.608,0.054-1.827,0.489-1.831,1.279c-0.007,0.836-0.062,1.698,0.092,2.522 C51.206,24.119,51.182,24.225,51.159,24.322z"/>
<path d="M112.736,53.505c-1.558-0.585-3.283-0.615-4.851-0.787c-1.603-0.17-3.245-0.41-4.884-0.562 c-1.637,0.053-3.31,0.027-4.972,0.129l-4.88,0.268c-6.487,0.289-12.999,0.253-19.517,0.107c-6.517-0.123-13.045-0.477-19.63-0.453 c-3.288,0.008-6.565,0.099-9.862,0.25c-1.632,0.283-3.239,0.501-4.904,0.913c-1.615,0.399-3.145,0.907-4.794,1.048 c1.623,0.362,3.341,0.292,4.962,0.297c1.579,0.01,3.243,0.143,4.872,0.231c3.229-0.172,6.487-0.246,9.733-0.25 c6.487-0.024,13.015,0.329,19.565,0.451c6.548,0.146,13.114,0.186,19.683-0.11l4.907-0.269c1.603-0.071,3.198-0.127,4.829-0.067 c1.628-0.148,3.253-0.33,4.918-0.532c1.664-0.238,3.22-0.627,4.854-0.509l0.074,0.006l0.006-0.055 c0.021-0.178-0.04-0.323-0.04-0.479C112.772,53.251,112.767,53.388,112.736,53.505z"/>
</g>
</symbol>
<symbol id="logo-htmlacademy" viewBox="0 0 26.943 34.09">
<path d="M13.62,0.017L13.472,0L0,1.412v24.661l13.473,8.017l13.43-7.99l0.042-0.025V1.412L13.62,0.017z M25.019,12.127L13.495,5.334 L13.494,5.23l-0.087,0.05l-0.088-0.056v0.109L1.925,12.118V3.147l11.548-1.212l11.547,1.212V12.127z M13.405,6.787L24.923,13.5 l-4.479,2.64l-7.093-4.221l-0.014,1.415l5.904,3.513l-0.86,0.507l-5.03-2.992l-0.014,1.415l3.827,2.275l-0.782,0.523l-3.031-1.787 l-0.014,1.413l1.853,1.091l-1.8,1.081L2.034,13.622L13.405,6.787z M1.925,15.127l11.411,6.791l0.016,1.044L5.41,18.234L5.395,19.65 l7.979,4.795l0.018,1.076l-7.973-4.74l-0.013,1.414l8.021,4.822l0.046,0.025l8.143-4.872l-0.011-5.177l3.415-2.036v10.021 L13.472,31.85L1.925,24.979V15.127z"/>
</symbol>
<symbol id="phone" width="24.829px" height="24.333px" viewBox="0 0 24.829 24.333">
<g>
<g id="UrwUhy_2_">
<g>
<path d="M17.321,24.333c-0.371,0-0.744,0-1.115,0c-4.904-0.58-8.497-2.857-11.11-5.772C2.473,15.637,0.402,11.875,0,6.817 c0-0.453,0-0.906,0-1.358c0.091-0.921,0.544-1.55,1.067-2.086c0.65-0.666,1.63-1.522,2.522-1.553 c0.659-0.022,1.78,0.451,2.232,1.066c0.388,0.53,0.595,1.59,0.775,2.378c0.185,0.797,0.6,1.95,0.485,2.717 C6.905,9.177,5.317,9.684,4.85,10.553c1.551,3.721,4.089,6.456,7.472,8.345c0.847-0.465,1.595-1.864,2.767-1.892 c0.428-0.012,0.972,0.209,1.406,0.34c0.477,0.143,0.891,0.326,1.311,0.484c0.705,0.266,1.957,0.621,2.378,1.213 c0.433,0.61,0.681,1.608,0.581,2.231C20.571,22.508,18.538,23.877,17.321,24.333z"/>
</g>
</g>
<path d="M12.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.552c0.785,0,1.421,0.636,1.421,1.42h1.553C15.502,10.657,14.172,9.327,12.529,9.327z"/>
<path d="M12.529,6.246c3.345,0,6.056,2.71,6.056,6.054h1.588c0-4.22-3.422-7.641-7.644-7.641V6.246z"/>
</g>
</symbol>
<symbol id="letter" viewBox="0 0 32 32">
<path id="mail" d="M28,5H4C1.791,5,0,6.792,0,9v13c0,2.209,1.791,4,4,4h24c2.209,0,4-1.791,4-4V9 C32,6.792,30.209,5,28,5z M2,10.25l6.999,5.25L2,20.75V10.25z M30,22c0,1.104-0.898,2-2,2H4c-1.103,0-2-0.896-2-2l7.832-5.875 l4.368,3.277c0.533,0.397,1.166,0.6,1.8,0.6c0.633,0,1.266-0.201,1.799-0.6l4.369-3.277L30,22L30,22z M30,20.75l-7-5.25l7-5.25 V20.75z M17.199,18.602c-0.35,0.263-0.763,0.4-1.199,0.4s-0.851-0.139-1.2-0.4L10.665,15.5l-0.833-0.625L2,9.001V9 c0-1.103,0.897-2,2-2h24c1.102,0,2,0.897,2,2L17.199,18.602z"/>
</symbol>
</svg>
<header class="page-header">
<div class="container">
<nav class="page-nav">
<div class="page-nav__logo">
<a href="index.html">
<svg width="85.589" height="35.034">
<use xlink:href='#logo-mobile' />
</svg>
</a>
<button type="button" class="page-nav__toggle">
<span></span>
<span></span>
<span></span>
</button>
</div>
<ul class="page-nav__items-menu1">
<li class="page-nav__item page-nav__item--catalog">
<a class="page-nav__link page-nav__link--catalog" href="catalog.html">Каталог товаров</a>
</li>
<li class="page-nav__item page-nav__item--knitting">
<a class="page-nav__link page-nav__link--knitting" href="form.html">Вязание на заказ</a>
</li>
</ul>
<ul class="page-nav__items-menu2">
<li class="page-nav__item page-nav__item--search">
<a class="page-nav__link page-nav__link--search" href="#">
<svg width="17.6" height="17.6">
<use xlink:href='#icon-search' />
</svg>
<span>Поиск по сайту</span>
</a>
</li>
<li class="page-nav__item page-nav__item--basket">
<a class="page-nav__link page-nav__link--basket" href="#">
<svg width="20.294" height="18.849">
<use xlink:href='#icon-cart' />
</svg>
<span>Корзина: пока пуста</span>
</a>
</li>
</ul>
<ul class="page-nav__items-desktop">
<li class="page-nav__item page-nav__item--receipts">
<a class="page-nav__link page-nav__link--receipts" href="#">Новые поступления</a>
</li>
<li class="page-nav__item page-nav__item--sale">
<a class="page-nav__link page-nav__link--sale" href="#">Распродажа</a>
</li>
</ul>
<ul class="page-nav__items-tablet">
<li class="page-nav__item page-nav__item--delivery">
<a class="page-nav__link page-nav__link--delivery" href="#">Бесплатная доставка по России</a>
</li>
</ul>
</nav>
</div>
</header>
<main>
<section class="total-header">
<div class="container">
<h1 class="total-header__title">Вязание на заказ</h1>
</div>
</section>
<section class="knitting-order">
<p class="knitting-order__desc container">Мы будем рады воплотить в жизнь ваши пожелания! Заполните простую форму заказа и мы свяжемся с вами, чтобы уточнить детали.</p>
<form method="POST" action="https://echo.htmlacademy.ru/">
<fieldset class="knitting-order__type">
<div class="container">
<h3 class="knitting-order__title knitting-order__title--type">Тип</h3>
<ul class="knitting-order-list knitting-order-list--type">
<li class="knitting-order-list__item knitting-order-list__item--type">
<label class="knitting-order-list__label knitting-order-list__label--type">
<input class="knitting-order-list__input" id="accessories" type="radio" name="type" checked>
<span>Аксессуар для интерьера</span>
</label>
</li>
<li class="knitting-order-list__item knitting-order-list__item--type">
<label class="knitting-order-list__label knitting-order-list__label--type">
<input class="knitting-order-list__input" id="toy" type="radio" name="type">
<span>Детская игрушка</span>
</label>
</li>
</ul>
</div>
</fieldset>
<fieldset class="knitting-order__color">
<div class="container">
<h3 class="knitting-order__title knitting-order__title--color">Цвет</h3>
<ul class="knitting-order-list">
<li class="knitting-order-list__item knitting-order-list__item--color">
<label class="knitting-order-list__label knitting-order-list__label--color">
<input class="knitting-order-list__input" id="color-white" type="checkbox" name="white" checked>
<span>Белый</span>
</label>
</li>
<li class="knitting-order-list__item knitting-order-list__item--color">
<label class="knitting-order-list__label knitting-order-list__label--color">
<input class="knitting-order-list__input" id="color-gray" type="checkbox" name="gray" checked>
<span>Серый</span>
</label>
</li>
<li class="knitting-order-list__item knitting-order-list__item--color">
<label class="knitting-order-list__label knitting-order-list__label--color">
<input class="knitting-order-list__input" id="color-tiffany" type="checkbox" name="tiffany">
<span>«Тиффани»</span>
</label>
</li>
<li class="knitting-order-list__item knitting-order-list__item--color">
<label class="knitting-order-list__label knitting-order-list__label--color">
<input class="knitting-order-list__input" id="color-black" type="checkbox" name="black">
<span>Черный</span>
</label>
</li>
<li class="knitting-order-list__item knitting-order-list__item--color">
<label class="knitting-order-list__label knitting-order-list__label--color">
<input class="knitting-order-list__input" id="color-pink" type="checkbox" name="pink">
<span>Розовый</span>
</label>
</li>
<li class="knitting-order-list__item knitting-order-list__item--color">
<label class="knitting-order-list__label knitting-order-list__label--color">
<input class="knitting-order-list__input" id="color-orange" type="checkbox" name="orange">
<span>Оранжевый</span>
</label>
</li>
</ul>
</div>
</fieldset>
<fieldset class="knitting-order__name">
<div class="container">
<h3 class="knitting-order__title knitting-order__title--name">Фио</h3>
<ul class="knitting-order-list knitting-order-list--name">
<li class="knitting-order-list__item knitting-order-list__item--name">
<label class="knitting-order-list__label knitting-order-list__label--name">
<span>Имя:</span>
<input class="knitting-order-list__text knitting-order-list__text--firstname" id="firstname" type="text" name="firstname" placeholder="Введите ваше имя*">
</label>
</li>
<li class="knitting-order-list__item knitting-order-list__item--name">
<label class="knitting-order-list__label knitting-order-list__label--name">
<span>Фамилия:</span>
<input class="knitting-order-list__text knitting-order-list__text--lastname" id="lastname" type="text" name="lastname" placeholder="Укажите фамилию*">
</label>
</li>
<li class="knitting-order-list__item knitting-order-list__item--name">
<label class="knitting-order-list__label knitting-order-list__label--name">
<span>Отчество:</span>
<input class="knitting-order-list__text knitting-order-list__text--patronymic" id="patronymic" type="text" name="patronymic" placeholder="Отчество, если желаете">
</label>
</li>
</ul>
</div>
</fieldset>
<fieldset class="knitting-order__contacts">
<div class="container">
<h3 class="knitting-order__title knitting-order__title--phone">Тел</h3>
<ul class="knitting-order-list">
<li class="knitting-order-list__item">
<input class="knitting-order-list__text knitting-order-list__text--phone" id="phone-number" type="text" placeholder="+7 ХХХ ХХ ХХ*">
<svg width="23.494" height="24.333">
<use xlink:href='#phone' />
</svg>
</li>
</ul>
<h3 class="knitting-order__title knitting-order__title--email">E-mail</h3>
<ul class="knitting-order-list">
<li class="knitting-order-list__item">
<input class="knitting-order-list__text knitting-order-list__text--email" id="email" type="email" placeholder="Ваш Email*">
<svg width="32" height="32">
<use xlink:href='#letter' />
</svg>
</li>
</ul>
</div>
</fieldset>
<fieldset class="knitting-order__extra">
<div class="container">
<h3 class="knitting-order__title knitting-order__title--extra">Доп</h3>
<textarea class="knitting-order-list__textarea" id="extra" name="exta" placeholder="Опишите все ваши пожелания к заказу"></textarea>
</div>
</fieldset>
<fieldset class="knitting-order__bottom">
<div class="container">
<span class="knitting-order__text">*Поля обязательны для заполнения</span>
<button class="btn knitting-order__btn">Отправить заказ</button>
</div>
</fieldset>
</form>
</section>
</main>
<footer class="page-footer">
<div class="container page-footer__container">
<a href="#" class="page-footer__logo">
<svg width="85.589" height="35.034">
<use xlink:href='#logo-mobile' />
</svg>
</a>
<div class="page-footer__social">
<a class="page-footer__social-link" href="#">
<svg width="21.769" height="21.334">
<use xlink:href='#icon-insta' />
</svg>
</a>
<a class="page-footer__social-link" href="#">
<svg width="14.962" height="27.718">
<use xlink:href='#icon-fb' />
</svg>
</a>
<a class="page-footer__social-link" href="#">
<svg width="23.494" height="20.168">
<use xlink:href='#icon-twitter' />
</svg>
</a>
</div>
<div class="page-footer__copyright">
<a href="#" class="page-footer__text">
<span>Разработано</span>
<svg width="26.943" height="34.09">
<use xlink:href='#logo-htmlacademy' />
</svg>
</a>
</div>
</div>
</footer>
<script src="js/app.js"></script>
</body>
</html>