<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head><!-- Created by Artisteer v4.1.0.59861 -->
    <meta charset="utf-8">
    <title>OSCOTECH - Login</title>
    <meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">

    <!--[if lt IE 9]>
    <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <link rel="stylesheet" href="style.css" media="screen">
    <!--[if lte IE 7]>
    <link rel="stylesheet" href="style.ie7.css" media="screen"/><![endif]-->
    <link rel="stylesheet" href="style.responsive.css" media="all">


    <script src="jquery.js"></script>
    <script src="script.js"></script>
    <script src="script.responsive.js"></script>

    <script src="../style/jquery-ui-1.9.2.custom/js/jquery-ui-1.9.2.custom.min.js" type="text/javascript"></script>
    <link href="../style/jquery-ui-1.9.2.custom/css/ui-lightness/jquery-ui-1.9.2.custom.min.css" rel="stylesheet"
          type="text/javascript"/>

    <style>.art-content .art-postcontent-0 .layout-item-0 {
            padding-right: 10px;
            padding-left: 10px;
        }

        .ie7 .art-post .art-layout-cell {
            border: none !important;
            padding: 0 !important;
        }

        .ie6 .art-post .art-layout-cell {
            border: none !important;
            padding: 0 !important;
        }

    </style>
</head>
<body style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px">
<div id="art-main">
    <div class="art-sheet clearfix">
        <header class="art-header">
            <div class="art-slider art-slidecontainerheader" data-width="1000" data-height="150">
                <div class="art-slider-inner">
                    <div class="art-slide-item art-slideheader0">

                    </div>
                    <div class="art-slide-item art-slideheader1">

                    </div>
                    <div class="art-slide-item art-slideheader2">

                    </div>
                    <div class="art-slide-item art-slideheader3">

                    </div>

                </div>
            </div>
            <!--<div class="art-slidenavigator art-slidenavigatorheader" data-left="91.04">
            <a href="javascript:void(0)" class="art-slidenavigatoritem"></a><a href="javascript:void(0)" class="art-slidenavigatoritem"></a><a href="javascript:void(0)" class="art-slidenavigatoritem"></a><a href="javascript:void(0)" class="art-slidenavigatoritem"></a>
            </div>-->


            <div class="art-shapes">

            </div>
            <h1 class="art-headline" data-left="100%">
                <a href="javascript:void(0)">OSUN STATE COLLEGE OF TECHNOLOGY, ESA OKE</a>
            </h1>
            <h2 class="art-slogan" data-left="54.46%"
                style="font-weight:bolder; font-stretch:extra-expanded; font-size:24px">Student portal</h2>


            <nav class="art-nav">
                <ul class="art-hmenu">
                    <li><a href="home.html" class="active">Home</a></li>
                    <!--<li><a href="payment-history.html">PAYMENT HISTORY</a></li><li><a href="new-payment.html">NEW PAYMENT</a><ul><li><a href="new-payment/acceptance-fees.html">ACCEPTANCE FEES</a></li><li><a href="new-payment/school-fees.html">SCHOOL FEES</a></li><li><a href="new-payment/others.html">OTHERS</a></li></ul></li><li><a href="registration-history.html">REGISTRATION HISTORY</a></li><li><a href="register-courses.html">REGISTER COURSES</a></li><li><a href="logout.html">LOGOUT</a></li>-->
                </ul>
            </nav>


        </header>

        <script type="text/javascript">

            $(document).ready(function () {
                $(".down").hide();
                $(".down2").hide();
                $(".down3").hide();
                $(".down4").hide();
                $(".down5").hide();
                $(".parent").click(function () {
                    $(".down").slideToggle("slow");
                    //alert ("welcome");
                });
                $(".parent2").click(function () {
                    $(".down2").slideToggle("slow");
                });

                $(".parent3").click(function () {
                    $(".down3").slideToggle("slow");
                });

                $(".parent4").click(function () {
                    $(".down4").slideToggle("slow");
                });

                $(".parent5").click(function () {
                    $(".down5").slideToggle("slow");
                });
            });


        </script>
        <style>


            a {
                color: #00C;
                text-decoration: none;
                font-size: 14px;
            }

            a:link {
                color: #03F;
            }

            a:hover {
                font-weight: bolder;
                color: #000;
                font-size: 14px;
                font-style: italic;
            }

            a:visited {
                font-weight: bolder;
                color: #000;
                font-size: 16px;
                font-style: italic;

            }

            p {
                line-height: 30px;
            }
        </style>

        <div class="art-layout-wrapper">
            <div class="art-content-layout">
                <div class="art-content-layout-row">
                    <div class="art-layout-cell art-content">
                        <article class="art-post art-article">


                            <div class="art-postcontent art-postcontent-0 clearfix">
                                <div class="art-content-layout">
                                    <div class="art-content-layout-row">
                                        <div class="art-layout-cell layout-item-0" style="width: 50%">
                                            <!--<div class="image-caption-wrapper" style="float: right;"><img width="300" height="203" style="margin-top: 7px; margin-right: 7px; margin-bottom: 7px; margin-left: 7px;" alt="" class="art-lightbox" src="images/shutterstock_12199630.jpg"></div>-->

                                            <p style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:15px">
                                                You are to login with your Matric number and password. Once you are
                                                logged in, pay close attention to any </p>


                                            <p style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:15px">
                                                information appearing in green text.
                                                <a href="?type=createportal" style="color:#090">Click here</a> to create
                                                a portal account if you are a fresh student.

                                            <p style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:15px">
                                                However, if you are not a fresh student,

                                                and you do not have a portal account, <a href="?type=createportal"
                                                                                         style="color:#090">Click
                                                    here</a> for profiling</p>


                                            <p style="margin-bottom:-10px"><label
                                                        style="font-weight:bolder; color:#090">Registration
                                                    schedules</label></p>
                                            <hr/>
                                            <p style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:15px">
                                                <label>Current Session/Semester:</label><label>2018/2019 Session, First
                                                    semester</label></p>

                                            <p style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:15px">
                                                <label>Closing Date For Regular Registration:</label><label>31/09/2018,
                                                    Time 11:59pm </label></p>

                                            <p style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:15px">
                                                <label>Closing Date For Late Registration:</label><label>31/12/2018,
                                                    Time 11:59pm </label></p>
                                            <p><label>Registration status:</label><label>Open </label></p>


                                        </div>
                                    </div>
                                </div>
                                <div class="art-content-layout">
                                    <div class="art-content-layout-row">
                                        <!-- <div class="art-layout-cell layout-item-0" style="width: 50%" >
                                             <ul>
                                             <li>Suspendisse pharetra auctor pharetra. Nunc a sollicitudin est.</li>
                                             <li>Donec vel neque in neque porta venenatis sed sit amet lectus.</li>
                                             <li>Curabitur ullamcorper gravida felis, sit amet scelerisque lorem iaculis sed.</li>
                                             </ul>
                                         </div>

                                        <div class="art-layout-cell layout-item-0" style="width: 50%" >
                                             <blockquote style="margin: 10px 0">Nunc a sollicitudin est. Curabitur ullamcorper gravida felis, sit amet scelerisque lorem iaculis sed. Donec vel neque in neque porta venenatis sed sit amet lectus.</blockquote>
                                         </div>-->
                                    </div>
                                </div>
                            </div>


                        </article>
                    </div>
                    <div class="art-layout-cell art-sidebar1">
                        <div class="art-vmenublock clearfix">
                            <div class="art-vmenublockcontent">
                                <ul class="art-vmenu"></ul>

                            </div>
                        </div>
                        <div class="art-block clearfix">
                            <div class="art-blockheader">
                                <!-- <h3 class="t">Personal menu</h3>
                                  <hr />-->
                            </div>
                            <div class="art-blockcontent">

                                <form method="post" action="login.php">
                                    <p style="color:#060; font-weight:bolder; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:15px">
                                        Welcome, please login...</p>
                                    <p style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:15px">
                                        <label>Username: </label><input type="text" name="username"></p>


                                    <p style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:15px">
                                        <label>Password: </label><input type="password" name="password"></p>
                                    <p><input type="submit" value="Login"
                                              style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:15px">
                                    </p>

                                </form>
                                </p>
                                <br/>

                                <p style="font-size:12px; color:#F00; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;">
                                    To secure your account, always log out once you are done</p>

                                <br/>
                                <p style="font-size:14px; color:#060" ;font-family:'Trebuchet MS', Arial, Helvetica,
                                sans-serif;">For complaints</p>
                                <p style="font-size:14px; color:#060;font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;">
                                    Call +234706664512,+234706664512</p>
                                <p style="font-size:14px; color:#060;font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;">
                                    Or send email to admin@oscotechesaoke.edu.ng</p>

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


        </div>
        <footer class="art-footer">

            <p>Directorate of ICT Copyright © <?php echo date('Y') ?>. All Rights Reserved.</p>
        </footer>

    </div>
    <p class="art-page-footer">
        <!-- <span id="art-footnote-links"><a href="http://www.artisteer.com/" target="_blank">Web Template</a> created with Artisteer.</span>-->
    </p>
</div>


</body>
</html>