<%@ page language="C#" autoeventwireup="true" inherits="Demo, 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">
    <title>Untitled Page</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;
            height: 90px;
        }
        
        div.bottom
        {
            width: 800px;
        }
        div.bottom div.bottom_column1
        {
            width: 800px;
        }
        
        
        .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;
        }
    </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=1005', '', '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 openWindow1() {
            window.open('http://www.vidyalayaschoolsoftware.com', '', '');
        }
    </script>
</head>
<body>
    <form id="form2" runat="server">
    <%--<div id="bannerContainer" class="headerBanner" runat="server">
        <div class="logoContainer" style="height: 120px;">--%>
    <div style="height: 80px">
        <asp:ImageButton runat="server" ID="LogoImageButton" ImageUrl="~/Images/Logo.png" style="padding-left:250px" OnClientClick="openWindow1();"/>
        <%--<asp:Label ID="Label3" runat="server" Text="The Ultimate School ERP For Modern School"
            Height="20px" Font-Bold="true"></asp:Label>--%>
        <asp:ImageButton ID="ImageButton2" runat="server" class="bookedBedButton" Style="margin-top: 5px;padding-left:150px" ImageUrl="~/Images/Login/loginBtn.png"
            Width="112px" Height="38px" meta:resourcekey="loginButtonResource1" OnClientClick="openWindow();"/>
    </div>
    <div align="center">
        
        <div style="padding-top: 0;background-image: url(Images/Login/LoginBlue.png);">
            <table>
                <tr>
                    <td>
                        <img src="Images/Login/banner_modules.jpg" height="255px" alt="School ERP"/>
                    </td>
                </tr>
            </table>
        </div>

        <div style="padding-top: 5px; color: Black; font-family: Segoe UI Light; font-weight: 500;
            background-color: #EEEEEE;">
            <h1 style="margin-top: 0px; margin-bottom: 0px">
                Integrated School Management Software to meet your needs</h1>
        </div>
        <div style="padding-top: 5px; height: 139px; padding-bottom: 5px; background-color: #EEEEEE">
            <table style="border-collapse: collapse; border-spacing: 0; width: 630px; height: 139px">
                <tr>
                    <td class="sms" style="width: 126px; padding: 0">
                        <a href="http://www.vidyalayaschoolsoftware.com/Products-Services/Integration/SMS" target="_blank">
                            <div style="height: 139px; width: 126px">
                            </div>
                        </a>
                    </td>
                    <td class="biometric" style="width: 126px; padding: 0">
                        <a href="http://www.vidyalayaschoolsoftware.com/Products-Services/Integration/Biometric" target="_blank">
                            <div style="height: 139px; width: 126px">
                            </div>
                        </a>
                    </td>
                    <td class="omr" style="width: 126px; padding: 0">
                        <a href="http://www.vidyalayaschoolsoftware.com/Products-Services/Integration/OMR" target="_blank">
                            <div style="height: 139px; width: 126px">
                            </div>
                        </a>
                    </td>
                    <td class="online" style="width: 126px; padding: 0">
                        <a href="http://www.vidyalayaschoolsoftware.com/Products-Services/Integration/OnlinePortal" target="_blank">
                            <div style="height: 139px; width: 126px">
                            </div>
                        </a>
                    </td>
                    <td class="eexam" style="width: 126px; padding: 0">
                        <a href="http://www.vidyalayaschoolsoftware.com/Products-Services/Integration/EExam" target="_blank">
                            <div style="height: 139px; width: 126px">
                            </div>
                        </a>
                    </td>
                </tr>
            </table>
        </div>
        <div class="bottombg">
            <div align="center" style="padding-top: 5px;">
                <div class="bottom">
                    <div class="bottom_column1">
                        <div class="bottomtitle" style="padding-top:20px;padding-right:100px">
                            Go Social
                        </div>
                        <div style="padding-top: 5px;">
                            <div class="social_column1">
                                <a href="http://in.linkedin.com/in/vidyalayasoftware" target="_blank" class="sociallinktxt">
                                    <img src="Images/Login/in.jpg" height="29"
                                        width="29" /></a>
                            </div>
                            <div class="social_column2">
                                <a href="http://in.linkedin.com/in/vidyalayasoftware" target="_blank" class="sociallinktxt">
                                    LinkedIn</a>
                            </div>
                            <div class="social_column1">
                                <a href="https://www.facebook.com/SapphireSoftwareSolution" target="_blank" class="sociallinktxt">
                                    <img src="Images/Login/facebook.jpg"
                                        height="29" width="29" /></a>
                            </div>
                            <div class="social_column2">
                                <a href="https://www.facebook.com/SapphireSoftwareSolution" target="_blank" class="sociallinktxt">
                                    Facebook</a>
                            </div>
                            <div class="social_column1">
                                <a href="https://twitter.com/VidyalayaSoftwa" target="_blank" class="sociallinktxt">
                                    <img src="Images/Login/twitter.jpg" height="29"
                                        width="29" /></a>
                            </div>
                            <div class="social_column2">
                                <a href="https://twitter.com/VidyalayaSoftwa" target="_blank" class="sociallinktxt">Twitter</a>
                            </div>
                            <%--<div class="social_column1">
                                <a href="#" target="_blank" class="sociallinktxt">
                                    <img src="Images/Login/rss.jpg" height="29"
                                        width="29" /></a>
                            </div>
                            <div class="social_column2">
                                <a href="#" target="_blank" class="sociallinktxt">RSS</a>
                            </div>--%>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </form>
</body>
</html>            