index.html 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <!DOCTYPE html>
  2. <html lang="ru">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Save Orangutan</title>
  7. <link rel="stylesheet" href="style.css">
  8. </head>
  9. <body>
  10. <!-- Шапка -->
  11. <header>
  12. <div class="logo">
  13. <h1>Save Orangutan</h1>
  14. </div>
  15. <nav>
  16. <ul>
  17. <li><a href="#about">О нас</a></li>
  18. <li><a href="#partners">Партнеры</a></li>
  19. <li><a href="#donate">Реквизиты</a></li>
  20. </ul>
  21. </nav>
  22. <div class="auth">
  23. <a href="login.html" id="login-link">Войти</a>
  24. <a href="register.html" id="register-link">Регистрация</a>
  25. <a href="profile.html" id="profile-link" style="display: none;">Личный кабинет</a>
  26. <a href="#" id="logout-link" style="display: none;">Выйти</a>
  27. </div>
  28. </header>
  29. <!-- Главное меню -->
  30. <main>
  31. <!-- Информация об орангутанах -->
  32. <section id="about" class="info-section">
  33. <h2>Об орангутанах</h2>
  34. <div class="image-grid">
  35. <div class="image-item">
  36. <img src="pictures/1.jpg" alt="Orangutan 1">
  37. <p>Орангута‌ны (малайск. orang utan — лесной человек, лат. Pongo) — род древесных человекообразных обезьян, единственный современный род в подсемействе понгины. Раньше орангутаны обитали по всей Юго-Восточной Азии, а в наши дни только на Калимантане и Суматре/ ДНК орангутана и человека имеют 97 % общих генов.</p>
  38. </div>
  39. <div class="image-item">
  40. <img src="pictures/3.jpg" alt="Orangutan 2">
  41. <p>Орангутаны находятся под угрозой исчезновения в дикой природе, главным образом из-за продолжающегося уничтожения мест обитания. Несмотря на создание национальных парков, вырубка лесов продолжается. Другой серьёзной угрозой является браконьерский отлов детёнышей орангутана для нелегальной торговли.</p>
  42. </div>
  43. <div class="image-item">
  44. <img src="pictures/4.jpg" alt="Orangutan 3">
  45. <p>Менее чем через 10 лет человек может полностью уничтожить или, как минимум, поставить на грань уничтожения одного из своих ближайших родственников — орангутана. По оценкам специалистов, в 2004-м году общее число орангутанов Борнео составляло всего 14% от того, что сохранялось на этом острове на протяжении периода, начинающегося около 10000 лет назад и заканчивающегося в середине XX века</p>
  46. </div>
  47. <div class="image-item">
  48. <img src="pictures/5.jpg" alt="Orangutan 4">
  49. <p>По своей натуре орангутаны неагрессивные животные. Агрессию можно заметить лишь в случаях проникновения какого-то из приматов на чужую территорию. Орангутаны не организуются в стаи, предпочитают существовать по одиночке. Только самки и их потомство могут образовывать маленькие группы. Мамы остаются со своими детенышами вплоть до достижения ими восьмилетнего возраста. Это дольше, чем у любых других человекообразных обезьян.</p>
  50. </div>
  51. </div>
  52. </section>
  53. <!-- Партнеры -->
  54. <section id="partners" class="partners-section">
  55. <h2>Наши партнеры</h2>
  56. <div class="partners-grid">
  57. <div class="partner-item">
  58. <img src="pictures/logo1.png" alt="Лого Партнер 1"> <!-- Лого партнера -->
  59. <h3>Borneo Oranguran Survival Foundation</h3>
  60. <p>Индонезийская общественная организация, созданная с целью сохранения находящихся под угрозой исчезновения калимантанских орангутанов. Работает в соответствии с официальным соглашением с Министерством лесного хозяйства Индонезии о сохранении и реабилитации орангутанов.</p>
  61. <a href="https://www.orangutan.or.id" class="partner-link">Перейти</a> <!-- Кнопка перехода -->
  62. </div>
  63. <div class="partner-item">
  64. <img src="pictures/logo2.jpg" alt="Лого Партнер 2"> <!-- Лого партнера -->
  65. <h3>Orangutan Foundation International (OFI)</h3>
  66. <p>Находится в Лос-Анджелесе, штат Калифорния. Основан доктором Бируте Галдикасом, одним из трех антропологов The Trimates для изучения человекообразных обезьян под руководством доктора Луиса Лики. OFI продолжает спасать и реабилитировать орангутанов</p>
  67. <a href="https://orangutan.org" class="partner-link">Перейти</a> <!-- Кнопка перехода -->
  68. </div>
  69. <div class="partner-item">
  70. <img src="pictures/logo3.png" alt="Лого Партнер 3"> <!-- Лого партнера -->
  71. <h3>The Born Free Foundation</h3>
  72. <p>Фонд "The Born Free Foundation" - это международная благотворительная организация по защите дикой природы, работающая по всему миру, чтобы остановить страдания отдельных диких животных, а также защитить виды, находящиеся под угрозой исчезновения в дикой природе.</p>
  73. <a href="https://www.bornfree.org.uk/field-conservation/orangutans/" class="partner-link">Перейти</a> <!-- Кнопка перехода -->
  74. </div>
  75. </div>
  76. </section>
  77. <!-- Реквизиты -->
  78. <section id="donate" class="donate-section">
  79. <h2>Реквизиты для пожертвований</h2>
  80. <p>Банк: Раффайзенбанк</p>
  81. <p>БИК: 12345678</p>
  82. <p>ИНН: 1234567890</p>
  83. <p>Корреспондентский счет: 30101810400000000225</p>
  84. <p>Расчетный счет: 40702810000000123456</p>
  85. <p>PayPal: donate@saveorangutan.org</p>
  86. </section>
  87. </main>
  88. <!-- Подвал -->
  89. <footer>
  90. <div class="footer-content">
  91. <p>Адрес: ул. Лесная, д. 123, г. Орангутановск</p>
  92. <p>Контактная информация: +7 (123) 456-78-90, email: info@saveorangutan.org</p>
  93. </div>
  94. </footer>
  95. <div id="jasmine"></div>
  96. <script src="https://cdnjs.cloudflare.com/ajax/libs/jasmine/4.0.1/jasmine.min.js"></script>
  97. <script src="https://cdnjs.cloudflare.com/ajax/libs/jasmine/4.0.1/jasmine-html.min.js"></script>
  98. <script src="https://cdnjs.cloudflare.com/ajax/libs/jasmine/4.0.1/boot.min.js"></script>
  99. <script src="unitTests.js"></script>
  100. <script src="index.js"></script>
  101. </body>
  102. </html>