@@ -292,75 +292,7 @@ <h2 class="subscribe-text__title title section-title">Подпишитесь н
292
292
293
293
</ footer >
294
294
295
- <!-- Модификатор modal-container--show показывает модальное окно -->
296
-
297
- < div class ="modal-container " id ="modal ">
298
- < div class ="modal modal-search " data-test ="modal ">
299
-
300
- < section class ="modal-content ">
301
- < h2 class ="modal-content__title section-title "> Поиск гостиницы в Седоне</ h2 >
302
- < form class ="modal-content__form " action ="https://echo.htmlacademy.ru/ " method ="post ">
303
- < div class ="modal-content__field modal-content__field--date field-group ">
304
- < label class ="field-group__label " for ="date-start "> Дата Заезда:</ label >
305
- < div class ="field-group__input ">
306
- < input id ="date-start " class ="input input--date " type ="text " name ="date-start " placeholder ="Укажите дату " value ="27 апреля 2020 ">
307
- < span class ="alert alert--error "> Мы не можем отправить вас в прошлое.</ span >
308
- </ div >
309
- </ div >
310
- < div class ="modal-content__field modal-content__field--date field-group ">
311
- < label class ="field-group__label " for ="date-end "> Дата Выезда:</ label >
312
- < div class ="field-group__input ">
313
- < input id ="date-end " class ="input input--date " type ="text " name ="date-end " placeholder ="Укажите дату " value ="1 сентября 2021 ">
314
- < span class ="alert "> На эти даты есть свободные номера. Пока есть.</ span >
315
- </ div >
316
- </ div >
317
- < div class ="modal-content__field field-group ">
318
- < label class ="field-group__label " for ="older "> Взрослые:</ label >
319
- < div class ="field-group__input field-group__input--quantity ">
320
- < button class ="quantity-button button quantity-button--less " type ="button ">
321
- < span class ="visually-hidden "> Уменьшить количество взрослых</ span >
322
- < svg xmlns ="http://www.w3.org/2000/svg " width ="20 " height ="20 " fill ="none " viewBox ="0 0 20 20 "> < path fill ="currentColor " d ="M3 9v2h14V9H3Z "/> </ svg >
323
- </ button >
324
- < input id ="older " class ="modal-content__input input input--number " type ="number " name ="older " value ="2 " max ="99 ">
325
- < button class ="quantity-button button quantity-button--more " type ="button ">
326
- < span class ="visually-hidden "> Добавить взрослого</ span >
327
- < svg xmlns ="http://www.w3.org/2000/svg " width ="20 " height ="20 " fill ="none " viewBox ="0 0 20 20 "> < path fill ="currentColor " d ="M17 9h-6V3H9v6H3v2h6v6h2v-6h6V9Z "/> </ svg >
328
- </ button >
329
- </ div >
330
- </ div >
331
- < div class ="modal-content__field field-group ">
332
- < div class ="field-group__wrapper ">
333
- < label class ="field-group__label " for ="children "> Дети:</ label >
334
- < span class ="field-group__tooltip tooltip ">
335
- < button class ="tooltip-button button " type ="button " aria-labelledby ="tooltip-label-date ">
336
- < svg xmlns ="http://www.w3.org/2000/svg " width ="26 " height ="26 " fill ="none " viewBox ="0 0 26 26 "> < circle cx ="13.22 " cy ="13 " r ="13 " fill ="#83B3D3 "/> < path fill ="#fff " fill-rule ="evenodd " d ="M12.22 7h2v2h-2V7Zm2 12h-2v-9h2v9Z " clip-rule ="evenodd "/> </ svg >
337
- </ button >
338
- < span class ="tooltip-text " role ="tooltip " id ="tooltip-label-date "> Укажите количество детей, которые будут с вами, возраст которых от 6 до 18 лет. Дети до 6 лет размещаются бесплатно.</ span >
339
- </ span >
340
- </ div >
341
- < div class ="field-group__input field-group__input--quantity ">
342
- < button class ="quantity-button button quantity-button--less " type ="button ">
343
- < span class ="visually-hidden "> Уменьшить количество детей</ span >
344
- < svg xmlns ="http://www.w3.org/2000/svg " width ="20 " height ="20 " fill ="none " viewBox ="0 0 20 20 "> < path fill ="currentColor " d ="M3 9v2h14V9H3Z "/> </ svg >
345
- </ button >
346
- < input id ="children " class ="modal-content__input input input--number " type ="number " name ="children " value ="2 " max ="99 ">
347
- < button class ="quantity-button button quantity-button--more " type ="button ">
348
- < span class ="visually-hidden "> Добавить ребёнка</ span >
349
- < svg xmlns ="http://www.w3.org/2000/svg " width ="20 " height ="20 " fill ="none " viewBox ="0 0 20 20 "> < path fill ="currentColor " d ="M17 9h-6V3H9v6H3v2h6v6h2v-6h6V9Z "/> </ svg >
350
- </ button >
351
- </ div >
352
- </ div >
353
- < button class ="modal-content__button button button--small button--color-accent "> Найти</ button >
354
- </ form >
355
- </ section >
356
-
357
- < button class ="modal-close button ">
358
- < span class ="visually-hidden "> Закрыть модальное окно</ span >
359
- < svg xmlns ="http://www.w3.org/2000/svg " width ="20 " height ="20 " fill ="none " viewBox ="0 0 20 20 "> < path fill ="#000 " d ="M17.71 4.783 16.418 3.49 10.71 9.198 5.002 3.491 3.71 4.783l5.708 5.708-5.708 5.707 1.292 1.293 5.708-5.708 5.708 5.708 1.292-1.293-5.708-5.707 5.708-5.708Z "/> </ svg >
360
- </ button >
361
-
362
- </ div >
363
- </ div >
295
+
364
296
365
297
</ div >
366
298
0 commit comments