This repository has been archived by the owner on Aug 2, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 18 KB
/
index.html
1
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><meta name="format-detection" content="telephone=no"><link rel="stylesheet" href="css/style.min.css"><link rel="icon" href="favicon.svg" type="image/svg+xml"><title>noiceland</title></head><body class="page"><div class="scaffold"><header class="header"><div class="header__container"><a href="index.html" class="logo"><img src="content/svg/header/logo.svg" alt="noiceland"></a><div class="menu"><button type="button" class="icon-menu"><span></span></button><nav class="menu__body"><ul class="menu__list"><li><a href="#" data-goto=".home" data-goto-header class="menu__link">Home</a></li><li><a href="#" data-goto=".latest" data-goto-header class="menu__link">Latest</a></li><li><a href="#" class="menu__link">About</a></li></ul></nav></div></div></header><main class="content"><section data-watch="navigator" data-watch-threshold="0.7" class="home content__home"><div class="home__container"><div class="home__img ibg"><picture><source srcset="content/img/home/mountaince.webp" type="image/webp"><img src="content/img/home/mountaince.jpg" alt="mountaince"></picture></div><div class="home__body"><div class="news__labels"><a href="#"class="label">Illustration</a></div><a href="#"class="home__title"><h1 class="title title--hn title--big">Japan House opens in mountain side to foster peak creativity.</h1></a><div class="home__text"><p>Enim omittam qui id, ex quo atqui dictas complectitur. Nec ad timeam accusata, hinc justo falli id eum, ferri novum molestie eos cu.</p></div><div class="home__author author">By Reta Torphy</div></div></div></section><div class="articles"><div class="articles__container"><article class="news"><a href="#" class="news__img ibg"><picture><source data-srcset="content/img/articles/city.webp" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" type="image/webp"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="content/img/articles/city.jpg" alt="city"></picture></a><div class="news__body"><div class="news__labels"><a href="#"class="label">Photography</a></div><a href="#" class="news__title title"><h3>Helmut Lang celebrates taxi drivers worldwide in latest campaign</h3></a><div class="news__author author">By Alessandra Ortiz</div></div></article><article class="news"><a href="#" class="news__img ibg"><picture><source data-srcset="content/img/articles/food.webp" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" type="image/webp"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="content/img/articles/food.jpg" alt="food"></picture></a><div class="news__body"><div class="news__labels"><a href="#"class="label">Photography</a></div><a href="#" class="news__title title"><h3>Bowlcut launch a new summer collection that pays homage to “UK legends”</h3></a><div class="news__author author">By Rosanna Ondricka</div></div></article><article class="news"><a href="#" class="news__img ibg"><picture><source data-srcset="content/img/articles/travel.webp" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" type="image/webp"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="content/img/articles/travel.jpg" alt="travel"></picture></a><div class="news__body"><div class="news__labels"><a href="#"class="label">Photography</a></div><a href="#" class="news__title title"><h3>Thousands of previously unseen photographs by Andy Warhol will be made public this Autumn</h3></a><div class="news__author author">By Annie Lueilwitz</div></div></article><article class="news"><a href="#" class="news__img ibg"><picture><source data-srcset="content/img/articles/beach.webp" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" type="image/webp"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="content/img/articles/beach.jpg" alt="beach"></picture></a><div class="news__body"><div class="news__labels"><a href="#"class="label">Interactive Design</a></div><a href="#" class="news__title title"><h3>London-based Yinka Ilori's storytelling furniture</h3></a><div class="news__author author">By Annie Lueilwitz</div></div></article><article class="news"><a href="#" class="news__img ibg"><picture><source data-srcset="content/img/articles/human.webp" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" type="image/webp"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="content/img/articles/human.jpg" alt="human"></picture></a><div class="news__body"><div class="news__labels"><a href="#"class="label">Graphic Design</a></div><a href="#" class="news__title title"><h3>Anonymous Israeli art collective Broken Fingaz direct music video for U2 and Beck</h3></a><div class="news__author author">By Simeon Brekke</div></div></article><article class="news"><a href="#" class="news__img ibg"><picture><source data-srcset="content/img/articles/tunnel.webp" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" type="image/webp"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="content/img/articles/tunnel.jpg" alt="tunnel"></picture></a><div class="news__body"><div class="news__labels"><a href="#"class="label">Architecture</a></div><a href="#" class="news__title title"><h3>Suzanne Saroff's meticulously arranged photographs alter perceptions</h3></a><div class="news__author author">By Reta Torphy</div></div></article></div></div><div data-watch="navigator" class="latest"><div class="latest__container"><div class="latest__label label">LATEST POSTS</div><div class="latest__articles"><article class="news news--small"><a href="#" class="news__img ibg"><picture><source data-srcset="content/img/home/mountaince.webp" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" type="image/webp"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="content/img/home/mountaince.jpg" alt="mountaince"></picture></a><div class="news__body"><div class="news__labels"><a href="#"class="label">Illustration</a></div><a href="#" class="news__title title"><h3>Japan House opens in mountainside to foster peak creativity.</h3></a><div class="news__author author">By Reta Torphy</div></div></article><article class="news news--small"><a href="#" class="news__img ibg"><picture><source data-srcset="content/img/articles/city.webp" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" type="image/webp"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="content/img/articles/city.jpg" alt="city"></picture></a><div class="news__body"><div class="news__labels"><a href="#"class="label">Photography</a></div><a href="#" class="news__title title"><h3>Helmut Lang celebrates taxi drivers worldwide in latest campaign</h3></a><div class="news__author author">By Alessandra Ortiz</div></div></article><article class="news news--small"><a href="#" class="news__img ibg"><picture><source data-srcset="content/img/articles/food.webp" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" type="image/webp"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="content/img/articles/food.jpg" alt="food"></picture></a><div class="news__body"><div class="news__labels"><a href="#"class="label">Photography</a></div><a href="#" class="news__title title"><h3>Bowlcut launch a new summer collection that pays homage to “UK legends”</h3></a><div class="news__author author">By Rosanna Ondricka</div></div></article><article class="news news--small"><a href="#" class="news__img ibg"><picture><source data-srcset="content/img/articles/travel.webp" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" type="image/webp"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="content/img/articles/travel.jpg" alt="travel"></picture></a><div class="news__body"><div class="news__labels"><a href="#"class="label">Photography</a></div><a href="#" class="news__title title"><h3>Thousands of previously unseen photographs by Andy Warhol will be made public this Autumn</h3></a><div class="news__author author">By Annie Lueilwitz</div></div></article><article class="news news--small"><a href="#" class="news__img ibg"><picture><source data-srcset="content/img/articles/beach.webp" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" type="image/webp"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="content/img/articles/beach.jpg" alt="beach"></picture></a><div class="news__body"><div class="news__labels"><a href="#"class="label">Interactive Design</a></div><a href="#" class="news__title title"><h3>London-based Yinka Ilori's storytelling furniture</h3></a><div class="news__author author">By Annie Lueilwitz</div></div></article><article class="news news--small"><a href="#" class="news__img ibg"><picture><source data-srcset="content/img/articles/human.webp" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" type="image/webp"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="content/img/articles/human.jpg" alt="human"></picture></a><div class="news__body"><div class="news__labels"><a href="#"class="label">Graphic Design</a></div><a href="#" class="news__title title"><h3>Anonymous Israeli art collective Broken Fingaz direct music video for U2 and Beck</h3></a><div class="news__author author">By Simeon Brekke</div></div></article><article class="news news--small"><a href="#" class="news__img ibg"><picture><source data-srcset="content/img/articles/tunnel.webp" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" type="image/webp"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="content/img/articles/tunnel.jpg" alt="tunnel"></picture></a><div class="news__body"><div class="news__labels"><a href="#"class="label">Architecture</a></div><a href="#" class="news__title title"><h3>Suzanne Saroff's meticulously arranged photographs alter perceptions</h3></a><div class="news__author author">By Reta Torphy</div></div></article><article class="news news--small"><a href="#" class="news__img ibg"><picture><source data-srcset="content/img/articles/graphic.webp" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" type="image/webp"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="content/img/articles/graphic.jpg" alt="graphic"></picture></a><div class="news__body"><div class="news__labels"><a href="#"class="label">Graphic Design</a></div><a href="#" class="news__title title"><h3>Anu Ambasna's playful illustrations celebrate club culture, brown bodies and perfect paunches</h3></a><div class="news__author author">By Leo Bartell</div></div></article></div><a href="#" class="latest__button button">view all latest posts</a></div></div><div class="featured"><div class="featured__container"><div class="featured__label label">featured POSTS</div><div class="featured__articles"><article class="news news--big"><a href="#" class="news__img ibg"><picture><source data-srcset="content/img/articles/football.webp" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" type="image/webp"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="content/img/articles/football.jpg" alt="football"></picture></a><div class="news__body"><div class="news__labels"><a href="#"class="label">Graphic Design</a></div><a href="#" class="news__title title"><h3>A Brief History of the FIFA World Cup Logo</h3></a><div class="news__author author">By Clem Onojeghuo</div></div></article><article class="news news--big"><a href="#" class="news__img ibg"><picture><source data-srcset="content/img/articles/pool.webp" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" type="image/webp"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="content/img/articles/pool.jpg" alt="pool"></picture></a><div class="news__body"><div class="news__labels"><a href="#"class="label">Graphic Design</a></div><a href="#" class="news__title title"><h3>Need a guide to LA's graphic design scene? Shoplifter's new issue has got your back</h3></a><div class="news__author author">By Alessandra Ortiz</div></div></article><article class="news news--big"><a href="#" class="news__img ibg"><picture><source data-srcset="content/img/articles/sea.webp" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" type="image/webp"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="content/img/articles/sea.jpg" alt="sea"></picture></a><div class="news__body"><div class="news__labels"><a href="#"class="label">Photography</a></div><a href="#" class="news__title title"><h3>Fred Rowson directs film for Years and Years</h3></a><div class="news__author author">By Coby Gottlieb</div></div></article><article class="news news--big"><a href="#" class="news__img ibg"><picture><source data-srcset="content/img/articles/arctic.webp" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" type="image/webp"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="content/img/articles/arctic.jpg" alt="human"></picture></a><div class="news__body"><div class="news__labels"><a href="#"class="label">Illustration</a></div><a href="#" class="news__title title"><h3>M&C Saatchi and Fontsmith collaborate on font collection for House of St Barnabas</h3></a><div class="news__author author">By Annie Lueilwitz</div></div></article></div></div></div></main><footer class="footer"><div class="footer__container"><div class="footer__top"><a href="index.html" class="logo"><img src="content/svg/footer/logo.svg" alt="noiceland"></a><div class="footer__copy label">© 2018 Noiceland™, all rights reserved</div><div style="color:#fff;font-family:sans-serif">Вёрстка <a href="https://nikkeyl.vercel.app" style="color:#80f;text-decoration:underline">Никита Алманов</a></div></div><div class="footer__body"><div class="categories-footer footer__categories"><div class="categories-footer__label label">Categories</div><div class="categories-footer__body"><div class="categories-footer__column"><ul class="categories-footer__list"><li><a href="#" class="link-footer">Animation</a></li><li><a href="#" class="link-footer">Interactive Design</a></li></ul></div><div class="categories-footer__column"><ul class="categories-footer__list"><li><a href="#" class="link-footer">Architecture</a></li><li><a href="#" class="link-footer">Miscellaneous</a></li></ul></div><div class="categories-footer__column"><ul class="categories-footer__list"><li><a href="#" class="link-footer">Graphic Design</a></li><li><a href="#" class="link-footer">Photography</a></li></ul></div><div class="categories-footer__column"><ul class="categories-footer__list"><li><a href="#" class="link-footer">Illustration</a></li><li><a href="#" class="link-footer">Product Design</a></li></ul></div></div></div><div class="footer__subscribe"><div class="footer__label label">Subscribe to newsletter</div><form action="#" class="form footer__form"><input data-required="email" type="text" name="email" placeholder="Email address" class="form__input"> <button type="submit" class="form__button button button--black">send</button></form></div></div><div class="navigation-footer footer__navigation"><div class="navigation-footer__column"><div class="navigation-footer__label label">Information</div><ul class="navigation-footer__list"><li><a href="#" class="link-footer">about</a></li><li><a href="#" class="link-footer">contact</a></li><li><a href="#" class="link-footer">terms</a></li></ul></div><div class="navigation-footer__column"><div class="navigation-footer__label label">follow us</div><ul class="navigation-footer__list"><li><a href="#" class="link-footer">instagram</a></li><li><a href="#" class="link-footer">facebook</a></li><li><a href="#" class="link-footer">twitter</a></li></ul></div><div class="navigation-footer__column"><div class="navigation-footer__label label">Template</div><ul class="navigation-footer__list"><li><a href="#" class="link-footer">Image License Info</a></li></ul></div></div></div></footer></div><script src="js/app.min.js"></script></body></html>