appointment.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <link rel="stylesheet" href="style.css" />
  6. <link rel="shortcut icon" href="img/icon.svg" type="image/svg">
  7. <title>Оформление записи на приём</title>
  8. <script src="main.js"></script>
  9. <style>
  10. @import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;500;600;700;800&display=swap');
  11. input[type="checkbox"] {
  12. display: none;
  13. }
  14. html {
  15. height: 110%;
  16. }
  17. body {
  18. background:
  19. url(img/pinkCircles.png) left bottom no-repeat,
  20. url(img/yellowCorner.png) right top no-repeat;
  21. margin-left: -10px;
  22. position:absolute;
  23. margin-right: 200px;
  24. position:absolute;
  25. }
  26. </style>
  27. </head>
  28. <body class="registration_form">
  29. <a href="services-unreg.html"><input type="button" value="Отменить" class="button-back"></a>
  30. <p class="head-appointment">Запись на приём</p>
  31. <form class="appointment-position" action="main_registered.html">
  32. <div class="element">
  33. <select id = "pets" class="input-appointment" tabIndex="1" onkeydown="return tab(this, event)">
  34. <option selected value="s1">Выберите питомца</option>
  35. <option value="s2">Южная Корея</option>
  36. </select>
  37. </div>
  38. <div class="element">
  39. <select id = "service" class="input-appointment" tabIndex="2" onkeydown="return tab(this, event)">
  40. <option selected value="s1">Выберите процедуру</option>
  41. <option value="s2">Южная Корея</option>
  42. </select>
  43. </div>
  44. <div class="element">
  45. <select id = "doctor" class="input-appointment" tabIndex="3" onkeydown="return tab(this, event)">
  46. <option selected value="s1">Выберите специалиста</option>
  47. <option value="s2">Южная Корея</option>
  48. </select>
  49. </div>
  50. <div class="element">
  51. <input type="datetime-local" value="Выберите дату и время" class="datetime-appointment"/>
  52. </select>
  53. </div>
  54. <label class="container-appointment">Вы соглашаетесь на обработку персональных данных
  55. <input type="checkbox">
  56. <span class="checkmark-appointment"></span>
  57. </label>
  58. <div class="button">
  59. <a href="services.html"><input type="button" value="Записаться на приём!" class="button-appointment"></a>
  60. </div>
  61. </form>
  62. </body>