-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 15.6 KB
/
index.html
1
<!DOCTYPE traditional><html lang="en"><head><meta charset="UTF-8"/><title>Home - Foisy</title><link rel="stylesheet" type="text/css" href="assets/styles/index.css"/><link rel="stylesheet" type="text/css" href="assets/lib/slick/slick.css"/><link rel="stylesheet" type="text/css" href="assets/lib/slick/slick-theme.css"/><link rel="stylesheet" type="text/css" href="assets/lib/lightbox/css/lightbox.min.css"/><link rel="stylesheet" type="text/css" href="assets/lib/themify-icons/styles.css"/><script type="text/javascript" src="assets/lib/jquery/jquery.js"></script><script type="text/javascript" src="assets/scripts/common.js" defer="defer"></script><script type="text/javascript" src="assets/lib/slick/slick.min.js" defer="defer"></script><script type="text/javascript" src="assets/lib/lightbox/js/lightbox.min.js" defer="defer"></script><script type="text/javascript" src="assets/lib/gsap/TweenLite.min.js" defer="defer"></script><script type="text/javascript" src="assets/lib/gsap/CSSPlugin.min.js" defer="defer"></script><script type="text/javascript" src="assets/lib/bootstrap/js/dropdown.js" defer="defer"></script><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/></head><body><div class="header container-fluid"><div class="row main-row md-same-height-row"><a class="nav-open-button"><span class="line-0"></span><span class="line-1"></span><span class="line-2"></span></a><div class="header-background header-background-0 active"></div><div class="header-background header-background-1"></div><div class="header-background header-background-2"></div><div class="header-background header-background-3"></div><div class="header-background header-background-4"></div><div class="header-slider-controls"><span class="header-page-num"><span class="middle-dots">···</span><span class="header-current-slide">01</span> / 05</span><div class="header-slider-control-box active"></div><div class="header-slider-control-box"></div><div class="header-slider-control-box"></div><div class="header-slider-control-box"></div><div class="header-slider-control-box"></div></div><div class="header-simple-nav col-md-4 hidden-sm hidden-xs"></div><div class="col-md-8 header-main"><div class="row"><a href="" class="logo-wrapper"><img alt="Logo" src="assets/images/icons/logo.png" class="logo"/></a></div><div class="row studio-name-wrapper move-left"><div class="col-md-7 row-inner-wrapper"><span class="studio-name">Foisy studio</span></div></div><div class="row title-wrapper"><div class="col-md-7 row-inner-wrapper"><h1 class="title">Little Big Details</h1></div></div><div class="row subtitle-wrapper"><div class="col-md-7 row-inner-wrapper"><span class="subtitle">We are a creative design firm, aiming to give our users what they want;<br/><span class="subtitle-line-2">an awesome experience.</span></span></div></div><div class="row work-samples-wrapper"><div class="col-xs-4 col-md-2 col-md-offset-7 row-inner-wrapper"><button class="work-samples"><a href="portfolio">Our work</a></button></div></div><div class="row scroll-down-wrapper"><div class="col-md-7 row-inner-wrapper"><span class="scroll-down">Scroll down</span></div></div><div class="right-line"></div></div></div></div><div class="main container-fluid"><div class="screen-1"><div class="row"><div class="col-md-4 left-part"><div class="screen-num"><div class="dash"></div><span>01</span></div><div class="blank-box"></div><div class="quote-box"><div class="row"><div class="col-md-7 col-md-offset-1"><span class="quote">"Our vision is to make the biggest and more<br/>effective design firm"</span></div></div></div></div><div class="col-md-8 right-part"><div class="row lower-part"><div class="col-md-7 article-wrapper"><div class="row"><div class="col-md-8 article-inner-wrapper"><div class="heading"><h2>Vision</h2></div><div class="article"><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora eveniet delectus, magnam dignissimos consequuntur aut autem nobis deleniti. Illo a animi sed consectetur iusto vel voluptate dignissimos repellendus error molestiae mollitia repudiandae hic quasi, excepturi, fugiat eaque ratione quisquam cum quas.</span></div><div class="article"><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui numquam facilis ipsum recusandae dolores necessitatibus est earum fuga, rerum illo!</span></div></div></div></div></div><div class="row upper-part"><div class="images-wrapper"><div class="lightbox-wrapper img-wrapper desk-wrapper"><a href="assets/images/desk.jpg" data-lightbox="screen-1" data-title="A desktop"><img alt="A desktop" src="assets/images/desk.jpg" class="img"/><div class="img-overlay"><img alt="Show in a popup" src="assets/images/plus.png" class="plus-sign"/></div></a></div><div class="lightbox-wrapper img-wrapper building-wrapper"><a href="assets/images/building.jpg" data-lightbox="screen-1" data-title="A building"><img alt="A building" src="assets/images/building.jpg" class="img"/><div class="img-overlay"><img alt="Show in a popup" src="assets/images/plus.png" class="plus-sign"/></div></a></div><div class="img-wrapper sand-wrapper"><a href="assets/images/sand.jpg" data-lightbox="screen-1" data-title="Sand"><img alt="Sand" src="assets/images/sand.jpg" class="img"/><div class="img-overlay"><img alt="Show in a popup" src="assets/images/plus.png" class="plus-sign"/></div></a></div><button class="keep-reading"><a href="portfolio-with-images">Keep reading</a></button></div></div></div></div></div><div class="screen-2"><div class="row"><div class="col-md-4 left-part"><div class="screen-num"><div class="dash"></div><span>02</span></div><div class="row title-wrapper"><h1 class="title">The team</h1><span class="subtitle">Go to meet our extraordinary team</span></div></div><div class="col-md-8 col-md-offset-4 right-part"><div class="row team-wrapper"><div class="col-md-8 col-md-offset-4 team-inner-wrapper"><div class="lightbox-wrapper team-img-wrapper"><a href="assets/images/team.png" data-lightbox="screen-2" data-title="Our team"><img alt="Our team" src="assets/images/team.png" class="img"/><div class="img-overlay"><img alt="Show in a popup" src="assets/images/plus.png" class="plus-sign"/></div></a></div></div><div class="line"></div><button class="learn-more"><a href="blog">Learn more</a></button></div></div></div></div><div class="screen-3"><div class="row lower-part"><div class="col-md-4 left-part"><div class="screen-num"><div class="dash"></div><span>03</span></div></div><div class="col-md-8 right-part"><div class="row"><div class="col-md-5 col-md-offset-7 line-wrapper"></div><div class="col-md-7 blank-space-wrapper"></div></div></div></div><div class="row upper-part"><div class="row"><div class="col-md-8 col-md-offset-4 right-part"><div class="row"><div class="col-md-7 title-wrapper"><h2 class="title">Featured stories</h2><span class="subtitle">Views from the Foisy.</span></div><div class="col-md-5 view-blog-wrapper"><a href="blog" class="view-blog">View blog</a></div></div></div></div><div class="row slider-wrapper"><div class="slider col-md-8 col-md-offset-2"><div class="row slick-slider"><div class="slide-wrapper col-md-4"><div class="slide"><div class="img-wrapper"><img alt="Deep water" src="assets/images/wave.jpg"/></div><div class="row"><div class="col-xs-12 desc-wrapper"><div class="row"><div class="col-xs-12 heading-wrapper"><span class="heading">Deep water</span></div></div><div class="row"><div class="col-xs-12 desc-text-wrapper"><span class="desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates necessitatibus, assumenda placeat odio iure dolore</span></div></div><div class="row"><div class="col-xs-12 social-wrapper"><div class="row"><div class="button-wrapper"><span class="icon ti-heart"></span></div><div class="button-wrapper"><span class="icon ti-new-window"></span></div><div class="button-wrapper"><span class="icon ti-calendar"></span><span class="date">2 July 2016</span></div></div></div></div></div></div></div></div><div class="slide-wrapper col-md-4"><div class="slide"><div class="img-wrapper"><img alt="Art is like a mountain" src="assets/images/landscape.jpg"/></div><div class="row"><div class="col-xs-12 desc-wrapper"><div class="row"><div class="col-xs-12 heading-wrapper"><span class="heading">Art is like a mountain</span></div></div><div class="row"><div class="col-xs-12 desc-text-wrapper"><span class="desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates necessitatibus, assumenda placeat odio iure dolore</span></div></div><div class="row"><div class="col-xs-12 social-wrapper"><div class="row"><div class="button-wrapper"><span class="icon ti-heart"></span></div><div class="button-wrapper"><span class="icon ti-new-window"></span></div><div class="button-wrapper"><span class="icon ti-calendar"></span><span class="date">2 July 2016</span></div></div></div></div></div></div></div></div><div class="slide-wrapper col-md-4"><div class="slide"><div class="img-wrapper"><img alt=""Bussiness design"" src="assets/images/bussiness.jpg"/></div><div class="row"><div class="col-xs-12 desc-wrapper"><div class="row"><div class="col-xs-12 heading-wrapper"><span class="heading">"Bussiness design"</span></div></div><div class="row"><div class="col-xs-12 desc-text-wrapper"><span class="desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates necessitatibus, assumenda placeat odio iure dolore</span></div></div><div class="row"><div class="col-xs-12 social-wrapper"><div class="row"><div class="button-wrapper"><span class="icon ti-heart"></span></div><div class="button-wrapper"><span class="icon ti-new-window"></span></div><div class="button-wrapper"><span class="icon ti-calendar"></span><span class="date">2 July 2016</span></div></div></div></div></div></div></div></div><div class="slide-wrapper col-md-4"><div class="slide"><div class="img-wrapper"><img alt="Deep water" src="assets/images/wave.jpg"/></div><div class="row"><div class="col-xs-12 desc-wrapper"><div class="row"><div class="col-xs-12 heading-wrapper"><span class="heading">Deep water</span></div></div><div class="row"><div class="col-xs-12 desc-text-wrapper"><span class="desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates necessitatibus, assumenda placeat odio iure dolore</span></div></div><div class="row"><div class="col-xs-12 social-wrapper"><div class="row"><div class="button-wrapper"><span class="icon ti-heart"></span></div><div class="button-wrapper"><span class="icon ti-new-window"></span></div><div class="button-wrapper"><span class="icon ti-calendar"></span><span class="date">2 July 2016</span></div></div></div></div></div></div></div></div><div class="slide-wrapper col-md-4"><div class="slide"><div class="img-wrapper"><img alt="Art is like a mountain" src="assets/images/landscape.jpg"/></div><div class="row"><div class="col-xs-12 desc-wrapper"><div class="row"><div class="col-xs-12 heading-wrapper"><span class="heading">Art is like a mountain</span></div></div><div class="row"><div class="col-xs-12 desc-text-wrapper"><span class="desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates necessitatibus, assumenda placeat odio iure dolore</span></div></div><div class="row"><div class="col-xs-12 social-wrapper"><div class="row"><div class="button-wrapper"><span class="icon ti-heart"></span></div><div class="button-wrapper"><span class="icon ti-new-window"></span></div><div class="button-wrapper"><span class="icon ti-calendar"></span><span class="date">2 July 2016</span></div></div></div></div></div></div></div></div><div class="slide-wrapper col-md-4"><div class="slide"><div class="img-wrapper"><img alt=""Bussiness design"" src="assets/images/bussiness.jpg"/></div><div class="row"><div class="col-xs-12 desc-wrapper"><div class="row"><div class="col-xs-12 heading-wrapper"><span class="heading">"Bussiness design"</span></div></div><div class="row"><div class="col-xs-12 desc-text-wrapper"><span class="desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates necessitatibus, assumenda placeat odio iure dolore</span></div></div><div class="row"><div class="col-xs-12 social-wrapper"><div class="row"><div class="button-wrapper"><span class="icon ti-heart"></span></div><div class="button-wrapper"><span class="icon ti-new-window"></span></div><div class="button-wrapper"><span class="icon ti-calendar"></span><span class="date">2 July 2016</span></div></div></div></div></div></div></div></div></div></div></div><div class="row slider-controls-wrapper"><div class="col-md-8 col-md-offset-4 slider-controls"><div class="slider-control-box active"></div><div class="slider-control-box"></div><span class="middle-dots">···</span><span class="page-num"><span class="current-slide">01</span> / 02</span></div></div></div></div><div class="next-step"><div class="row"><div class="col-md-4 left-part"><span class="letter f-letter">F</span><span class="letter o-letter">o</span></div><div class="col-md-8 right-part"><div class="row next-step-wrapper"><div class="row"><div class="title"><h2>Next step</h2></div></div><div class="row subtitle-wrapper"><div class="subtitle"><span>Meet out curated collection of projects - of all kinds - to taste our aesthetic.</span></div></div><div class="row take-me-there-wrapper"><button class="take-me-there"><a href="portfolio">Take me there!</a></button></div></div><div class="row blank-space-wrapper"><div class="col-md-5 blank-space blank-space-white"><span class="letter i-letter">i</span><span class="studio-name">Foisy Studio</span></div><div class="col-md-7 blank-space-grey"><span class="letter y-letter">y</span></div></div><div class="line"></div></div></div></div></div><div class="footer"><div class="row footer-wrapper md-same-height-row"><div class="col-xs-4 left-part"><div class="row contacts-wrapper"><div class="row"><div class="col-xs-10 col-xs-offset-1 col-md-3 col-md-offset-7 logo-wrapper"><img alt="logo" src="assets/images/icons/logo.png" class="logo"/></div></div><div class="row"><div class="col-md-3 col-md-offset-7 social-wrapper"><div class="row"><div class="col-xs-4 social-icon icon-wrapper-0"><span class="icon ti-instagram"></span></div><div class="col-xs-4 social-icon icon-wrapper-1"><span class="icon ti-twitter"></span></div><div class="col-xs-4 social-icon icon-wrapper-2"><span class="icon ti-dribbble"></span></div></div></div></div></div></div><div class="col-xs-8 right-part"><div class="row"><div class="col-xs-11 col-xs-offset-1 col-sm-5 col-sm-offset-0 nav-wrapper"><ul><li><a href="">Home</a></li><li class="dropdown"><span data-toggle="dropdown" class="dropdown-toggle">Portfolio<div class="caret"></div></span><ul class="dropdown-menu"><li><a href="portfolio">Portfolio</a></li><li><a href="portfolio-with-images">Portfolio w/ images</a></li></ul></li><li class="dropdown"><span data-toggle="dropdown" class="dropdown-toggle">Blog<div class="caret"></div></span><ul class="dropdown-menu"><li><a href="blog">Blog</a></li><li><a href="blog-with-images">Blog w/ images</a></li></ul></li></ul></div><div class="col-xs-11 col-xs-offset-1 col-sm-5 col-sm-offset-0 search-box-wrapper"><input type="text" placeholder="TYPE YOUR EMAIL" class="text-input search-box"/><button class="go"><a>Go</a></button></div></div><div class="row"><div class="col-xs-12 copyright-wrapper"><span>Foisy 2016 · All rights reserved.</span></div></div><div class="line"></div></div></div></div><div class="nav"><ul class="nav-wrapper"><li class="nav-link nav-link-0"><a href="">Home</a></li><li class="nav-link nav-link-1"><a href="blog">Blog</a></li><li class="nav-link nav-link-2"><a href="portfolio">Portfolio</a></li><li class="nav-link nav-link-3"><a href="blog-with-images">Blog with images</a></li><li class="nav-link nav-link-4"><a href="portfolio-with-images">Portfolio with images</a></li></ul></div></body></html>