@@ -13,13 +13,10 @@
< meta charset ="UTF-8 " />
< meta http-equiv ="X-UA-Compatible " content ="IE=edge ">
< meta name ="viewport " content ="width=device-width, initial-scale=1 ">
< link rel ="stylesheet " type ="text/css " href ="css/component.css " />
< title > London</ title >
<!--Javascript Libraries-->
< script src ="js/modernizr-custom.js "> </ script >
< script src ="js/jquery-1.11.3.js "> </ script >
< script src ="js/greensock-js/src/uncompressed/TweenMax.js "> </ script >
< script src ="js/greensock-js/src/uncompressed/jquery.gsap.js "> </ script >
@@ -36,78 +33,8 @@
< body >
< div class ="container ">
< div class ="storefront " id ="store_1 ">
< p >
< div class ="display ">
< div id ="slideshow " class ="slideshow ">
< div class ="slide ">
< div class ="scene ">
< div class ="views ">
< div class ="view ">
< img class ="view__img " src ="img/bedroom/a.jpg " alt ="Side " />
< div class ="item item--horse ">
< img class ="item__img " src ="img/bedroom/horse.jpg " alt ="Horse " data-transform-z ="20 " />
< div class ="item__info ">
< h3 class ="item__title "> Deco Horse</ h3 >
< div class ="item__price "> < sup > $</ sup > 59</ div >
< button class ="button button--buy "> < i class ="icon icon--shopping-cart "> </ i > < span class ="text-hidden "> Add to cart</ span > </ button >
</ div >
< button class ="button button--close "> < i class ="icon icon--close "> </ i > < span class ="text-hidden "> Close</ span > </ button >
</ div >
</ div >
< div class ="view view--rotate view--rotate-left ">
< img class ="view__img " src ="img/bedroom/b.jpg " alt ="Front " />
< div class ="item item--blanket ">
< img class ="item__img " src ="img/bedroom/blanket.jpg " alt ="Blanket " data-transform-z ="90 " />
< div class ="item__info ">
< h3 class ="item__title "> Blanket</ h3 >
< div class ="item__price "> < sup > $</ sup > 129</ div >
< button class ="button button--buy "> < i class ="icon icon--shopping-cart "> </ i > < span class ="text-hidden "> Add to cart</ span > </ button >
</ div >
< button class ="button button--close "> < i class ="icon icon--close "> </ i > < span class ="text-hidden "> Close</ span > </ button >
</ div >
< div class ="item item--picture ">
< img class ="item__img " src ="img/bedroom/picture.jpg " alt ="Picture " data-transform-z ="80 " />
< div class ="item__info ">
< h3 class ="item__title "> Golden Frame</ h3 >
< div class ="item__price "> < sup > $</ sup > 39</ div >
< button class ="button button--buy "> < i class ="icon icon--shopping-cart "> </ i > < span class ="text-hidden "> Add to cart</ span > </ button >
</ div >
< button class ="button button--close "> < i class ="icon icon--close "> </ i > < span class ="text-hidden "> Close</ span > </ button >
</ div >
</ div >
</ div >
</ div >
</ div >
< nav class ="nav ">
< a href ="# " class ="nav__item "> < span class ="text-hidden "> The Master Bedroom</ span > </ a >
</ nav >
< div class ="titles ">
< h2 class ="title "> The Bedroom < span class ="title__sub "> Relax</ span > </ h2 >
</ div >
</ div > <!-- /container -->
< script src ="js/classie.js "> </ script >
< script src ="js/main.js "> </ script >
< script >
( function ( ) {
var slideshow = new Slideshow ( document . getElementById ( 'slideshow' ) ) ;
} ) ( ) ;
</ script >
<!-- For the demo ad only -->
</ p >
</ div >
</ div >
< div class ="storefront " id ="store_2 ">
< div class ="display ">
DISPLAY
< div class ="display " id ="display-1 ">
< div class ="display-item layer-0 item-test ">
</ div >
</ div >
</ div >