<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>OSCOTECH - Student portal</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>
<div id="art-main">
    <div class="art-sheet clearfix">
<header class="art-header">
<div class="art-slider art-slidecontainerheader" data-width="1000" data-height="850">
    <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="#" class="art-slidenavigatoritem"></a><a href="#" class="art-slidenavigatoritem"></a><a href="#" class="art-slidenavigatoritem"></a><a href="#" class="art-slidenavigatoritem"></a>
</div>-->



    <div class="art-shapes">

            </div>
<h1 class="art-headline" data-left="100%">
    <a href="#">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="#" class="active">Home</a></li><!--<li><a href="#">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/school-fees.html">TRANSCRIPT FEES</a></li>
    
    <li><a href="new-payment/school-fees.html">CERTIFICATE 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.php">LOGOUT</a></li>--></ul> 
    </nav>

                    
</header>

<script type="text/javascript">

$(document).ready(function() {
    $(".down").hide();
	$(".down2").hide();
	 $(".down3").hide();
	$(".down4").hide();
	$(".down5").hide();
	$(".down6").hide();
	$(".downinnerrow").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");
	});
	$(".parent6").click(function (){
		$(".down6").slideToggle("slow");
	});
	
		$(".parent7").click(function (){
		  $(".parent2").hide();  
		$(".downinnerrow").slideToggle("slow");
	});
});



</script>
<style>


a{
	color:#00C;
	text-decoration:none;
	font-size:24px;
}
a:link {
	color:#03F;
}
a:hover {
	font-weight:bolder;
	color:#000;
	font-size:16px;
	font-style:italic;
}
a:visited {
	font-weight:bolder;
	color:#000;
	font-size:16px;
	font-style:italic;

}
.subm {
	margin-left:30px;
	color:#000;
}
</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">
