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

<!DOCTYPE html>

<html style="height:100%">
<head runat="server">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/solid.css" integrity="sha384-wnAC7ln+XN0UKdcPvJvtqIH3jOjs9pnKnq9qX68ImXvOGz2JuFoEiCjT8jyZQX2z" crossorigin="anonymous">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/fontawesome.css" integrity="sha384-HbmWTHay9psM8qyzEKPc8odH4DsOuzdejtnr+OFtDmOcIVnhgReQ4GZBH7uwcjf6" crossorigin="anonymous">
    <link href="../../App_Themes/admission/css/bootstrap.css" rel="stylesheet" />
    <link href="../../App_Themes/admission/css/style.css" rel="stylesheet" />
    <link href="../../App_Themes/admission/css/jquery-ui.css" rel="stylesheet" />
    <link href="http://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i" rel="stylesheet">
    <style>
        @media screen and (max-width: 767px) {
            .strip1, .strip2, .strip3 {
                width: 100% !important;
            }

                .strip2:before {
                    left: 1% !important;
                }

                .strip1:before {
                    left: 7% !important;
                }

                .strip3:before {
                    left: -1% !important;
                }

                .strip1:before {
                    top: 0px;
                }

                .strip2:before {
                    top: 0px;
                }

                .strip2:before {
                    top: 10px;
                }

                .strip1 input, .strip2 input, .strip3 input {
                    padding: 9%;
                    font-size: 13px;
                }

            form#form1 {
                margin-top: 20% !important;
            }
        }
    </style>
</head>
<body style="background-image: url(../../App_Themes/admission/images/home-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; height:100%">
    <div class="container" style="display:flex;justify-content:center;align-items:center;height:inherit">
        <form id="form1" runat="server">
            <div>
                <div class="row text-center">
                    <div class="strip1" id="NewOnlineStudentDiv" runat="server">
                        <asp:Button ID="NewButton" runat="server" Text="Click here for new Student application" OnClick="NewButton_Click" />
                    </div>
                    <div class="strip2" id="ExistingOnlineStudentDiv" runat="server">
                        <asp:Button ID="ExistedButton" runat="server" Text="Click here for existing application" OnClick="ExistedButton_Click" />
                    </div>
                   
                </div>
            </div>
        </form>
    </div>
</body>
</html>
<script type="text/javascript">
    function openWindow() {
        var browser = navigator.appName;
        if (browser == "Microsoft Internet Explorer") {
            window.opener = self;
        }            
        window.open('NewAdmissionForm.aspx?OrgGroupId=' +<%= ConfigurationManager.AppSettings["DefaultOrgGroupId"] %> , '', '');
        window.moveTo(0, 0);
        window.resizeTo(screen.availWidth, screen.availHeight);
    }
    function openWindow1() {
        var browser = navigator.appName;
        if (browser == "Microsoft Internet Explorer") {
            window.opener = self;
        }     
        window.open('AdmissionFormLogin.aspx');
        window.moveTo(0, 0);
        window.resizeTo(screen.availWidth, screen.availHeight);
    }
</script>
