FUSION THAT MOVES THE
WORLD AROUND US
We at House of Aroma are always working relentlessly to create aromas that delight our consumers. For over 5 decades, we have been pioneers of the art that soothes every consumer’s senses – creating aromas that touch the mind and the soul. Taking our legacy forward, we at House of Aroma are constantly working towards making our selves better and contemporary. We are built on collective imagination, the love for what we do, consumer insights and sophisticated technology. Our mission is to delight every consumer we touch. With our manufacturing unit and head office in mumbai we are spreading our reach across every corner of world and touching every consumer’s senses.
FUSION THAT MOVES THE
WORLD AROUND US
We at House of Aroma are always working relentlessly to create aromas that delight our consumers. For over 5 decades, we have been pioneers of the art that soothes every consumer’s senses – creating aromas that touch the mind and the soul. Taking our legacy forward, we at House of Aroma are constantly working towards making our selves better and contemporary. We are built on collective imagination, the love for what we do, consumer insights and sophisticated technology. Our mission is to delight every consumer we touch. With our manufacturing unit and head office in mumbai we are spreading our reach across every corner of world and touching every consumer’s senses.
").text(cdnCode).appendTo("#get-it-now code.cdn"); }); /*var images = [ "http://spacaromas.com/houseofaroma/wp-content/uploads/2016/03/flower-1.png", "http://spacaromas.com/houseofaroma/wp-content/uploads/2016/03/flower-leaf.png", "http://spacaromas.com/houseofaroma/wp-content/uploads/2016/03/droplet.png" ]; // TweenMax can tween any property of any object. We use this object to cycle through the array var obj = {curImg: 0}; // create tween var tween = TweenMax.to(obj, 300, { curImg: images.length - 1, // animate propery curImg to number of images roundProps: "curImg", // only integers so it can be used as an array index // repeat 3 times immediateRender: true, // load first image automatically ease: Linear.easeNone, // show every image the same amount of time onUpdate: function () { $(".flower").attr("src", images[obj.curImg]); // set the image source } } ); // build scene var scene = new ScrollMagic.Scene({triggerElement: "#trigger", duration: 600}) .setTween(tween) .addTo(controller); // handle form change $("form.move input[name=duration]:radio").change(function () { scene.duration($(this).val()); }); */ var flower = TweenMax.fromTo("#start .flower", 0.7, {top: "5%", left: 10}, {top:"5%", left:"25%"}); var leaf = TweenMax.fromTo("#start .leaf", 0.7, {top: "15%", right: "15%"}, {top: "15%", right:"35%"}); var text = TweenMax.fromTo("#start .flower-text", 0.7, {opacity:1}, {opacity:0}); var leaftext = TweenMax.fromTo("#start .leaf-text", 0.7, {opacity:1}, {opacity:0}); var slide2heading = TweenMax.fromTo("#start .slide2-heading", 2, {opacity:0}, {opacity:1}); // flower2 var flower2 = TweenMax.fromTo("#start .flower2", 1, {top: "0%"}, {top:"0%", opacity:1}); var flower2container = TweenMax.fromTo("#start .flower2-container", 1, {opacity:0, position:"absolute"}, {opacity:1, "z-index":9, position:"relative"}); var slide3heading = TweenMax.fromTo("#start .slide3-heading", 2, {opacity:0}, {opacity:1}); var reveal = new TimelineMax({yoyo: true}) .add([ TweenMax.from("#start .flower", 0.7, {top: "5%", left: 10}), TweenMax.to("#start .leaf", 0.7, {top: "15%", right: "15%"}), TweenMax.to("#start .flower-text", 0.7, {opacity: 1}, '0'), TweenMax.to("#start .leaf-text", 0.7, {opacity: 1}), TweenMax.to("#start .slide2-heading", 2, {opacity: 0}), ]); var reveal2 = new TimelineMax() .add([ TweenMax.from("#start .flower2", 1, {top: "0%"}), TweenMax.to("#start .flower2-container", 1, {position:"relative"}, '0'), TweenMax.to("#start .slide3-heading", 2, {opacity: 0}), ]); // container pin var startpin = new ScrollMagic.Scene({ duration: 550, }) .setPin("section#start") .addTo(controller); // big reveal new ScrollMagic.Scene({ duration: 200, offset: 100 }) .setTween(reveal) .addTo(controller); // flower movement new ScrollMagic.Scene({ duration: 200, offset: 150 }) .setTween(flower) .addTo(controller); // leaf movement new ScrollMagic.Scene({ duration: 200, offset: 150 }) .setTween(leaf) .addTo(controller); // text movement new ScrollMagic.Scene({ duration: 200, offset: 130 }) .setTween(text) .addTo(controller); // leaftext movement new ScrollMagic.Scene({ duration: 200, offset: 130 }) .setTween(leaftext) .addTo(controller); // slide2-heading movement new ScrollMagic.Scene({ duration: 200, offset: 170 }) .setTween(slide2heading) .addTo(controller); }