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

<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="shortcut icon" href="~/ContentTemplates/Brand/favicon.png" type="image/x-icon" />
    <%--css file--%>
    <link href='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet'>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link href="~/App_Themes/newTheme/css/default.css" rel="stylesheet" />
    <%--css end file--%>
    <script>document.documentElement.className = "js"; var supportsCssVars = function () { var e, t = document.createElement("style"); return t.innerHTML = "root: { --tmp-var: bold; }", document.head.appendChild(t), e = !!(window.CSS && window.CSS.supports && window.CSS.supports("font-weight", "var(--tmp-var)")), t.parentNode.removeChild(t), e }; supportsCssVars() || alert("Please view this demo in a modern browser that supports CSS Variables.");</script>
    <title>Vidyalaya</title>

    <script type="text/javascript">
        function openWindow() {
            var browser = navigator.appName;
            if (browser == "Microsoft Internet Explorer") {
                window.opener = self;
            }

            //Mantis No :0033393----Start
            <%--window.open('Pages/BaseFramework/Security/Login.aspx?OrgGroupId=' +<%= ConfigurationManager.AppSettings["DefaultOrgGroupId"] %> , '', 'width=1200,height=750,toolbar=no,status=1,scrollbars=no,location=no,resizable =yes');
            window.moveTo(0, 0);
            window.resizeTo(screen.availWidth, screen.availHeight);--%>
            var orgGroupId = '<%= ConfigurationManager.AppSettings["DefaultOrgGroupId"] %>';
            var url = 'Pages/BaseFramework/Security/Login.aspx?OrgGroupId=' + orgGroupId;
            window.location.href = url;
            //Mantis No :0033393----End
        }


        //-- 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>
    <style>
        #CenterImage {
            background-image: url(ContentTemplates/Brand/CenterImage_New.png) !important;
            width: 100%;
        }

        .logo-Details {
            margin-top: 24.375%;
            margin-left: 28%;
            background-color: white;
            width: 112%;
            height: 58.3%;
            border-radius: 3.94%;
        }

        .LoginbtnDiv {
            position: relative;
            display: inline-flex !important;
            margin-left: 24%;
            width: 47%;
        }

        .LoginbtnName {
            width: 14.5vw;
            height: 3.7vw;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 1.979vw 0 0 !important;
            color: #fff !important;
        }

        .sociallinktxt {
            margin-left: 22%;
        }

        .leftbtn {
            font-size: 1.778vw;
            background-color: #00bcd4;
            color: white;
            border-radius: 0.741vw;
            padding: 0.593vw 0.593vw 0.593vw 4.074vw;
            border: none;
            display: flex;
            align-items: center;
            font-weight: 600;
            outline: none;
            cursor: pointer;
        }

            .leftbtn:hover {
                box-shadow: -0.074vw 0.296vw 0.889vw #9E9E9E;
            }

            .leftbtn .btnimage {
                margin-left: 2.222vw;
                background: white;
                padding: 0.37vw;
                border-radius: 0.593vw;
                height: 2.519vw;
                width: 2.593vw;
            }

        .LoginbtnIcon {
            position: absolute;
            right: 0.5vw;
            top: 0.54vw;
            background: white;
            padding: 0.37vw;
            border-radius: 0.593vw;
            height: 2.519vw;
        }

        .leftbtn .btnimage {
            margin-left: 2.222vw;
            background: white;
            padding: 0.37vw;
            border-radius: 0.593vw;
            height: 2.519vw;
            width: 2.593vw;
        }

        h2 {
            font-size: 1.4vw !important;
        }

        .cardinsideimg {
            width: 59.375vw;
        }

        @media screen and (max-width: 767px) {
            #CenterImage {
                background-image: none !important;
                width: 100%;
            }

            .space-mobile {
                height: 4%;
            }

            #CenterImage {
                background-image: url();
                /*background-image: url(ContentTemplates/Brand/mobile.jpg);*/
            }

            .full-div {
                /*background-image: url(../../../Images/transparent.png);*/
                width: 100%;
                height: 100%;
                background-size: 100%;
                margin-left: 0%;
                margin-top: 20%;
            }

            .mt35 {
                margin-top: 0%;
            }

            input#loginButton {
                width: 60% !important;
                margin: 0 auto;
                padding: 5px;
                font-size: 135% !important;
            }

            .mobile {
                display: block;
            }

            .desktop {
                display: none;
            }

            .bottombg1 img {
                margin-left: 0%;
            }

            h2 {
                font-size: 1.2rem !important;
            }

            .logo-default {
                width: 60% !important;
                padding: 20px 0px 20px;
                margin: 0 auto;
            }

            .mt30 {
                margin-top: 5%;
            }

            form#form2 {
                text-align: center;
            }

            .mt10 {
                margin-top: 2%;
            }

            .mobile-icon {
                margin: 2% 0%;
            }

            .logo-Details {
                margin-top: 31.375%;
                margin-left: 2%;
                background-image: linear-gradient(to left,#ff9c7a, #89bff5);
                width: 96%;
                height: 58.3%;
                border-radius: 3.94%;
            }

            .h2 {
                font-size: 1.1rem;
            }

            .leftbtn {
                font-size: 6.25vw;
                padding: 1.25vw 1.25vw 1.25vw 2.938vw;
                border-radius: 2.041vw;
            }

                .leftbtn .btnimage {
                    height: 7.5vw;
                    width: 7.813vw;
                    padding: 1.17vw;
                    border-radius: 1.693vw;
                }

            .LoginbtnName {
                width: 43vw;
                height: 10vw;
            }

            .LoginbtnIcon {
                top: 2vw;
                right: 3vw;
                height: 6.4vw;
            }

            .LoginbtnDiv {
                position: relative;
                display: inline-flex !important;
                margin-left: 0%;
                width: 47%;
            }

            .text {
                margin: 4.688vw auto;
                font-size: 6.25vw;
                max-width: 62.5vw;
            }

                .text:before {
                    width: 10.222vw;
                    height: 0.77vw;
                }

                .text:after {
                    width: 10.222vw;
                    height: 0.77vw;
                }
        }
    </style>
    <noscript>
        <div style="padding-bottom: 5px; color: red">
            <b>Browser JavaScript is disabled. Please Check the Browser Setting.</b>
        </div>
    </noscript>
</head>
<body>
    <div class="loading centerimage" id="CenterImage" runat="server">

        <form id="form2" runat="server">
            <div class="full-div">
                <div class="col-md-12  mt35">
                    <div class="space-mobile"></div>
                    <div id="TopImage" class="col-md-12" runat="server">
                        <asp:ImageButton runat="server" ID="LogoImageButton"
                            ImageUrl="~/ContentTemplates/Brand/vidyalaya_logo.png" OnClientClick="openWindow1();" CssClass="logo-default" />
                        <asp:HiddenField ID="BrandWebsiteHiddenField" runat="server" />
                    </div>

                    <div class="btn LoginbtnDiv">
                        <a class="leftbtn LoginbtnName" onclick="openWindow();" runat="server">Login</a>
                        <img src="ContentTemplates/Brand/ic_login_user.png" class="btnimage LoginbtnIcon" alt="login" />
                    </div>

                    <div class="follow text">
                        Follow us on
                        
                    </div>
                    <div class="icons">
                        <div id="FacebookDiv" class="circular" runat="server">
                            <%--<div class="social_column1">--%>
                            <a runat="server" id="FacebookColumn" target="_blank" class="sociallinktxt">
                                <img src="ContentTemplates/Brand/ic_fb.png" class="iconprop" alt="fb" /></a>
                            <%--</div>--%>
                        </div>
                        <div class="circular" id="YouTubeDiv" runat="server">
                            <a target="_blank" id="YouTubeColumn" runat="server" class="sociallinktxt">
                                <img src="ContentTemplates/Brand/ic_youtube.png" class="iconprop" alt="g+" /></a>
                        </div>
                        <div id="TwitterDiv" runat="server" class="circular">
                            <%--<div class="social_column1">--%>
                            <a runat="server" id="TwitterColumn" target="_blank" class="sociallinktxt">
                                <img src="ContentTemplates/Brand/ic_twitter.png" class="iconprop" alt="twt" /></a>
                            <%--</div>--%>
                        </div>
                        <div id="LinkedInDiv" runat="server" class="circular">
                            <%--<div class="social_column1">--%>
                            <a runat="server" id="LinkedInColumn" target="_blank" class="sociallinktxt">
                                <img src="ContentTemplates/Brand/ic_linkedin.png" class="iconprop" alt="link" />

                            </a>
                        </div>
                    </div>

                    <div class="ownership">
                        <a id="PoweredByImageA" runat="server" target="_blank">
                            <img runat="server" id="PoweredByImage" class="PoweredByImage" alt="PoweredByImage" />
                        </a>
                    </div>
                </div>

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

</html>
