-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 10.5 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>Halcyon</title><link href="app.css" rel="stylesheet"></head><body class="page"><div class="baner"><div class="container"><p class="text">This is test template from random weekly mailing</p></div></div><header class="header parallax"><div class="container header__container fadeInUp"><div class="header__composition"><h1 class="h1 header__h1"><span class='span header__span'>HALCYON</span>DAYS</h1><small class="small header__small">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do </small><button class="btn header__btn">LEARN MORE</button></div></div></header><main class="main"><section class="main__section section__description"><div class="container description__container"><div class="h2-container description__h2"><div class="h2">A CREATIVE PORTFOLIO TEMPLATE</div><div class="h2__img"></div></div><p class="text description__text">Sed a lorem quis neque interdum <span class='span'>consequat ut sed sem.</span> Duis quis tempor nunc. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent id tempor ipsum. Fusce at massa ac nunc porta fringilla sed eget neque. Quisque quis pretium nulla. Fusce eget bibendum neque, vel volutpat augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p></div></section><section class="main__section section__servise"><div class="container"><div class="h2-container"><div class="h2">LOVE WHAT YOU DO, AND YOU’LL DO IT WELL</div><div class="h2__img"></div></div><div class="servise__wrapper"><div class="servise__block card"><div class="servise__icon card__img servise__icon--1"></div><!-- ADD COUNTER--><div class="servise__title card__title">DIGITAL DESIGN</div><div class="servise__description card__discription text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a lorem quis neque interdum consequat ut sed sem. Duis quis tempor nunc. Interdum et malesuada fames ac ante ipsum primis in faucibus.</div></div><div class="servise__block card"><div class="servise__icon card__img servise__icon--2"></div><!-- ADD COUNTER--><div class="servise__title card__title">WEB DEVELOPMENT</div><div class="servise__description card__discription text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a lorem quis neque interdum consequat ut sed sem. Duis quis tempor nunc. Interdum et malesuada fames ac ante ipsum primis in faucibus.</div></div><div class="servise__block card"><div class="servise__icon card__img servise__icon--3"></div><!-- ADD COUNTER--><div class="servise__title card__title">WE LOVE YOU</div><div class="servise__description card__discription text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a lorem quis neque interdum consequat ut sed sem. Duis quis tempor nunc. Interdum et malesuada fames ac ante ipsum primis in faucibus.</div></div></div></div></section><section class="main__section section__skills"><div class="container skills__container"><div class="skills__part skills__part--1"></div><div class="skills__part skills__part--2"><div class="skills__slider"><div class="siema"><div class="skills__slide"><div class="skills__composition"><div class="h2-container"><div class="h2">RESPONSIVE DESIGN SPECIALIST</div><div class="h2__img"></div></div><p class="text skills__text"> <span class="skills__span">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultricies nulla non metus pulvinar imperdiet. Praesent non adipiscing libero.</span><span class="skills__span">Mauris ultrices odio vitae nulla ultrices iaculis. Nulla rhoncus odio eu lectus faucibus facilisis. Maecenas ornare augue vitae sollicitudin accumsan.</span><span class="skills__span">Etiam eget libero et erat eleifend consectetur a nec lectus. Sed id tellus lorem. Suspendisse sed venenatis odio, quis lobortis eros.</span></p></div></div><div class="skills__slide"><div class="skills__composition"><div class="h2-container"><div class="h2">RESPONSIVE DESIGN SPECIALIST</div><div class="h2__img"></div></div><p class="text skills__text"> <span class="skills__span">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultricies nulla non metus pulvinar imperdiet. Praesent non adipiscing libero.</span><span class="skills__span">Mauris ultrices odio vitae nulla ultrices iaculis. Nulla rhoncus odio eu lectus faucibus facilisis. Maecenas ornare augue vitae sollicitudin accumsan.</span><span class="skills__span">Etiam eget libero et erat eleifend consectetur a nec lectus. Sed id tellus lorem. Suspendisse sed venenatis odio, quis lobortis eros.</span></p></div></div><div class="skills__slide"><div class="skills__composition"><div class="h2-container"><div class="h2">RESPONSIVE DESIGN SPECIALIST</div><div class="h2__img"></div></div><p class="text skills__text"> <span class="skills__span">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultricies nulla non metus pulvinar imperdiet. Praesent non adipiscing libero.</span><span class="skills__span">Mauris ultrices odio vitae nulla ultrices iaculis. Nulla rhoncus odio eu lectus faucibus facilisis. Maecenas ornare augue vitae sollicitudin accumsan.</span><span class="skills__span">Etiam eget libero et erat eleifend consectetur a nec lectus. Sed id tellus lorem. Suspendisse sed venenatis odio, quis lobortis eros.</span></p></div></div></div></div></div></div></section><section class="main__section section__quote"><div class="quote__wrapper container"><blockquote class="quote__blockquote"><span class='quote__span'>I GOT 99 PROBLEMS</span> BUT <span class='quote__span--small'>DESIGN</span> ‘AINT ONE</blockquote><button class="anchor quote__anchor anchor--down"></button></div></section><section class="main__section section__advantages"><div class="container adbantages__container"><div class="siema advantages__slider"><div class="advantages__slide"><div class="card advantages__card"><div class="card__img advantages__img"></div><div class="card__title advantages__title">CREATIVE MINDS</div><div class="card__text advantages__text text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultricies nulla non metus pulvinar imperdiet. Praesent non adipiscing libero.</div></div></div><div class="advantages__slide"><div class="card advantages__card"><div class="card__img advantages__img"></div><div class="card__title advantages__title">THINK ALIKE</div><div class="card__text advantages__text text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultricies nulla non metus pulvinar imperdiet. Praesent non adipiscing libero.</div></div></div><div class="advantages__slide"><div class="card advantages__card"><div class="card__img advantages__img"></div><div class="card__title advantages__title">PIXEL PERFECTION</div><div class="card__text advantages__text text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultricies nulla non metus pulvinar imperdiet. Praesent non adipiscing libero.</div></div></div></div></div></section><section class="main__section section__button"><div class="container"><button class="btn button__itself">lorem inpum dolor</button></div></section><section class="main__section section__team"><div class="container team__container"><div class="h2-container"><div class="h2">WE’RE A TEAM THAT ADORE WHAT WE DO</div><div class="h2__img"></div></div><div class="siema team__slider"> <div class="team__slide"><div class="card team__card"><div class="card__img team__img team__img--1"></div><div class="card__title team__title">JON SNOW</div><div class="card__text team__text text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultricies nulla non metus pulvinar imperdiet. Praesent non adipiscing libero.</div><div class="media__container team__media"><div class="media__block media__block--1"></div><div class="media__block media__block--2"></div><div class="media__block media__block--3"></div></div></div></div><div class="team__slide"><div class="card team__card"><div class="card__img team__img team__img--2"></div><div class="card__title team__title">CERSEI LANNISTER</div><div class="card__text team__text text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultricies nulla non metus pulvinar imperdiet. Praesent non adipiscing libero.</div><div class="media__container team__media"><div class="media__block media__block--1"></div><div class="media__block media__block--2"></div><div class="media__block media__block--3"></div></div></div></div><div class="team__slide"><div class="card team__card"><div class="card__img team__img team__img--3"></div><div class="card__title team__title">JAMIE LANNISTER</div><div class="card__text team__text text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ultricies nulla non metus pulvinar imperdiet. Praesent non adipiscing libero.</div><div class="media__container team__media"><div class="media__block media__block--1"></div><div class="media__block media__block--2"></div><div class="media__block media__block--3"></div></div></div></div></div></div></section><section class="main__section section__form"> <div class="container"><form class="form__itself" action="" method=""><div class="label__wrapper"><label class="form__label" for="subscribe">SUBSCRIBE TO STAY IN THE LOOP</label></div><div class="form__wrapper"><input class="form__input" type="email" name="subscribe" id="subscribe" required><input class="form__btn btn" type="submit" value="send"></div></form><div class="form__anchor-wrapper"><button class="anchor form__anchor anchor--up"></button></div></div></section><section class="main__section section__contacts"><div class="container"> <div class="h2-container"><div class="h2">DROP US A LINE</div><div class="h2__img"></div></div><div class="contacts__assets"><div class="contacts__card"><h5 class="assets__title">ADDRESS</h5><p class="assets__text text">Level 6, 23 Pitt St, Sydney</p></div><div class="contacts__card"><h5 class="assets__title">PHONE</h5><p class="assets__text text">+61 9 211 3741</p></div><div class="contacts__card"><h5 class="assets__title">EMAIL</h5><p class="assets__text text">hey@halcyon.com.au</p></div></div><div class="media__container contacts__media"><div class="media__block media__block--1"></div><div class="media__block media__block--2"></div><div class="media__block media__block--3"></div></div></div></section></main><footer class="footer"><div class="container"> <p class="footer__text text">Terms & Conditions | Legals</p></div></footer><script type="text/javascript" src="app.bundle.js"></script></body></html>