shelter-unreg.html 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  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="shelter">
  29. <div class="menu">
  30. <button class="text-menu" id="glavnaya" onclick="document.location='main_unregistered.html'">Главная</button>
  31. <button class="text-menu" id="uslugi" onclick="document.location='services-unreg.html'">Услуги</button>
  32. <button class="text-menu" id="vrachi" onclick="document.location='doctors-unreg.html'">Наши врачи</button>
  33. <button class="text-menu" id="pryut" onclick="scrollToTop()">Приют</button>
  34. <button class="text-menu" id="voiti" onclick="document.location='authorization_form.html'">Войти</button>
  35. </div>
  36. <div class="pets">
  37. <div class="doctors-head">Наши питомцы</div>
  38. <div class="subdocs">
  39. <img class="doc-img" src="img/cat1.png">
  40. <div>
  41. <p class="text-docs-head-left">Луна - британская короткошёрстная</p>
  42. <p class="text-docs-subhead-left">
  43. <br />3 года<br/>4 кг<br /><br />
  44. Луна - настоящая королева на четырёх лапах. Её шелковистая шерсть, изящные усы и мягкий мурлык привлекают внимание всех вокруг. Луна обожает ласки и общество людей, игры и длинные тихие дрёмы на солнышке. Она ищет тёплый дом, где её будут любить и баловать вкусным кормом.
  45. </p>
  46. </div>
  47. </div>
  48. <div class="subdocs">
  49. <img class="doc-img" src="img/dog1.png">
  50. <div>
  51. <p class="text-docs-head-left">Белла - французский бульдог</p>
  52. <p class="text-docs-subhead-left">
  53. <br />2 года<br />8 кг<br /><br />
  54. Белла - настоящий маленький солнечный лучик. Её весёлый хвостик, игривые глаза и любовь к приключениям делают её незаменимым другом для всех. Белла обожает гулять на поводке, играть в мяч и обниматься со своими любимыми людьми. Она ищет семью, где её будут радостно встречать каждый день.
  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 />1 год<br />150 г<br /><br />
  63. Марципан - существо с огромным сердцем и бесконечным запасом энергии. Её любовь к колесу, орехам и забавным выходкам делают её настоящим хозяином волшебного мира в норке. Марципан ищет заботливых хозяев, готовых играть с ней и уделять много внимания.
  64. </p>
  65. </div>
  66. <img class="doc-img" src="img/hamster.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 />4 года<br />30 кг<br /><br />
  73. Рокки - весёлый жизнерадостный друг на четырёх лапах. Его красивая густая шерсть, добрые глаза и игривое поведение привлекают внимание всех окружающих. Рокки обожает дружбу с детьми, активные прогулки и беззаботные игры на свежем воздухе. Он ищет заботливых хозяев, готовых поделиться своими приключениями и бесконечным весельем.
  74. </p>
  75. </div>
  76. <img class="doc-img" src="img/dog2.png">
  77. </div>
  78. <div class="subdocs">
  79. <img class="doc-img" src="img/cat2.png">
  80. <div>
  81. <p class="text-docs-head-left">Томас - сиамская</p>
  82. <p class="text-docs-subhead-left">
  83. <br />5 лет<br />5 кг<br /><br />
  84. Томас - мудрый и сильный хозяин своего уютного дома. Его изящные движения, густая шерсть и умный взгляд заставляют всех восхищаться. Томас любит охотиться на игрушки, ласкаться и спать у ног своего хозяина. Он ищет дом, где его будут уважать и ценить его ласковый нрав.
  85. </p>
  86. </div>
  87. </div>
  88. <div class="subdocs">
  89. <img class="doc-img" src="img/rabbit.png">
  90. <div>
  91. <p class="text-docs-head-left">Шершень - белый кролик</p>
  92. <p class="text-docs-subhead-left">
  93. <br />1 год<br />1 кг<br /><br />
  94. Шершень - настоящий вихрь энергии и радости. Его мягкая белоснежная шерсть, любознательные глаза и подвижное поведение делают его незабываемым собеседником. Он ищет заботливых хозяев, готовых играть и поддерживать его в его весёлых приключениях.
  95. </p>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. </body>
  102. </html>