@{title('پنل')}


<div class="Hrow">
    <div class="Hcontainer Hcontainer-1300  Hpadd-1per" id="tec-details">
            <h2>داشبرد <small data-color="#aaa">کنترل پنل</small></h2>
            <div class="Hcol-xlg-4 Hcol-lg-4 Hcol-xmd-6 Hcol-md-4 Hcol-xsm-4 Hcol-sm-6 Hcol-xs-6 Hcol-xss-12 Hpadd-15">
                <div class="Hrow Hpadd-10" data-bgcolor="rgb(0,166,90)" data-color="#fff">
                    <h2>3524</h2>
                    <small>بازدید سالانه</small>
                    <span class="Hfloat-L fas fa-chart-bar" data-color="rgb(3,142,75)" style="font-size:50px;top:-30px;position:relative;"></span>
                </div>
            </div>
            
            <div class="Hcol-xlg-4 Hcol-lg-4 Hcol-xmd-6 Hcol-md-4 Hcol-xsm-4 Hcol-sm-6 Hcol-xs-6 Hcol-xss-12 Hpadd-15">
                <div class="Hrow Hpadd-10" data-bgcolor="rgb(0,192,239)" data-color="#fff">
                    <h2>3524</h2>
                    <small>بازدید ماهانه</small>
                    <span class="Hfloat-L fas fa-chart-bar" data-color="rgb(0,163,208)" style="font-size:50px;top:-30px;position:relative;"></span>
                </div>
            </div>
            
            <div class="Hcol-xlg-4 Hcol-lg-4 Hcol-xmd-6 Hcol-md-4 Hcol-xsm-4 Hcol-sm-6 Hcol-xs-6 Hcol-xss-12 Hpadd-15">
                <div class="Hrow Hpadd-10" data-bgcolor="rgb(243,156,17)" data-color="#fff">
                    <h2>3524</h2>
                    <small>بازدید روزانه</small>
                    <span class="Hfloat-L fas fa-chart-bar" data-color="rgb(205,133,12)" style="font-size:50px;top:-30px;position:relative;"></span>
                </div>
            </div>
            
            <div class="Hrow Hbg-white Hpadd-15 HmarT-20" style="border-top:2px solid rgb(0,192,239);">
                <h2 data-color="#aaa">پنل ادمین <span class=" 	fas fa-info-circle"></span></h2>
                <h3 class="HpaddT-30">نکات مهم استفاده از پنل ادمین وب سایت :</h3>
                <p data-color="#777">1- درصورت بروز مشکل فقط با پشتیبان شرکت فناوری اطلاعات آویسا تماس گرفته شود </p>
                <p data-color="#777">2- جهت سهولت در استفاده از پنل فونت فارسی استفاده شده است</p>
                <p data-color="#777">3- در حفظ و نگهداری  اطلاعات خود کوشا باشید ؛ شرکت فناوری اطلاعات آویسا هیچگونه مسئولیتی در قبال قرار گرفتن اطلاعات کاربری به غیر ندارد</p>
                <p data-color="#777">4- مراقب صفحات فیشینگ باشید و فقط از صفحه مربوطه با مشخصات ذکر شده وارد پنل کاربری خود شوید </p>
                <p data-color="#777">5- لطفا اطلاعات کاربری خود را در اختیار افراد سودجو و ناشناس قرار ندهید </p>
                <p class="HmarT-10">طراحی و توسعه <a data-color="rgb(0,163,208)">شرکت فناوری اطلاعات آویسا</a></p>                
            </div>
            
    </div>
</div>



<p>&nbsp;</p>

<div class="Hrow scrollHide" id="modal" >
        <div id="Cover"></div>
        <div id="modal-body-box">
                <span id="close" class="fas fa-times"></span>
                <div id="modal-body" class="scrollHide">sss
                </div>
        </div>
</div>

@{section footer}
<script>
    $(document).ready(function(){
        $(".demo>.button").click(function(){
                var clsName=$(this).attr("BtnType");
                $(this).parent().children().filter(".button").removeClass("SetActivate_background");
                $(this).addClass("SetActivate_background");
                //alert(clsName);
                var images=$(this).siblings(".Gif-show").children();
                images.removeClass("SetActivate");
                images.filter("."+clsName).addClass("SetActivate");
        });     
        $(".options").click(function(){
                var body=$(this).children().filter(".option-details").eq(0).html();
                $("#modal #modal-body").html(body);
                $("#modal").css({"display":"block"});  
                $("#modal #Cover").stop();
                $("#modal > #modal-body-box").stop();
                $("#modal #Cover").animate({opacity:"1"},"slow");
                $("#modal > #modal-body-box").animate({top:"50%"},"slow");
        });
        $("#modal #close").click(function(){
                $("#modal #Cover").stop();
                $("#modal > #modal-body-box").stop();
                $("#modal #Cover").animate({opacity:"0"},"slow");
                $("#modal > #modal-body-box").animate({top:"-150%"},"slow",function(){
                        $("#modal").css({"display":"none"});    
                });
        });
        $("#modal #Cover").click(function(){
                $("#modal #Cover").stop();
                $("#modal > #modal-body-box").stop();
                $("#modal #Cover").animate({opacity:"0"},"slow");
                $("#modal > #modal-body-box").animate({top:"-150%"},"slow",function(){
                        $("#modal").css({"display":"none"});    
                });
        });
    });
</script>
@{end}