index.html 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Paw print</title>
  7. <link rel="shortcut icon" href="img/icon.png" type="img/png">
  8. <link rel="stylesheet" href="styles/null.css"> <!-- сначало обнуление -->
  9. <link rel="stylesheet" href="styles/styles.css"> <!-- потом применение стилей -->
  10. </head>
  11. <body class="main-background">
  12. <div class="content">
  13. <!-- Шапка -->
  14. <header class="head-location">
  15. <div class="location-logo">
  16. <img src="img/icon.png" alt="" class="head-img">
  17. <a class="logo-text" href="index.html">Paw <span>print</span></a>
  18. </div>
  19. <div class="location-menu">
  20. <a class="menu-button" href="index.html">ГЛАВНАЯ</a>
  21. <a class="menu-button" href="dog.html">СОБАКИ</a>
  22. <a class="menu-button" href="cat.html">КОШКИ</a>
  23. <a class="menu-button" href="blog.html">БЛОГ</a>
  24. </div>
  25. <a class="donation" href="donation.html">ОСТАВИТЬ СЛЕД</a><!-- Взять питомца или пожертвовать -->
  26. </header>
  27. <!-- Страница -->
  28. <div class="location">
  29. <div class="main-list wrapper">
  30. <div class="home-content">
  31. <div>
  32. <p class="title color-story">История приюта:<br></p>
  33. <br> Началось все это много лет назад, когда Джо нашел на улице собаку, которая была истощена,
  34. обделенная заботой и одинока. Не мог оставить его без помощи, Джо принял собаку под свою опеку.
  35. Эта собака, которую он назвал Луной, стала его верным спутником и другом в трудные и радостные моменты.
  36. <br>
  37. <br> На очередной прогулке Джо услышал писк котенка. Луна, хоть и казалась маленькой и пугливой,
  38. бросилась в яму, из который был слышен писк. Сначала Джо испугался за кота, но
  39. Луна вылезла из ямы, держа котенка за шкирку. Это был маленький черный кот с раненной лапой.
  40. С того случая Луна стала источником вдохновения для Джо. Она показала ему, как важно быть добрым
  41. и заботливым к животным, которые нуждаются в помощи. Благодаря Луне, Джо начал задумываться о создании приюта
  42. для бездомных животных, где каждое создание могло бы найти любовь и заботу.
  43. <br>
  44. <br> Так появился приют "PawPrint" - место, где каждое животное получало второй шанс на счастливую
  45. жизнь. Название приюта было выбрано не случайно. Джо решил назвать его так в честь Луны, которая
  46. оставила свой отпечаток в его сердце.
  47. Джо трудился не покладая рук,
  48. чтобы обеспечить им все необходимое: еду, уход, лечение и самое главное - любовь. Он верил, что
  49. каждое создание заслуживает счастливую и безопасную жизнь.
  50. <br>
  51. <br>
  52. С тех пор "PawPrint" стал домом для многих бездомных животных.
  53. И все благодаря одной собаке по имени Луна, которая изменила жизнь Джо и многих
  54. других животных.
  55. <br>
  56. <br>
  57. <p class="title-text">У тебя есть возможность оставить свой отпечаток в истории их жизни!</p>
  58. </div>
  59. </div>
  60. <img class="home-content" src="img/dogPhoto.jpg" width="600px" />
  61. </div>
  62. <div class="pets">
  63. <div class="pets-list max-size-item">
  64. <div class="big-text-home">
  65. > 10<br>
  66. животных<br>
  67. </div>
  68. <div>
  69. попадают в дома нижегородцев каждый месяц
  70. </div>
  71. </div>
  72. <div class="pets-list max-size-item">
  73. <div class="big-text-home">
  74. > 1000<br>
  75. животных<br>
  76. </div>
  77. <div>
  78. уже нашли дом с нами
  79. </div>
  80. </div>
  81. <div class="pets-list max-size-item">
  82. <div class="big-text-home">
  83. > 14<br>
  84. собак<br>
  85. </div>
  86. <div>
  87. ждут своих новых хозяев в приюте
  88. </div>
  89. </div>
  90. <div class="pets-list max-size-item">
  91. <div class="big-text-home">
  92. > 4<br>
  93. кошек<br>
  94. </div>
  95. <div>
  96. мечтают попасть в заботливые руки
  97. </div>
  98. </div>
  99. <div class="pets-list max-size-item">
  100. <div class="big-text-home">
  101. > 90 000<br>
  102. рублей<br>
  103. </div>
  104. <div>
  105. мы собираем ежегодно на помощь животным
  106. </div>
  107. </div>
  108. </div>
  109. <div class="main-list">
  110. <div class="home-screen-text center-content">Вы можете найти нас по адресу: Бурнаковский пр. 16, Нижний
  111. Новгород</div>
  112. <div class="center-content">
  113. <iframe class="map-frame"
  114. src="https://yandex.ru/map-widget/v1/?um=constructor%3A040bfa622c684119b0b0808a0ccab4891705f080ec3d720c199fc311ab24451d&amp;source=constructor"></iframe>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. <!-- Подвал -->
  120. <footer>
  121. <p class="menu_footer">Телефон: (862)1-162-162<br>
  122. ©2023 Ассоциация помощи животным PawPrint
  123. </p>
  124. </footer>
  125. </body>
  126. </html>