doctors.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <link rel="stylesheet" href="style.css" />
  6. <link rel="stylesheet" href="doctors_carousel.css" />
  7. <link rel="stylesheet" href="polaroid-pets.css" />
  8. <link rel="shortcut icon" href="img/icon.svg" type="image/svg">
  9. <title>Наши специалисты</title>
  10. <style>
  11. @import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@100..900&display=swap');
  12. @import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;500;600;700;800&family=Commissioner:wght@100..900&display=swap');
  13. html {
  14. height: 300%;
  15. overflow-x: hidden;
  16. }
  17. body {
  18. background:
  19. url(img/yellowCornerDoctor.png) right top no-repeat,
  20. url(img/crossesDoctor.png) left -0.2vw top 40vw no-repeat,
  21. url(img/blueDoctor.png) right bottom 30vw no-repeat,
  22. url(img/pinkCirclesDoctor.png) left bottom no-repeat;
  23. position: absolute;
  24. }
  25. </style>
  26. <script src="main.js"></script>
  27. </head>
  28. <body class="doctors">
  29. <div class="menu">
  30. <button class="text-menu" id="glavnaya" onclick="document.location='main_registered.html'">Главная</button>
  31. <button class="text-menu" id="uslugi" onclick="document.location='services.html'">Услуги</button>
  32. <button class="text-menu" id="vrachi" onclick="scrollToTop()">Наши врачи</button>
  33. <button class="text-menu" id="pryut" onclick="document.location='shelter.html'">Приют</button>
  34. <button class="text-menu" id="voiti" onclick="document.location='profile.html'">Профиль</button>
  35. </div>
  36. <div class="docs">
  37. <div class="doctors-head">Специалисты</div>
  38. <div class="subdocs">
  39. <img class="doc-img" src="img/kozireva.png">
  40. <div>
  41. <p class="text-docs-head-left">Козырева Милана - ветеринарный хирург</p>
  42. <p class="text-docs-subhead-left">
  43. Опытный хирург, способный проводить операции на животных любой сложности.<br /><br />
  44. Стаж работы - 20 лет.
  45. </p>
  46. </div>
  47. </div>
  48. <div class="subdocs">
  49. <img class="doc-img" src="img/yudin.png">
  50. <div>
  51. <p class="text-docs-head-left">Юдин Денис — грумер</p>
  52. <p class="text-docs-subhead-left">
  53. Специалист, совмещающий в себе роль парикмахера, стилиста и врача общей практики в уходе за домашними животными. <br /><br />
  54. Стаж работы - 15 лет.
  55. </p>
  56. </div>
  57. </div>
  58. <div class="subdocs">
  59. <div>
  60. <p class="text-docs-head-right">Новикова Вера — ветеринарный терапевт</p>
  61. <p class="text-docs-subhead-right">
  62. Опытный специалист, занимающийся диагностикой и лечением различных заболеваний у животных. <br /><br />
  63. Стаж работы - 11 лет.
  64. </p>
  65. </div>
  66. <img class="doc-img" src="img/novikova.png">
  67. </div>
  68. <div class="subdocs">
  69. <div>
  70. <p class="text-docs-head-right">Кириллов Фёдор — лаборант и процедурный медбрат</p>
  71. <p class="text-docs-subhead-right">
  72. Специалист по оказанию медицинских процедур и сбору и обработке анализов. <br /><br />
  73. Стаж работы - 8 лет.
  74. </p>
  75. </div>
  76. <img class="doc-img" src="img/kirillov.png">
  77. </div>
  78. <div class="subdocs">
  79. <img class="doc-img" src="img/kuznetsov.png">
  80. <div>
  81. <p class="text-docs-head-left">Кузнецов Владислав — ветеринарный дерматолог</p>
  82. <p class="text-docs-subhead-left">
  83. Эксперт по кожным заболеваниям у животных и специалист по их лечению.<br /><br />
  84. Стаж работы - 10 лет.
  85. </p>
  86. </div>
  87. </div>
  88. <div class="subdocs">
  89. <img class="doc-img" src="img/korolev.png">
  90. <div>
  91. <p class="text-docs-head-left">Королёв Михаил — ветеринарный ЛОР-офтальмолог</p>
  92. <p class="text-docs-subhead-left">
  93. Специализируется на диагностике и лечении болезней, возникающих в ушах, горле, носу и глазах у животных. <br /><br />
  94. Стаж работы - 9 лет.
  95. </p>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. </body>
  102. </html>