<div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.1" data-delayin="0" data-easingin="easeInOutCubic" data-durationin="800" data-animationin="faderight" data-name="Title 1" class="smart-slider-layer" style="top: 14%; left: 23%; width: 20%; height: 15.75%; position: absolute; z-index: 2; display: block; opacity: 1; transform: translate(0px, 0px); visibility: visible;" data-animation="slide"><div style="" class="smart-slider-items" data-item="heading" data-itemvalues="{&quot;priority&quot;:&quot;1&quot;,&quot;heading&quot;:&quot;Meet our&quot;,&quot;link&quot;:&quot;#|*|_self&quot;,&quot;url&quot;:&quot;#&quot;,&quot;target&quot;:&quot;_self&quot;,&quot;fontclass&quot;:&quot;sliderfont1&quot;,&quot;skins&quot;:&quot;&quot;,&quot;css&quot;:&quot;padding: 0;\n                    margin: 0;\n                    background: none;\n                    box-shadow: none;&quot;,&quot;class&quot;:&quot;&quot;}"><h1 class="sliderfont1 " style="padding: 0;
                    margin: 0;
                    background: none;
                    box-shadow: none;">
                  Meet our
                </h1></div></div><div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.1" data-delayin="0" data-easingin="easeInOutCubic" data-durationin="500" data-animationin="fadeleft" data-name="Title 3" class="smart-slider-layer" style="top: 14%; left: 61%; width: 14.271%; height: 14.75%; position: absolute; z-index: 3; display: block; opacity: 1; transform: translate(0px, 0px); visibility: visible;" data-animation="slide"><div style="display: block;" class="smart-slider-items" data-item="heading" data-itemvalues="{&quot;priority&quot;:&quot;1&quot;,&quot;heading&quot;:&quot;team.&quot;,&quot;link&quot;:&quot;#|*|_self&quot;,&quot;url&quot;:&quot;#&quot;,&quot;target&quot;:&quot;_self&quot;,&quot;fontclass&quot;:&quot;sliderfont1&quot;,&quot;skins&quot;:&quot;&quot;,&quot;css&quot;:&quot;padding: 0;\n                    margin: 0;\n                    background: none;\n                    box-shadow: none;&quot;,&quot;class&quot;:&quot;&quot;}"><h1 class="sliderfont1 " style="padding: 0;
                    margin: 0;
                    background: none;
                    box-shadow: none;">
                  team.
                </h1></div></div><div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.45" data-delayin="300" data-easingin="easeInOutCubic" data-durationin="500" data-animationin="bounce" data-name="Title 2" class="smart-slider-layer" style="top: 12.5%; left: 43.727%; width: 20%; height: 16%; position: absolute; z-index: 4; display: block; opacity: 1; transform: scale(1, 1); visibility: visible;" data-animation="slide"><div style="display: block;" class="smart-slider-items" data-item="heading" data-itemvalues="{&quot;priority&quot;:&quot;1&quot;,&quot;heading&quot;:&quot;awesome&quot;,&quot;link&quot;:&quot;#|*|_self&quot;,&quot;url&quot;:&quot;#&quot;,&quot;target&quot;:&quot;_self&quot;,&quot;fontclass&quot;:&quot;sliderfontcustom1&quot;,&quot;skins&quot;:&quot;&quot;,&quot;css&quot;:&quot;padding: 0;\n                    margin: 0;\n                    background: none;\n                    box-shadow: none;&quot;,&quot;class&quot;:&quot;&quot;}"><h1 class="sliderfontcustom1 " style="padding: 0;
                    margin: 0;
                    background: none;
                    box-shadow: none;">
                  awesome
                </h1></div></div>                    <div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.45" data-delayin="800" data-easingin="easeInOutCubic" data-durationin="800" data-animationin="fadedown" data-name="Tony text" class="smart-slider-layer" style="top: 67%; left: 11%; width: 16.667%; height: 14%; position: absolute; z-index: 5; display: block; opacity: 1; transform: translate(0px, 0px); visibility: visible;" data-animation="slide"><div style="" class="smart-slider-items" data-item="paragraph" data-itemvalues="{&quot;content&quot;:&quot;Tony Stark&quot;,&quot;fontclass&quot;:&quot;sliderfontcustom2&quot;,&quot;css&quot;:&quot;&quot;,&quot;class&quot;:&quot;&quot;}"><p class="sliderfontcustom2 " style="">Tony Stark</p></div><div style="" class="smart-slider-items" data-item="paragraph" data-itemvalues="{&quot;content&quot;:&quot;CEO&quot;,&quot;fontclass&quot;:&quot;sliderfontcustom3&quot;,&quot;css&quot;:&quot;&quot;,&quot;class&quot;:&quot;&quot;}"><p class="sliderfontcustom3 " style="">CEO</p></div></div>                    <div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.45" data-delayin="600" data-easingin="easeInOutCubic" data-durationin="800" data-animationin="fadeup" data-name="Tony Stark avatar" class="smart-slider-layer" style="top: 40%; left: 14%; width: 10.313%; height: 27.5%; position: absolute; z-index: 6; display: block; opacity: 1; transform: translate(0px, 0px); visibility: visible;" data-animation="slide"><div style="" class="smart-slider-items" data-item="fade" data-itemvalues="{&quot;imagefront&quot;:&quot;http://www.nextendweb.com/static/demoslider/slide2-tony.png&quot;,&quot;imageback&quot;:&quot;http://www.nextendweb.com/static/demoslider/slide2-tony-fade.png&quot;,&quot;alt&quot;:&quot;Image not available&quot;,&quot;link&quot;:&quot;#|*|_self&quot;,&quot;url&quot;:&quot;#&quot;,&quot;target&quot;:&quot;_self&quot;,&quot;width&quot;:&quot;100%&quot;,&quot;css&quot;:&quot;&quot;,&quot;fadeclass&quot;:&quot;myfade&quot;,&quot;class&quot;:&quot;&quot;}"><div style="line-height:0;  position: relative;cursor:undefined;" class="nextend-smartslider-fade-container nextend-smartslider-fade-myfade"> 
            <span class="nextend-smartslider-fade">
                <img alt="Image not available" src="http://www.nextendweb.com/static/demoslider/slide2-tony.png" style="max-width: 100%; width: 100%;" class="nextend-smartslider-fade-front-img">
                <img alt="Image not available" src="http://www.nextendweb.com/static/demoslider/slide2-tony-fade.png" style="max-width: 100%; width: 100%;" class="nextend-smartslider-fade-back-img">
                <style>
                  div#nextend-smart-slider-0 .nextend-smartslider-fade-container{
                    display: block;
                  }          
                  
                  div#nextend-smart-slider-0 .nextend-smartslider-fade-container .nextend-smartslider-fade .nextend-smartslider-fade-back-img{
                  	-webkit-transition:opacity .4s ease-in-out;
                  	-moz-transition:opacity .4s ease-in-out;
                  	-o-transition:opacity .4s ease-in-out;
                  	transition:opacity .4s ease-in-out;
                  	opacity:0
                  }
                  
                  div#nextend-smart-slider-0 .nextend-smartslider-fade-container .nextend-smartslider-fade:HOVER .nextend-smartslider-fade-back-img{
                  	opacity:0.9999;
                  }
                  div#nextend-smart-slider-0 .nextend-smartslider-fade-container .nextend-smartslider-fade-back-img{
                  	position:absolute;
                  	top:0;
                  	left:0
                  }
        
        
                </style>
            </span>
          </div></div></div>                    <div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.45" data-delayin="1200" data-easingin="easeInOutCubic" data-durationin="800" data-animationin="fadeup" data-name="Black Widow avatar" class="smart-slider-layer" style="top: 40%; left: 34%; width: 10.313%; height: 27.5%; position: absolute; z-index: 7; display: block; opacity: 1; transform: translate(0px, 0px) rotate(0deg); visibility: visible; transform-origin: center center 0px;" data-animation="slide"><div style="" class="smart-slider-items" data-item="fade" data-itemvalues="{&quot;imagefront&quot;:&quot;http://www.nextendweb.com/static/demoslider/slide2-blackwidow.png&quot;,&quot;imageback&quot;:&quot;http://www.nextendweb.com/static/demoslider/slide2-blackwidow-fade.png&quot;,&quot;alt&quot;:&quot;Image not available&quot;,&quot;link&quot;:&quot;#|*|_self&quot;,&quot;url&quot;:&quot;#&quot;,&quot;target&quot;:&quot;_self&quot;,&quot;width&quot;:&quot;100%&quot;,&quot;css&quot;:&quot;&quot;,&quot;fadeclass&quot;:&quot;myfade&quot;,&quot;class&quot;:&quot;&quot;}"><div style="line-height:0;  position: relative;cursor:undefined;" class="nextend-smartslider-fade-container nextend-smartslider-fade-myfade"> 
            <span class="nextend-smartslider-fade">
                <img alt="Image not available" src="http://www.nextendweb.com/static/demoslider/slide2-blackwidow.png" style="max-width: 100%; width: 100%;" class="nextend-smartslider-fade-front-img">
                <img alt="Image not available" src="http://www.nextendweb.com/static/demoslider/slide2-blackwidow-fade.png" style="max-width: 100%; width: 100%;" class="nextend-smartslider-fade-back-img">
                <style>
                  div#nextend-smart-slider-0 .nextend-smartslider-fade-container{
                    display: block;
                  }          
                  
                  div#nextend-smart-slider-0 .nextend-smartslider-fade-container .nextend-smartslider-fade .nextend-smartslider-fade-back-img{
                  	-webkit-transition:opacity .4s ease-in-out;
                  	-moz-transition:opacity .4s ease-in-out;
                  	-o-transition:opacity .4s ease-in-out;
                  	transition:opacity .4s ease-in-out;
                  	opacity:0
                  }
                  
                  div#nextend-smart-slider-0 .nextend-smartslider-fade-container .nextend-smartslider-fade:HOVER .nextend-smartslider-fade-back-img{
                  	opacity:0.9999;
                  }
                  div#nextend-smart-slider-0 .nextend-smartslider-fade-container .nextend-smartslider-fade-back-img{
                  	position:absolute;
                  	top:0;
                  	left:0
                  }
        
        
                </style>
            </span>
          </div></div></div><div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.45" data-delayin="1400" data-easingin="easeInOutCubic" data-durationin="800" data-animationin="fadedown" data-name="Black Widow text" class="smart-slider-layer" style="top: 67%; left: 31.2%; width: 16.667%; height: 14%; position: absolute; z-index: 8; display: block; opacity: 1; transform: translate(0px, 0px); visibility: visible;" data-animation="slide"><div style="" class="smart-slider-items" data-item="paragraph" data-itemvalues="{&quot;content&quot;:&quot;Black Widow&quot;,&quot;fontclass&quot;:&quot;sliderfontcustom2&quot;,&quot;css&quot;:&quot;&quot;,&quot;class&quot;:&quot;&quot;}"><p class="sliderfontcustom2 " style="">Black Widow</p></div><div style="" class="smart-slider-items" data-item="paragraph" data-itemvalues="{&quot;content&quot;:&quot;Art Director&quot;,&quot;fontclass&quot;:&quot;sliderfontcustom3&quot;,&quot;css&quot;:&quot;&quot;,&quot;class&quot;:&quot;&quot;}"><p class="sliderfontcustom3 " style="">Art Director</p></div></div><div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.45" data-delayin="3500" data-easingin="easeInOutCubic" data-durationin="800" data-animationin="fadeup" data-name="The Hulk avatar" class="smart-slider-layer" style="top: 40%; left: 54%; width: 10.313%; height: 27.5%; position: absolute; z-index: 9; display: block; opacity: 1; transform: translate(0px, 0px); visibility: visible; transform-origin: center center 0px;" data-animation="slide"><div style="" class="smart-slider-items" data-item="fade" data-itemvalues="{&quot;imagefront&quot;:&quot;http://www.nextendweb.com/static/demoslider/slide2-hulk.png&quot;,&quot;imageback&quot;:&quot;http://www.nextendweb.com/static/demoslider/slide2-hulk-fade.png&quot;,&quot;alt&quot;:&quot;Image not available&quot;,&quot;link&quot;:&quot;#|*|_self&quot;,&quot;url&quot;:&quot;#&quot;,&quot;target&quot;:&quot;_self&quot;,&quot;width&quot;:&quot;100%&quot;,&quot;css&quot;:&quot;&quot;,&quot;fadeclass&quot;:&quot;myfade&quot;,&quot;class&quot;:&quot;&quot;}"><div style="line-height:0;  position: relative;cursor:undefined;" class="nextend-smartslider-fade-container nextend-smartslider-fade-myfade"> 
            <span class="nextend-smartslider-fade">
                <img alt="Image not available" src="http://www.nextendweb.com/static/demoslider/slide2-hulk.png" style="max-width: 100%; width: 100%;" class="nextend-smartslider-fade-front-img">
                <img alt="Image not available" src="http://www.nextendweb.com/static/demoslider/slide2-hulk-fade.png" style="max-width: 100%; width: 100%;" class="nextend-smartslider-fade-back-img">
                <style>
                  div#nextend-smart-slider-0 .nextend-smartslider-fade-container{
                    display: block;
                  }          
                  
                  div#nextend-smart-slider-0 .nextend-smartslider-fade-container .nextend-smartslider-fade .nextend-smartslider-fade-back-img{
                  	-webkit-transition:opacity .4s ease-in-out;
                  	-moz-transition:opacity .4s ease-in-out;
                  	-o-transition:opacity .4s ease-in-out;
                  	transition:opacity .4s ease-in-out;
                  	opacity:0
                  }
                  
                  div#nextend-smart-slider-0 .nextend-smartslider-fade-container .nextend-smartslider-fade:HOVER .nextend-smartslider-fade-back-img{
                  	opacity:0.9999;
                  }
                  div#nextend-smart-slider-0 .nextend-smartslider-fade-container .nextend-smartslider-fade-back-img{
                  	position:absolute;
                  	top:0;
                  	left:0
                  }
        
        
                </style>
            </span>
          </div></div></div><div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.45" data-delayin="2000" data-easingin="easeInOutCubic" data-durationin="500" data-animationin="fadedown" data-name="The Hulk text" class="smart-slider-layer" style="top: 67%; left: 51%; width: 16.667%; height: 14%; position: absolute; z-index: 10; display: block; opacity: 1; transform: translate(0px, 0px); visibility: visible;" data-animation="slide"><div style="" class="smart-slider-items" data-item="paragraph" data-itemvalues="{&quot;content&quot;:&quot;The Hulk&quot;,&quot;fontclass&quot;:&quot;sliderfontcustom2&quot;,&quot;css&quot;:&quot;&quot;,&quot;class&quot;:&quot;&quot;}"><p class="sliderfontcustom2 " style="">The Hulk</p></div><div style="" class="smart-slider-items" data-item="paragraph" data-itemvalues="{&quot;content&quot;:&quot;Designer&quot;,&quot;fontclass&quot;:&quot;sliderfontcustom3&quot;,&quot;css&quot;:&quot;&quot;,&quot;class&quot;:&quot;&quot;}"><p class="sliderfontcustom3 " style="">Designer</p></div></div><div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.45" data-delayin="2400" data-easingin="easeInOutCubic" data-durationin="800" data-animationin="fadeup" data-name="Thor avatar" class="smart-slider-layer" style="top: 40%; left: 74%; width: 10.313%; height: 27.5%; position: absolute; z-index: 11; display: block; opacity: 1; transform: translate(0px, 0px); visibility: visible;" data-animation="slide"><div style="" class="smart-slider-items" data-item="fade" data-itemvalues="{&quot;imagefront&quot;:&quot;http://www.nextendweb.com/static/demoslider/slide2-thor.png&quot;,&quot;imageback&quot;:&quot;http://www.nextendweb.com/static/demoslider/slide2-thor-fade.png&quot;,&quot;alt&quot;:&quot;Image not available&quot;,&quot;link&quot;:&quot;#|*|_self&quot;,&quot;url&quot;:&quot;#&quot;,&quot;target&quot;:&quot;_self&quot;,&quot;width&quot;:&quot;100%&quot;,&quot;css&quot;:&quot;&quot;,&quot;fadeclass&quot;:&quot;myfade&quot;,&quot;class&quot;:&quot;&quot;}"><div style="line-height:0;  position: relative;cursor:undefined;" class="nextend-smartslider-fade-container nextend-smartslider-fade-myfade"> 
            <span class="nextend-smartslider-fade">
                <img alt="Image not available" src="http://www.nextendweb.com/static/demoslider/slide2-thor.png" style="max-width: 100%; width: 100%;" class="nextend-smartslider-fade-front-img">
                <img alt="Image not available" src="http://www.nextendweb.com/static/demoslider/slide2-thor-fade.png" style="max-width: 100%; width: 100%;" class="nextend-smartslider-fade-back-img">
                <style>
                  div#nextend-smart-slider-0 .nextend-smartslider-fade-container{
                    display: block;
                  }          
                  
                  div#nextend-smart-slider-0 .nextend-smartslider-fade-container .nextend-smartslider-fade .nextend-smartslider-fade-back-img{
                  	-webkit-transition:opacity .4s ease-in-out;
                  	-moz-transition:opacity .4s ease-in-out;
                  	-o-transition:opacity .4s ease-in-out;
                  	transition:opacity .4s ease-in-out;
                  	opacity:0
                  }
                  
                  div#nextend-smart-slider-0 .nextend-smartslider-fade-container .nextend-smartslider-fade:HOVER .nextend-smartslider-fade-back-img{
                  	opacity:0.9999;
                  }
                  div#nextend-smart-slider-0 .nextend-smartslider-fade-container .nextend-smartslider-fade-back-img{
                  	position:absolute;
                  	top:0;
                  	left:0
                  }
        
        
                </style>
            </span>
          </div></div></div><div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="0.45" data-delayin="2700" data-easingin="easeInOutCubic" data-durationin="800" data-animationin="fadedown" data-name="Thor text" class="smart-slider-layer" style="top: 67%; left: 71%; width: 16.667%; height: 14%; position: absolute; z-index: 12; display: block; opacity: 1; transform: translate(0px, 0px); visibility: visible;" data-animation="slide"><div style="" class="smart-slider-items" data-item="paragraph" data-itemvalues="{&quot;content&quot;:&quot;Thor&quot;,&quot;fontclass&quot;:&quot;sliderfontcustom2&quot;,&quot;css&quot;:&quot;&quot;,&quot;class&quot;:&quot;&quot;}"><p class="sliderfontcustom2 " style="">Thor</p></div><div style="" class="smart-slider-items" data-item="paragraph" data-itemvalues="{&quot;content&quot;:&quot;Developer&quot;,&quot;fontclass&quot;:&quot;sliderfontcustom3&quot;,&quot;css&quot;:&quot;&quot;,&quot;class&quot;:&quot;&quot;}"><p class="sliderfontcustom3 " style="">Developer</p></div></div>                    <div data-parallaxout="0.45" data-delayout="1300" data-easingout="easeInOutCubic" data-durationout="500" data-animationout="fadedown" data-playoutafter="1" data-parallaxin="0.45" data-delayin="1800" data-easingin="easeInOutCubic" data-durationin="800" data-animationin="fadeup" data-name="Loki avatar (out)" class="smart-slider-layer" style="top: 40%; left: 54%; width: 10.313%; height: 27.5%; position: absolute; z-index: 13; display: block; opacity: 1; transform: translate(0px, 0px); visibility: visible; transform-origin: center center 0px;" data-animation="slide"><div style="" class="smart-slider-items" data-item="fade" data-itemvalues="{&quot;imagefront&quot;:&quot;http://www.nextendweb.com/static/demoslider/slide2-loki.png&quot;,&quot;imageback&quot;:&quot;http://www.nextendweb.com/static/demoslider/slide2-loki-fade.png&quot;,&quot;alt&quot;:&quot;Image not available&quot;,&quot;link&quot;:&quot;#|*|_self&quot;,&quot;url&quot;:&quot;#&quot;,&quot;target&quot;:&quot;_self&quot;,&quot;width&quot;:&quot;100%&quot;,&quot;css&quot;:&quot;&quot;,&quot;fadeclass&quot;:&quot;myfade&quot;,&quot;class&quot;:&quot;&quot;}"><div style="line-height:0;  position: relative;cursor:undefined;" class="nextend-smartslider-fade-container nextend-smartslider-fade-myfade"> 
            <span class="nextend-smartslider-fade">
                <img alt="Image not available" src="http://www.nextendweb.com/static/demoslider/slide2-loki.png" style="max-width: 100%; width: 100%;" class="nextend-smartslider-fade-front-img">
                <img alt="Image not available" src="http://www.nextendweb.com/static/demoslider/slide2-loki-fade.png" style="max-width: 100%; width: 100%;" class="nextend-smartslider-fade-back-img">
                <style>
                  div#nextend-smart-slider-0 .nextend-smartslider-fade-container{
                    display: block;
                  }          
                  
                  div#nextend-smart-slider-0 .nextend-smartslider-fade-container .nextend-smartslider-fade .nextend-smartslider-fade-back-img{
                  	-webkit-transition:opacity .4s ease-in-out;
                  	-moz-transition:opacity .4s ease-in-out;
                  	-o-transition:opacity .4s ease-in-out;
                  	transition:opacity .4s ease-in-out;
                  	opacity:0
                  }
                  
                  div#nextend-smart-slider-0 .nextend-smartslider-fade-container .nextend-smartslider-fade:HOVER .nextend-smartslider-fade-back-img{
                  	opacity:0.9999;
                  }
                  div#nextend-smart-slider-0 .nextend-smartslider-fade-container .nextend-smartslider-fade-back-img{
                  	position:absolute;
                  	top:0;
                  	left:0
                  }
        
        
                </style>
            </span>
          </div></div></div>