<div data-parallaxout="0.45" data-delayout="0" data-easingout="linear" data-durationout="500" data-animationout="0" data-playoutafter="0" data-parallaxin="1" data-delayin="1200" data-easingin="easeOutQuint" data-durationin="800" data-animationin="rotatedownright" data-name="Mobile" class="smart-slider-layer" style="top: 6.5%; left: 59.161%; width: 40.938%; height: 93.5%; position: absolute; z-index: 2; display: block; opacity: 1; transform: rotate(0deg); visibility: visible; transform-origin: right bottom 0px;" data-animation="slide"><div style="" class="smart-slider-items" data-item="image" data-itemvalues="{&quot;image&quot;:&quot;http://www.nextendweb.com/static/demoslider/slide1-mobile.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;onclick&quot;:&quot;&quot;,&quot;size&quot;:&quot;100%|*|&quot;,&quot;width&quot;:&quot;100%&quot;,&quot;height&quot;:&quot;&quot;,&quot;css&quot;:&quot;&quot;}"><div>
          <img src="http://www.nextendweb.com/static/demoslider/slide1-mobile.png" onclick=";" style="display: block; max-width: 100%; ;width:100%;height:;" alt="Image not available">
        </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="0" data-easingin="linear" data-durationin="500" data-animationin="0" data-name="Heading" class="smart-slider-layer" style="top: 15%; left: 6%; width: 46.355%; height: 20.5%; position: absolute; z-index: 4; display: block;" data-animation="slide"><div style="" class="smart-slider-items" data-item="heading" data-itemvalues="{&quot;priority&quot;:&quot;1&quot;,&quot;heading&quot;:&quot;Our name is Nextend.&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;">
                  Our name is Nextend.
                </h1></div><div style="" class="smart-slider-items" data-item="heading" data-itemvalues="{&quot;priority&quot;:&quot;1&quot;,&quot;heading&quot;:&quot;We’re two enthusiastic guy from Hungary.&quot;,&quot;link&quot;:&quot;#|*|_self&quot;,&quot;url&quot;:&quot;#&quot;,&quot;target&quot;:&quot;_self&quot;,&quot;fontclass&quot;:&quot;sliderfont3&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="sliderfont3 " style="padding: 0;
                    margin: 0;
                    background: none;
                    box-shadow: none;">
                  We’re two enthusiastic guy from Hungary.
                </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="0" data-easingin="linear" data-durationin="500" data-animationin="0" data-name="Paragraph" class="smart-slider-layer" style="top: 36%; left: 6%; width: 46.25%; height: 31.25%; position: absolute; z-index: 5; display: block;" data-animation="slide"><div style="" class="smart-slider-items" data-item="paragraph" data-itemvalues="{&quot;content&quot;:&quot;Our philosophy is to create buzz in the WordPress and Joomla community with our innovative designed, lightweight, impulsive and engaging ideas. We love helping people. Premium quality extensions and plugins!  If you are looking for a creative agency then you've come to the right place. Be prepared for Nextend softwares! &quot;,&quot;fontclass&quot;:&quot;sliderfont5&quot;,&quot;css&quot;:&quot;color: RGBA(255,255,255,.8)&quot;,&quot;class&quot;:&quot;&quot;}"><p class="sliderfont5 " style="color: RGBA(255,255,255,.8)">Our philosophy is to create buzz in the WordPress and Joomla community with our innovative designed, lightweight, impulsive and engaging ideas. We love helping people. Premium quality extensions and plugins!  If you are looking for a creative agency then you've come to the right place. Be prepared for Nextend softwares! </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.1" data-delayin="2200" data-easingin="easeInOutCubic" data-durationin="500" data-animationin="faderight" data-name="Brush" class="smart-slider-layer" style="top: 11.25%; left: 31%; width: 23.855%; height: 25.25%; position: absolute; z-index: 3; 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="image" data-itemvalues="{&quot;image&quot;:&quot;http://www.nextendweb.com/static/demoslider/slide1-brush.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;onclick&quot;:&quot;&quot;,&quot;size&quot;:&quot;100%|*|&quot;,&quot;width&quot;:&quot;100%&quot;,&quot;height&quot;:&quot;&quot;,&quot;css&quot;:&quot;&quot;}"><div>
          <img src="http://www.nextendweb.com/static/demoslider/slide1-brush.png" onclick=";" style="display: block; max-width: 100%; ;width:100%;height:;" alt="Image not available">
        </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="300" data-easingin="easeInOutQuad" data-durationin="800" data-animationin="fadeup" data-name="Portfolio button" class="smart-slider-layer" style="top: 72%; left: 34%; width: 18.021%; height: 28%; 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="button" data-itemvalues="{&quot;content&quot;:&quot;Portfolio&quot;,&quot;link&quot;:&quot;#|*|_self&quot;,&quot;url&quot;:&quot;#&quot;,&quot;target&quot;:&quot;_self&quot;,&quot;skins&quot;:&quot;0&quot;,&quot;buttonclass&quot;:&quot;poison-opacity-button&quot;,&quot;css&quot;:&quot;padding: 4.5% 8%;\nbox-shadow: 0 1px 1px RGBA(0,0,0,0.2);\nborder: 2px solid rgba(0, 206, 155, 0.6);\ntext-transform: uppercase;\n-webkit-border-radius: 2px;\n-moz-border-radius: 2px;\nborder-radius: 2px;\nbackground: #00ce9b;\nbackground: rgba(0, 206, 155, 0.5);\n-webkit-transition: all 0.2s ease-in-out 0s;\n-moz-transition: all 0.2s ease-in-out 0s;\n-ms-transition: all 0.2s ease-in-out 0s;\n-o-transition: all 0.2s ease-in-out 0s;\ntransition: all 0.2s ease-in-out 0s;\n&quot;,&quot;csshover&quot;:&quot;background: #00ce9b;background: rgba(0, 206, 155, 0.8);\n              &quot;,&quot;fontclass&quot;:&quot;sliderfont11&quot;,&quot;class&quot;:&quot;&quot;}"><div class="nextend-smartslider-button-poison-opacity-button-container sliderfont11" style="cursor:pointer; width: 100%;">
    <a href="#" onclick="if(this.getAttribute('href') == '#') return false;" target="_self" style="display: block;" class="nextend-smartslider-button-poison-opacity-button ">
      Portfolio
    </a>
</div>
<style type="text/css">
    div#nextend-smart-slider-0 div.nextend-smartslider-button-poison-opacity-button-container a.nextend-smartslider-button-poison-opacity-button{
        padding: 4.5% 8%;
box-shadow: 0 1px 1px RGBA(0,0,0,0.2);
border: 2px solid rgba(0, 206, 155, 0.6);
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #00ce9b;
background: rgba(0, 206, 155, 0.5);
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;

    }
    
    div#nextend-smart-slider-0 div.nextend-smartslider-button-poison-opacity-button-container a.nextend-smartslider-button-poison-opacity-button:HOVER,
    div#nextend-smart-slider-0 div.nextend-smartslider-button-poison-opacity-button-container a.nextend-smartslider-button-poison-opacity-button:FOCUS,
    div#nextend-smart-slider-0 div.nextend-smartslider-button-poison-opacity-button-container a.nextend-smartslider-button-poison-opacity-button:ACTIVE{
        background: #00ce9b;background: rgba(0, 206, 155, 0.8);
              
    }
</style></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="0" data-easingin="easeInOutQuad" data-durationin="800" data-animationin="fadeup" data-name="Contact button" class="smart-slider-layer" style="top: 72%; left: 6%; width: 18.021%; height: 28%; position: absolute; z-index: 7; display: block; opacity: 1; transform: translate(0px, 0px); visibility: visible;" data-animation="slide"><div style="" class="smart-slider-items" data-item="button" data-itemvalues="{&quot;content&quot;:&quot;Contact&quot;,&quot;link&quot;:&quot;#|*|_self&quot;,&quot;url&quot;:&quot;#&quot;,&quot;target&quot;:&quot;_self&quot;,&quot;skins&quot;:&quot;0&quot;,&quot;buttonclass&quot;:&quot;poison-opacity-inv-button&quot;,&quot;css&quot;:&quot;padding: 4.5% 8%;\nbox-shadow: 0 1px 1px RGBA(0,0,0,0.2);\ntext-transform: uppercase;\n-webkit-border-radius: 2px;\n-moz-border-radius: 2px;\nborder-radius: 2px;              \nborder: 2px solid rgba(0, 206, 155, 0.8);\nbackground: #00ce9b;\nbackground: rgba(0, 206, 155, 0.8);\n-webkit-transition: all 0.2s ease-in-out 0s;\n-moz-transition: all 0.2s ease-in-out 0s;\n-ms-transition: all 0.2s ease-in-out 0s;\n-o-transition: all 0.2s ease-in-out 0s;\ntransition: all 0.2s ease-in-out 0s;\n&quot;,&quot;csshover&quot;:&quot;background: #00ce9b;background: rgba(0, 206, 155, 0.5);\nborder: 2px solid rgba(0, 206, 155, 0.6);\n              &quot;,&quot;fontclass&quot;:&quot;sliderfont11&quot;,&quot;class&quot;:&quot;&quot;}"><div class="nextend-smartslider-button-poison-opacity-inv-button-container sliderfont11" style="cursor:pointer; width: 100%;">
    <a href="#" onclick="if(this.getAttribute('href') == '#') return false;" target="_self" style="display: block;" class="nextend-smartslider-button-poison-opacity-inv-button ">
      Contact
    </a>
</div>
<style type="text/css">
    div#nextend-smart-slider-0 div.nextend-smartslider-button-poison-opacity-inv-button-container a.nextend-smartslider-button-poison-opacity-inv-button{
        padding: 4.5% 8%;
box-shadow: 0 1px 1px RGBA(0,0,0,0.2);
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;              
border: 2px solid rgba(0, 206, 155, 0.8);
background: #00ce9b;
background: rgba(0, 206, 155, 0.8);
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;

    }
    
    div#nextend-smart-slider-0 div.nextend-smartslider-button-poison-opacity-inv-button-container a.nextend-smartslider-button-poison-opacity-inv-button:HOVER,
    div#nextend-smart-slider-0 div.nextend-smartslider-button-poison-opacity-inv-button-container a.nextend-smartslider-button-poison-opacity-inv-button:FOCUS,
    div#nextend-smart-slider-0 div.nextend-smartslider-button-poison-opacity-inv-button-container a.nextend-smartslider-button-poison-opacity-inv-button:ACTIVE{
        background: #00ce9b;background: rgba(0, 206, 155, 0.5);
border: 2px solid rgba(0, 206, 155, 0.6);
              
    }
</style></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="100" data-easingin="easeInOutQuad" data-durationin="800" data-animationin="fadeup" data-name="or" class="smart-slider-layer" style="top: 74.5%; left: 23.646%; width: 10.834%; height: 25.5%; 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="heading" data-itemvalues="{&quot;priority&quot;:&quot;1&quot;,&quot;heading&quot;:&quot;OR&quot;,&quot;link&quot;:&quot;#|*|_self&quot;,&quot;url&quot;:&quot;#&quot;,&quot;target&quot;:&quot;_self&quot;,&quot;fontclass&quot;:&quot;sliderfont11&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="sliderfont11 " style="padding: 0;
                    margin: 0;
                    background: none;
                    box-shadow: none;">
                  OR
                </h1></div></div>