-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 11 KB
/
index.html
1
<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta http-equiv="X-UA-Compatible" content="ie=edge"/><title>Shelter</title><link rel="apple-touch-icon" sizes="180x180" href="./assets/images/fav-icons/first-page/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="./assets/images/fav-icons/first-page/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="./assets/images/fav-icons/first-page/favicon-16x16.png"/><link rel="manifest" href="./site.webmanifest"/><link rel="mask-icon" href="./assets/images/fav-icons/first-page/safari-pinned-tab.svg" color="#000000"/><link rel="shortcut icon" href="./assets/images/fav-icons/first-page/favicon.ico"/><meta name="msapplication-TileColor" content="#da532c"/><meta name="msapplication-config" content="./browserconfig.xml"/><meta name="theme-color" content="#ffffff"/><script defer="defer" src="4fdf0791669ee077a06d.js"></script><link href="27b059bb811937989947.css" rel="stylesheet"></head><body class="body"><header class="header"><div class="container"><div class="header__inner"><div class="logo"><a href="#"><p class="logo__title">Cozy House</p></a><a href="#"><p class="logo__subtitle subtitle">Shelter for pets in Boston</p></a></div><nav class="nav"><ul class="nav__list"><li class="nav__item subtitle">About the shelter</li><li class="nav__item subtitle"><a href="./our-pets.html">Our pets</a></li><li class="nav__item subtitle"><a href="#help">Help the shelter</a></li><li class="nav__item subtitle"><a href="#footer">Contacts</a></li></ul></nav><div class="burger"><span class="burger__line"></span> <span class="burger__line"></span> <span class="burger__line"></span></div></div></div></header><main class="main"><section class="welcome"><div class="container"><div class="welcome__inner"><div class="welcome__info"><h1 class="welcome__info-title">Not only people<br/>need a house</h1><p class="welcome__info-subtitle subtitle">We offer to give a chance to a little and nice puppy with an extremely wide and open heart. He or she will love you more than anybody else in the world, you will see!</p><a href="#pets" class="welcome__info-link">Make a friend</a></div><picture class="welcome__picture"><source srcset="assets/images/pictures/2b9d68b128a087e98fa0.webp, assets/images/pictures/4416dea9b952f02c52fe.webp 2x, assets/images/pictures/d08aaed975542b7d90f6.webp 3x" type="image/webp"/><source srcset="assets/images/pictures/c84417e80cf1f79a03b9.avif, assets/images/pictures/eacd13c8a84cf9047112.avif 2x, assets/images/pictures/38309bf3b346a7dbedea.avif 3x" type="image/avif"/><img class="welcome__picture-image" src="assets/images/pictures/612dddff9a87e103a0f0.png" srcset="assets/images/pictures/7daffcf83e2589354ee6.png 2x, assets/images/pictures/97c0aa7e1c00084f0e20.png 3x" alt="Puppy" loading="lazy"/></picture></div></div></section><section class="about"><div class="container"><div class="about__inner"><picture class="about__picture"><source srcset="assets/images/pictures/f2120259d829cfa3d2e8.webp, assets/images/pictures/13e90a61bf5b9d93d8ae.webp 2x, assets/images/pictures/4268520c9cc3ed4b3d35.webp 3x" type="image/webp"/><source srcset="assets/images/pictures/fc494e079502323c49c6.avif, assets/images/pictures/67bfd532a265393638bc.avif 2x, assets/images/pictures/1b1cb0a2de283ddd05bd.avif 3x" type="image/avif"/><img class="about__picture-image" src="assets/images/pictures/ebf00c730050b2b2d276.png" srcset="assets/images/pictures/ed9f69d24bac0b338699.png 2x, assets/images/pictures/3f024617d6a8bfab6c76.png 3x" alt="Puppy" loading="lazy"/></picture><div class="about__info"><h2 class="about__info-title title">About the shelter “Cozy House”</h2><p class="about__info-subtitle subtitle">Currently we have 121 dogs and 342 cats on our hands and statistics show that only 20% of them will find a family. The others will continue to live with us and will be waiting for a lucky chance to become dearly loved.</p><p class="about__info-subtitle subtitle">We feed our wards with the best food and make sure that they do not get sick, feel comfortable (including psychologically) and well. We are supported by 87 volunteers and 28 employees of various skill levels. About 12% of the animals are taken by the shelter staff. Taking care of the animals, they become attached to the pets and would hardly ever leave them alone.</p></div></div></div></section><section class="pets" id="pets"><div class="container"><div class="pets__inner"><h2 class="pets__title title">Our friends who<br/>are looking for a house</h2><button class="pets__arrow left"><svg class="pets__arrow-svg" viewBox="0 0 14 6"><use href="assets/images/svg/88b91871cdf4cc69d168.svg#left"></use></svg></button> <button class="pets__arrow right"><svg class="pets__arrow-svg" viewBox="0 0 14 6"><use href="assets/images/svg/ac127615a3c368e96262.svg#right"></use></svg></button><div class="pets__images"></div><a href="./our-pets.html" class="pets__link">Get to know the rest</a><div class="popup"></div><div class="popup_shadow"></div></div></div></section><section class="help" id="help"><div class="container"><div class="help__inner"><h3 class="help__title title">How you can help<br/>our shelter</h3><div class="help__icons"><div class="help__icons-inner"><svg class="help__icons-svg" viewBox="0 0 60 60"><use href="assets/images/svg/6b590a1ef8dc5d818308.svg#pet-food"></use></svg><p class="help__icons-text subtitle-animal">Pet food</p></div><div class="help__icons-inner"><svg class="help__icons-svg" viewBox="0 0 60.0235 60"><use href="assets/images/svg/92e4c364358779e93da8.svg#transportation"></use></svg><p class="help__icons-text subtitle-animal">Transportation</p></div><div class="help__icons-inner"><svg class="help__icons-svg" viewBox="0 0 60 60"><use href="assets/images/svg/bf0e66942dc20b73a6a7.svg#toys"></use></svg><p class="help__icons-text subtitle-animal">Toys</p></div><div class="help__icons-inner"><svg class="help__icons-svg" viewBox="0 0 60 60"><use href="assets/images/svg/f96fab1f45ac7b09bffa.svg#bowls"></use></svg><p class="help__icons-text subtitle-animal">Bowls and cups</p></div><div class="help__icons-inner"><svg class="help__icons-svg" viewBox="0 0 60 60"><use href="assets/images/svg/cb5613663c909d4274ad.svg#shampoos"></use></svg><p class="help__icons-text subtitle-animal">Shampoos</p></div><div class="help__icons-inner"><svg class="help__icons-svg" viewBox="0 0 60 60"><use href="assets/images/svg/ee1b38170b4d1c54d4b9.svg#vitamins"></use></svg><p class="help__icons-text subtitle-animal">Vitamins</p></div><div class="help__icons-inner"><svg class="help__icons-svg" viewBox="0 0 59.9998 59.9998"><use href="assets/images/svg/317629c32a39cc57612e.svg#medicines"></use></svg><p class="help__icons-text subtitle-animal">Medicines</p></div><div class="help__icons-inner"><svg class="help__icons-svg" viewBox="0 0 60 60"><use href="assets/images/svg/e17b7fee08d467eabc11.svg#collars"></use></svg><p class="help__icons-text subtitle-animal">Collars / leashes</p></div><div class="help__icons-inner"><svg class="help__icons-svg" viewBox="0 0 60 60"><use href="assets/images/svg/2f6598186570c72b9088.svg#area"></use></svg><p class="help__icons-text subtitle-animal">Sleeping areas</p></div></div></div></div></section><section class="donation"><div class="container"><div class="donation__inner"><div class="donation__info"><h3 class="donation__info-title title">You can also make a donation</h3><p class="donation__info-subtitle">Name of the bank / Type of bank account</p><a href="#" class="donation__info-link"><svg class="donation__link-svg" viewBox="0 0 30 23"><use href="assets/images/svg/87b3588ef4c806a90584.svg#credit"></use></svg><p class="donation__link-text">8380 2880 8028 8791 7435</p></a><p class="donation__info-description">Legal information and lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas a ipsum at libero sagittis dignissim sed ac diam. Praesent ultrices maximus tortor et vulputate. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p></div><picture class="donation__picture"><source srcset="assets/images/pictures/6fb0fdba6fa3c7384872.webp, assets/images/pictures/ba6e80a02faa415af9e6.webp 2x, assets/images/pictures/b3a24a14365c55f913af.webp 3x" type="image/webp"/><source srcset="assets/images/pictures/8198db9ce94c68661714.avif, assets/images/pictures/745f45027ad310021187.avif 2x, assets/images/pictures/bf8f7abb349574475327.avif 3x" type="image/avif"/><img class="donation__picture-image" src="assets/images/pictures/9263654f1a06fe23f6fa.png" srcset="assets/images/pictures/63f2f6932772001b867b.png 2x, assets/images/pictures/ed32a16226e0578fee47.png 3x" alt="Donation Dog" loading="lazy"/></picture></div></div></section></main><footer class="footer" id="footer"><div class="container"><div class="footer__inner"><div class="footer__contacts"><h1 class="footer__contacts-title title">For questions and suggestions</h1><a class="footer__contacts-link" href="mailto:[email protected]"><svg class="footer__contacts-link-svg" viewBox="0 0 40 32"><use href="assets/images/svg/e6687d0b5277d4c4a542.svg#email"></use></svg><p class="footer__contacts-link-text">[email protected]</p></a><a class="footer__contacts-link" href="tel:+136745677554"><svg class="footer__contacts-link-svg" viewBox="0 0 40 32"><use href="assets/images/svg/e57f79f72c5005fea948.svg#phone"></use></svg><p class="footer__contacts-link-text">+13 674 567 75 54</p></a></div><div class="footer__contacts"><h1 class="footer__contacts-title title">We are waiting for your visit</h1><a class="footer__contacts-link" href="https://www.google.com/maps/place/1+Central+St,+Boston,+MA+02109,+%D0%A1%D0%A8%D0%90/@42.3585558,-71.0573012,17z/data=!3m1!4b1!4m5!3m4!1s0x89e370868bc2ce7b:0x82fa7db94f5fea9e!8m2!3d42.3585519!4d-71.0547263?entry=ttu"><svg class="footer__contacts-link-marker" viewBox="0 0 22 32"><use href="assets/images/svg/c76a75fd526a2a60788c.svg#marker"></use></svg><p class="footer__contacts-link-text">1 Central Street, Boston (entrance from the store)</p></a><a class="footer__contacts-link" href="https://www.google.com/maps/search/18+South+Park+Road,+London,+%D0%92%D0%B5%D0%BB%D0%B8%D0%BA%D0%BE%D0%B1%D1%80%D0%B8%D1%82%D0%B0%D0%BD%D0%B8%D1%8F/@51.4322223,-0.224514,14z/data=!3m1!4b1?entry=ttu"><svg class="footer__contacts-link-marker" viewBox="0 0 22 32"><use href="assets/images/svg/c76a75fd526a2a60788c.svg#marker"></use></svg><p class="footer__contacts-link-text">18 South Park, London</p></a></div><picture class="footer__picture"><source srcset="assets/images/pictures/45091e7b4c0bdd681132.webp, assets/images/pictures/81191d52de000fb3513b.webp 2x, assets/images/pictures/1fc4b60a9014cd9c6a8b.webp 3x" type="image/webp"/><source srcset="assets/images/pictures/8ac6a388d2acfa0dad14.avif, assets/images/pictures/501ef6324284e53ad9f4.avif 2x, assets/images/pictures/385ad89f7cf5d8c8b1a2.avif 3x" type="image/avif"/><img class="footer__picture-image" src="assets/images/pictures/4462efaa12661e327e2a.png" srcset="assets/images/pictures/3e4d2c4427b1c6ace31a.png 2x, assets/images/pictures/7a33cc7c91454ee1ae90.png 3x" alt="Footer Puppy" loading="lazy"/></picture></div></div></footer></body></html>