<link href='./enterpriseinfo/stylesheets/pre-login/pre-login.css' rel='stylesheet' type='text/css'>
<div style="float:left; overflow: visible; width:64%; height: 100%; background-color: #02060B;">
    <div id="slider2_container" style="margin:0 auto;">
        <div id="slider_inner" u="slides" style="padding: 20px;">
            <div>
                <div class="title" data-localize="enterpriseinfo.pitch2-title"></div>
                <div class="text" data-localize="enterpriseinfo.pitch2"></div>
                <div class="link">
                    <a href="https://count.ly/enterprise-edition/" target="_blank" data-localize="enterpriseinfo.learn-more"></a>
                </div>
                <div class="image" style="right:65px;">
                    <img src="./enterpriseinfo/images/slide1.svg"/>
                </div>
            </div>
            <div>
                <div class="title" data-localize="enterpriseinfo.pitch4-title"></div>
                <div class="text" data-localize="enterpriseinfo.pitch4"></div>
                <div class="link">
                    <a href="https://count.ly/plugins" target="_blank" data-localize="enterpriseinfo.learn-more"></a>
                </div>
                <div class="image" style="bottom:67px; right:83px;">
                    <img src="./enterpriseinfo/images/slide4.svg"/>
                </div>
            </div>
            <div>
                <div class="title" data-localize="enterpriseinfo.pitch1-title"></div>
                <div class="text" data-localize="enterpriseinfo.pitch1"></div>
                <div class="link">
                    <a href="https://count.ly/countly-mobile-application/" target="_blank" data-localize="enterpriseinfo.learn-more"></a>
                </div>
                <div class="image" style="right:95px;">
                    <img src="./enterpriseinfo/images/slide2.svg"/>
                </div>
            </div>
            <div>
                <div class="title" data-localize="enterpriseinfo.pitch3-title"></div>
                <div class="text" data-localize="enterpriseinfo.pitch3"></div>
                <div class="link">
                    <a href="https://count.ly/enterprise-edition/" target="_blank" data-localize="enterpriseinfo.learn-more"></a>
                </div>
                <div class="image" style="bottom:-5px; right:90px;">
                    <img src="./enterpriseinfo/images/slide3.svg"/>
                </div>
            </div>
        </div>
        <div u="thumbnavigator" class="jssort12" style="position: absolute; width: 0px; height: 0px; left:0px; top: 0px;">
            <div u="slides" style="cursor: move; top:0px; left:0px; border-left: 1px solid gray;">
                <div u="prototype" class="p" style="POSITION: absolute; WIDTH: 100px; HEIGHT: 0px; TOP: 0; LEFT: 0; padding:0px;">
                    <div class=w><ThumbnailTemplate class="c" style=" WIDTH: 100%; HEIGHT: 100%; position:absolute; TOP: 0; LEFT: 0; line-height:28px; text-align:center;"></ThumbnailTemplate></div>
                </div>
            </div>
        </div>
        <div u="navigator" class="jssorb01" style="position: relative; bottom: 15px; right: 15px;">
            <!-- bullet navigator item prototype -->
            <div u="prototype" class="jssor-bullet"></div>
        </div>
    </div>
</div>
<script type="text/javascript" src="./enterpriseinfo/javascripts/jssor.slider.min.js"></script>
<!-- JS PART -->
    jssor_slider2_starter = function (containerId) {
        var options = {
            $AutoPlay: true,
            $AutoPlaySteps: 1,
            $DragOrientation : 0,
            $Idle: 10000,
            $BulletNavigatorOptions: {
                $Class: $JssorBulletNavigator$,
                $ChanceToShow: 2,
                $AutoCenter: 1,
                $ActionMode: 2
            },
            $StartIndex: Math.floor(Math.random() * 4)
        };

        var jssor_slider2 = new $JssorSlider$(containerId, options);
    };

    jssor_slider2_starter('slider2_container');
    $(document).ready(function() {
        setTimeout(function() { $("#slider_inner").fadeIn({speed:1000}); }, 1000);
        addLocalization('enterpriseinfo', countlyGlobal["cdn"]+'enterpriseinfo/localization/');
    });