/
BGVal
/
Zoo
Обзор
Документация
Войти
/
BGVal
/
Zoo
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
map.html
114 строк
6 KB
Gennady
add core files of ZOO
15 июл 2021, 08:01
Не верифицирован
15 июл 2021, 08:01
8f417f8
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="shortcut icon" href="favicon.png"> <link rel="stylesheet" href="normalize.css"> <link rel="stylesheet" href="stylelib.css"> <link rel="stylesheet" href="map-style.css"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;800&display=swap" rel="stylesheet"> <title>online-zoo</title> </head> <body> <header class="header"> <div class=" wrapper m0a df jc-sb"> <div class="header__logo"> <a href="index.html"><img src="assets/icon/header-logo.svg"></a></div> <nav class="header__nav df ai-c"> <div class="header__nav__navigation df tt-up fs-18 lh-27 fw-600"> <a href="index.html">About</a> <a class="hovered" href="#">map</a> <a href="zoos-panda.html">Zoos</a> <a href="contact.html">Contact us</a> <a href="https://www.figma.com/file/lnK11foY8Aoa6oOlDXovVN/Online-ZOO-Project">Design</a> </div> <div class="nav__social"> <a href="https://www.youtube.com/"><img src="assets/icon/YouTube-logo.png" alt="YouTube logo"></a> <a href="https://www.instagram.com/?hl=ru"><img src="assets/icon/Instagram-logo.png" alt="Instagram logo"></a> <a href="https://www.facebook.com/"><img src="assets/icon/Facebook-logo.png" alt="Facebook logo"></a> </div> </nav> </div> </header> <main> <section class="main-page"> <div class=" wrapper m0a"> <div class="main-page__inner m0a df fd-col ai-c pos-rel"> <h1>Online Zoo</h1> <h2>find where are the animals live</h2> <img src="assets/map/Map.jpg" alt="world map image"> <div class="main-page__inner__marker-1 pos-abs" onclick="location.href='#'"> <div class="main-page__inner__marker-1__alligator"></div> </div> <div class="main-page__inner__marker-2 pos-abs" onclick="location.href='zoos-eagle.html'"> <div class="main-page__inner__marker-2__eagle"></div> </div> <div class="main-page__inner__marker-3 pos-abs" onclick="location.href='#'"> <div class="main-page__inner__marker-3__lion"></div> </div> <div class="main-page__inner__marker-4 pos-abs" onclick="location.href='zoos-gorilla.html'"> <div class="main-page__inner__marker-4__gorilla"></div> </div> <div class="main-page__inner__marker-5 pos-abs" onclick="location.href='zoos-lemur.html'"> <div class="main-page__inner__marker-5__lemur"></div> </div> <div class="main-page__inner__marker-6 pos-abs" onclick="location.href='zoos-panda.html'"> <div class="main-page__inner__marker-6__panda"></div> </div> <div class="main-page__inner__marker-7 pos-abs" onclick="location.href='#'"> <div class="main-page__inner__marker-7__tiger"></div> </div> <div class="main-page__inner__marker-8 pos-abs" onclick="location.href='#'"> <div class="main-page__inner__marker-8__coala"></div> </div> </div> </div> </section> <footer class="footer"> <div class="wrapper m0a df fd-col"> <div class="footer__nav df jc-sb ai-c"> <div class="footer__nav__logos df jc-sb"> <a href="index.html"><img src="assets/icon/footer-logo.svg" alt="online-zoo logo"></a> <img title="Yem Digital" src="assets/icon/footer-Yem Digital- logo.png" alt="Yem Digital logo"> <img title="Rolling Scopes School" src="assets/icon/footer-rs-school-js-logo.png" alt="RSSchool logo"> </div> <nav class="footer__nav df ai-c"> <div class="footer__nav__navigation tt-up fs-18 lh-22 fw-600"> <a href="index.html">About</a> <a href="#">map</a> <a href="zoos-panda.html">Zoos</a> <a href="contact.html">Contact us</a> </div> </nav> <button class="footer__nav__btn df ai-c jc-c">donate for volunteers<svg width="26" height="22" viewBox="0 0 26 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.0682 0.119971C13.8861 0.199174 13.7206 0.315255 13.5813 0.461565C13.4417 0.607505 13.3309 0.780876 13.2554 0.971748C13.1798 1.16262 13.1409 1.36724 13.1409 1.57389C13.1409 1.78055 13.1798 1.98517 13.2554 2.17604C13.3309 2.36691 13.4417 2.54028 13.5813 2.68622L19.609 9H2.4584C2.03405 9 1.62709 9.21071 1.32703 9.58579C1.02697 9.96086 0.858398 10.4696 0.858398 11C0.858398 11.5304 1.02697 12.0391 1.32703 12.4142C1.62709 12.7893 2.03405 13 2.4584 13H19.6098L13.5813 19.3146C13.2998 19.6096 13.1416 20.0097 13.1416 20.4269C13.1416 20.8441 13.2998 21.2443 13.5813 21.5393C13.8629 21.8343 14.2447 22 14.6429 22C15.041 22 15.4229 21.8343 15.7044 21.5393L24.7004 12.1127C24.84 11.9668 24.9508 11.7934 25.0264 11.6026C25.102 11.4117 25.1409 11.2071 25.1409 11.0004C25.1409 10.7938 25.102 10.5891 25.0264 10.3983C24.9508 10.2074 24.84 10.034 24.7004 9.88808L15.7044 0.461565C15.5651 0.315255 15.3997 0.199174 15.2175 0.119971C15.0354 0.0407677 14.8401 0 14.6429 0C14.4457 0 14.2504 0.0407677 14.0682 0.119971Z"/> </svg></button> </div> <div class="footer__separator"></div> <div class="footer__copyright df jc-sb"> <div class="footer__copyright__items df jc-sb ai-c"> <p>© 2021 DinaK</p> <p>© Yem Digital</p> <p>© RSSchool</p> </div> <div class="nav__social"> <a href="https://www.youtube.com/"><img src="assets/icon/YouTube-logo.png" alt="YouTube logo"></a> <a href="https://www.instagram.com/?hl=ru"><img src="assets/icon/Instagram-logo.png" alt="Instagram logo"></a> <a href="https://www.facebook.com/"><img src="assets/icon/Facebook-logo.png" alt="Facebook logo"></a> </div> </div> </div> </footer> </main> </body> </html>