@@ -387,77 +387,6 @@ <h2 class="subscribe-text__title title section-title">Подпишитесь н
387
387
388
388
</ footer >
389
389
390
- <!-- Модификатор modal-container--show показывает модальное окно -->
391
-
392
- < div class ="modal-container " id ="modal ">
393
- < div class ="modal modal-search " data-test ="modal ">
394
-
395
- < section class ="modal-content ">
396
- < h2 class ="modal-content__title section-title "> Поиск гостиницы в Седоне</ h2 >
397
- < form class ="modal-content__form " action ="https://echo.htmlacademy.ru/ " method ="post ">
398
- < div class ="modal-content__field modal-content__field--date field-group ">
399
- < label class ="field-group__label " for ="date-start "> Дата Заезда:</ label >
400
- < div class ="field-group__input ">
401
- < input id ="date-start " class ="input input--date " type ="text " name ="date-start " placeholder ="Укажите дату " value ="27 апреля 2020 ">
402
- < span class ="alert alert--error "> Мы не можем отправить вас в прошлое.</ span >
403
- </ div >
404
- </ div >
405
- < div class ="modal-content__field modal-content__field--date field-group ">
406
- < label class ="field-group__label " for ="date-end "> Дата Выезда:</ label >
407
- < div class ="field-group__input ">
408
- < input id ="date-end " class ="input input--date " type ="text " name ="date-end " placeholder ="Укажите дату " value ="1 сентября 2021 ">
409
- < span class ="alert "> На эти даты есть свободные номера. Пока есть.</ span >
410
- </ div >
411
- </ div >
412
- < div class ="modal-content__field field-group ">
413
- < label class ="field-group__label " for ="older "> Взрослые:</ label >
414
- < div class ="field-group__input field-group__input--quantity ">
415
- < button class ="quantity-button button quantity-button--less " type ="button ">
416
- < span class ="visually-hidden "> Уменьшить количество взрослых</ span >
417
- < 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 >
418
- </ button >
419
- < input id ="older " class ="modal-content__input input input--number " type ="number " name ="older " value ="2 " max ="99 ">
420
- < button class ="quantity-button button quantity-button--more " type ="button ">
421
- < span class ="visually-hidden "> Добавить взрослого</ span >
422
- < 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 >
423
- </ button >
424
- </ div >
425
- </ div >
426
- < div class ="modal-content__field field-group ">
427
- < div class ="field-group__wrapper ">
428
- < label class ="field-group__label " for ="children "> Дети:</ label >
429
- < span class ="field-group__tooltip tooltip ">
430
- < button class ="tooltip-button button " type ="button " aria-labelledby ="tooltip-label-date ">
431
- < 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 >
432
- </ button >
433
- < span class ="tooltip-text " role ="tooltip " id ="tooltip-label-date "> Укажите количество детей, которые будут с вами, возраст которых от 6 до 18 лет. Дети до 6 лет размещаются бесплатно.</ span >
434
- </ span >
435
- </ div >
436
- < div class ="field-group__input field-group__input--quantity ">
437
- < button class ="quantity-button button quantity-button--less " type ="button ">
438
- < span class ="visually-hidden "> Уменьшить количество детей</ span >
439
- < 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 >
440
- </ button >
441
- < input id ="children " class ="modal-content__input input input--number " type ="number " name ="children " value ="2 " max ="99 ">
442
- < button class ="quantity-button button quantity-button--more " type ="button ">
443
- < span class ="visually-hidden "> Добавить ребёнка</ span >
444
- < 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 >
445
- </ button >
446
- </ div >
447
- </ div >
448
- < button class ="modal-content__button button button--small button--color-accent "> Найти</ button >
449
- </ form >
450
- </ section >
451
-
452
- < button class ="modal-close button ">
453
- < span class ="visually-hidden "> Закрыть модальное окно</ span >
454
- < 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 >
455
- </ button >
456
-
457
- </ div >
458
- </ div >
459
-
460
- </ div >
461
390
462
391
< script src ="script.js "> </ script >
463
392
0 commit comments