<%@ page language="C#" autoeventwireup="true" inherits="_Default, App_Web_1ogujdtu" enableEventValidation="false" viewStateEncryptionMode="Never" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">


    <link rel="shortcut icon" href="../../../ContentTemplates/Brand/favicon.png" type="image/x-icon" />
    <%--<link rel="shortcut icon" href="Images/favicon.ico" />--%>
    <title>Vidyalaya</title>
    <style type="text/css">
        .sms {
            width: 126px;
            background-image: url(Images/Login/school-sms.jpg);
        }

            .sms:hover {
                width: 126px;
                background-image: url(Images/Login/school-sms-1.jpg);
                -webkit-transition: all .3s linear;
                -moz-transition: all .3s linear;
                -ms-transition: all .3s linear;
                -o-transition: all .3s linear;
                transition: all .3s linear;
            }

        .biometric {
            width: 126px;
            background-image: url(Images/Login/school-biometric.jpg);
        }

            .biometric:hover {
                width: 126px;
                background-image: url(Images/Login/school-biometric-1.jpg);
                -webkit-transition: all .3s linear;
                -moz-transition: all .3s linear;
                -ms-transition: all .3s linear;
                -o-transition: all .3s linear;
                transition: all .3s linear;
            }

        .omr {
            width: 126px;
            background-image: url(Images/Login/school-omr.jpg);
        }

            .omr:hover {
                width: 126px;
                background-image: url(Images/Login/school-omr-1.jpg);
                -webkit-transition: all .3s linear;
                -moz-transition: all .3s linear;
                -ms-transition: all .3s linear;
                -o-transition: all .3s linear;
                transition: all .3s linear;
            }

        .online {
            width: 126px;
            background-image: url(Images/Login/school-online-portal.jpg);
        }

            .online:hover {
                width: 126px;
                background-image: url(Images/Login/school-online-portal-1.jpg);
                -webkit-transition: all .3s linear;
                -moz-transition: all .3s linear;
                -ms-transition: all .3s linear;
                -o-transition: all .3s linear;
                transition: all .3s linear;
            }

        .eexam {
            width: 126px;
            background-image: url(Images/Login/school-eexam.jpg);
        }

            .eexam:hover {
                width: 126px;
                background-image: url(Images/Login/school-eexam-1.jpg);
                -webkit-transition: all .3s linear;
                -moz-transition: all .3s linear;
                -ms-transition: all .3s linear;
                -o-transition: all .3s linear;
                transition: all .3s linear;
            }

        div.social div {
            float: left;
        }

        div.social {
            width: 217px;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -ms-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

            div.social:hover {
                width: 217px;
                -ms-opacity: 0.4;
                opacity: 0.4;
                -webkit-filter: alpha(opacity=40);
                -moz-filter: alpha(opacity=40);
                -o-filter: alpha(opacity=40);
                filter: alpha(opacity=40);
                -webkit-transition: all .2s ease-out;
                -moz-transition: all .2s ease-out;
                -ms-transition: all .2s ease-out;
                -o-transition: all .2s ease-out;
                transition: all .2s ease-out;
            }

        div.social_column1 {
            width: 35px;
            padding-top: 10px;
        }


        div.social_column2 {
            width: 137px;
            text-align: left;
            padding-left: 10px;
            padding-top: 14px;
        }



        div.bottom div {
            float: left;
        }


        .bottombg {
            /*background-color: #1a1a1a;*/
            background-color: #242c43;
            height: 90px;
        }

        div.bottom {
            width: 1250px;
        }

            div.bottom div.bottom_column1 {
                width: 1250px;
            }


        .bottomtitle {
            /*font-family:"wf_SegoeUI","Segoe UI","Segoe","Segoe WP","HelveticaNeue","Helvetica","Tahoma",Garuda,Arial,sans-serif;*/
            font-family: Calibri,Verdana;
            font-size: 15px;
            color: #ffffff;
            text-align: left;
            font-weight: bold;
        }


        .sociallinktxt {
            font-family: Verdana;
            font-size: 12px;
            color: #969696;
            text-decoration: none;
        }

            .sociallinktxt:hover {
                text-decoration: none;
                color: #bebdbd;
            }

        .Line-margin {
            margin-top: 12px;
            margin-left: 15px;
            margin-right: 15px;
        }
    </style>
    <script type="text/javascript">
        function openWindow() {
            var browser = navigator.appName;
            if (browser == "Microsoft Internet Explorer") {
                window.opener = self;
            }
             
            window.open('Pages/BaseFramework/Security/Login.aspx?OrgGroupId=' +<%= ConfigurationManager.AppSettings["DefaultOrgGroupId"] %> , '', 'width=1004,height=750,toolbar=no,status=1,scrollbars=no,location=no,resizable =yes');
            window.moveTo(0, 0);
            window.resizeTo(screen.availWidth, screen.availHeight);
        }
        function openWindow_1() {
            var browser = navigator.appName;
            if (browser == "Microsoft Internet Explorer") {
                window.opener = self;
            }
             
            window.open('Pages/BaseFramework/Security/EmployeeLogin.aspx?OrgGroupId=' +<%= ConfigurationManager.AppSettings["DefaultOrgGroupId"] %> , '', 'width=1004,height=750,toolbar=no,status=1,scrollbars=no,location=no,resizable =yes');
            window.moveTo(0, 0);
            window.resizeTo(screen.availWidth, screen.availHeight);
        }

        //-- start of snippet --
        function PopupBlocked() {
            
            var windowName = 'userConsole'; 
            var popUp = window.open(' ', "", 'width=1000, height=700, left=24, top=24, scrollbars, resizable');
            if (popUp == null || typeof(popUp)=='undefined') { 	
                popUp.close();  
            } 
            else { 	
                popUp.close();
                //alert('Pop up is block');
                popUp.close();
            }
 
        }
         
          
        function openWindow1() {
            <%--window.open('<%=ConfigurationManager.AppSettings["BrandWebSite"]%>' , '', '');--%>
            var websitename = document.getElementById('<%= BrandWebsiteHiddenField.ClientID%>').value;
            window.open(websitename);
        }

        window.onload = PopupBlocked();

 
        //window.onload = detectPopupBlocker;


    </script>

    <noscript>
        <div align="center" style="padding-bottom: 5px; color: red">
            <b>Browser JavaScript is disabled. Please Check the Browser Setting.</b>
        </div>
    </noscript>

</head>
<body style="overflow: hidden">
    <form id="form2" runat="server">

        <div id="TopImage" runat="server" style="height: 90px; width: 1350px; background: no-repeat; background-size: 1350px 90px; max-width: 1350px">

            <asp:ImageButton runat="server" ID="LogoImageButton" ImageUrl="~/ContentTemplates/Brand/BrandLogo.png" Style="margin-left: 50px; max-height: 90px; max-width: 500px" OnClientClick="openWindow1();" />
            <asp:HiddenField ID="BrandWebsiteHiddenField" runat="server" />

            <asp:ImageButton ID="loginButton" runat="server" class="bookedBedButton" Style="margin-top: 25px; float: right; margin-right: 300px" ImageUrl="~/Images/Login/loginBtn.png"
                meta:resourcekey="loginButtonResource1" OnClientClick="openWindow_1()" />
                
        </div>

        <div>

            <img runat="server" id="CenterImage" alt="School ERP" style="width: 100%; height: 100%" />

        </div>

        <div align="center" style="width: 100%">
            <div class="bottombg">
                <div align="center" style="padding-top: 5px;">
                    <div class="bottom">
                        <div class="bottom_column1">
                            <div class="bottomtitle" style="padding-top: 30px; padding-right: 25px;">
                                <img src="Images/FollowUs.png" alt="Follow Us" />
                            </div>
                            <div style="margin-top: 15px; margin-left: 15px">
                                <div id="LinkedInDiv" runat="server">
                                    <div class="social_column1">
                                        <a runat="server" id="LinkedInColumn1" target="_blank" class="sociallinktxt">
                                            <img src="Images/LinkedIn.png" /></a>
                                    </div>
                                    <div class="Line-margin">
                                        <img src="Images/Line.png" runat="server" id="LinkedInColumn2" />
                                        <%--<a runat="server" id="LinkedInColumn2" target="_blank" class="sociallinktxt">LinkedIn</a>--%>
                                    </div>
                                </div>
                                <div id="FacebookDiv" runat="server">
                                    <div class="social_column1">
                                        <a runat="server" id="facebookColumn1" target="_blank" class="sociallinktxt">
                                            <img src="Images/Facebook.png" /></a>
                                    </div>
                                    <div class="Line-margin">
                                        <img src="Images/Line.png" runat="server" id="facebookColumn2" />
                                        <%--<a runat="server" id="facebookColumn2" target="_blank" class="sociallinktxt">Facebook</a>--%>
                                    </div>
                                </div>
                                <div id="TwitterDiv" runat="server">
                                    <div class="social_column1">
                                        <a runat="server" id="TwitterColumn1" target="_blank" class="sociallinktxt">
                                            <img src="Images/Twitter.png" style="margin-top: 5px" /></a>
                                    </div>
                                    <div class="Line-margin">
                                        <img src="Images/Line.png" runat="server" id="TwitterColumn2" />
                                        <%--<a runat="server" id="TwitterColumn2" target="_blank" class="sociallinktxt">Twitter</a>--%>
                                    </div>
                                </div>
                                <div id="PlayStoreDiv" runat="server">
                                    <div class="social_column1">
                                        <a runat="server" id="PlayStoreColumn1" target="_blank" class="sociallinktxt">
                                            <img src="Images/PlayStore.png" /></a>
                                    </div>
                                    <%-- <div class="social_column2" style="margin-left: 95px">
                                    <a runat="server" id="PlayStoreColumn2" target="_blank" class="sociallinktxt">Mobile App</a>
                                </div>--%>
                                    <%--<div class="Line-margin">
                                    <img src="Images/Line.png"  runat="server" id="PlayStoreColumn2"/>
                                </div>--%>
                                </div>
                            </div>
                            <div id="PowerByDiv" style="margin-left: 500px; margin-top: 25px;">
                                <div class="social_column1" style="padding-top: 0px">
                                    <a runat="server" id="PoweredByImageA" target="_blank" class="sociallinktxt">
                                        <img runat="server" id="PoweredByImage" alt="PoweredByImage" style="max-height: 55px; max-width: initial; min-width: 350px" /></a>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</body>
</html>
