Preview: subject-registration.html
Size: 9.90 KB
/home/jambtst2015/www/html/giraffe_html/giraffe_html/subject-registration.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Giraffeng.com | Home</title>
<!--fav icon start-->
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<!--fav icon end-->
<!--[if IE 7]>
<body class="ie7">
<![endif]-->
<!--[if IE 8]>
<body class="ie8">
<![endif]-->
<!--[if IE 9]>
<body class="ie9">
<![endif]-->
<!--[if lt IE 9]><script type="text/javascript" src="js/html5.js"></script><![endif]-->
<link type="text/css" rel="stylesheet" href="css/jquery.custom-scrollbar.css"/>
<!--general css start-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
<!--general css end-->
<link href="css/responsive.css" rel="stylesheet" type="text/css" media="all">
<!--viewport tag start-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<!--viewport tag end-->
<!-- accordian for ie---------------->
<!--[if lte IE 6]>
<style type='text/css'>
* html #main, * html #container, #side a, a.trigger, .accordion .inner {height:1%}
#lenta{height:52px}
</style>
<script type="text/javascript">
try { document.execCommand( "BackgroundImageCache", false, true); } catch(e) {};
</script>
<![endif]-->
<!--[if lte IE 7]>
<style type="text/css">
.accordion .inner {position:static; overflow:visible}
</style>
<![endif]-->
<!--[if !lt IE 6]><!-->
<!-- for ie responsive -->
<!--[if !lte IE 6]><!-->
<script type="text/javascript" src="js/respond.min.js"></script>
<!--<![endif]-->
</head>
<body>
<!--wrapper start-->
<section class="wrapper">
<!--header start-->
<header>
<section class="header-top">
<div class="container">
<aside class="header-top-left">
<p>welcome to <span>Giraffeng.com</span></p>
</aside>
<aside class="header-top-right">
<a HREF="javascript:void(0);" CLASS="view-demo">view demo</a>
</aside>
<div class="clear"></div>
</div>
</section>
<section class="header-middle">
<div class="container">
<h1 class="logo">
<a HREF="index.html"><img src="images/giraffeng.com.png" alt="" title="giraffeng.com">
<strong>giraffeng.com</strong>
</a>
</h1>
<aside class="header-middle-right">
<div class="searchContainer">
<form action="http://www.google.com.ng" id="cse-search-box" target="_blank">
<div>
<input type="hidden" name="cx" value="partner-pub-9927497070894824:9879000012" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="text" name="q" size="55" />
<input type="submit" name="sa" value="Search" />
</div>
</form>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("elements", "1", {packages: "transliteration"});</script>
<script type="text/javascript" src="http://www.google.com/cse/t13n?form=cse-search-box&t13n_langs=en"></script>
<script type="text/javascript" src="http://www.google.com.ng/coop/cse/brand?form=cse-search-box&lang=en"></script>
<!--<form action="" method="post" enctype="multipart/form-data" name="searchfield" id="searchfield">
<input name="search-textfield" id="search-textfield" type="text" class="textfield" value="google custom search" onBlur="if (this.value == '') {this.value = 'google custom search';}" onFocus="if (this.value == 'google custom search') {this.value = '';}">
<input name="submit" id="submit" type="submit" class="searchBtn" value="submit">
<div class="clear"></div>
</form>-->
<div class="clear"></div>
</div>
<div class="clear"></div>
<nav>
<ul>
<li><a href="index.html">home</a></li>
<li><a href="about-us.html">about us</a></li>
<li><a href="#">exam category</a></li>
<li class="MarginRight"><a href="contact-us.html">contact us</a></li>
<div class="clear"></div>
</ul>
</nav>
</aside>
<div class="clear"></div>
</div>
</section>
</header>
<!--header end-->
<!--content area start-->
<!--content area end-->
<div class="container">
<!--user login start-->
<section class="innerContainer">
<section class="innerContainer-head">
<h3>subject registration</h3>
<div class="clear"> </div>
<div class="center-div">
<!-- Start Drag & Drop Test -->
<div class="drag-drop-section">
<!-- BEGIN: XHTML for example 1.2 -->
<div id="example-1-2">
<div class="column left first">
<h4>available subject</h4>
<div class="sortable-bg">
<ul class="sortable-list">
<li class="sortable-item">MATHS</li>
<li class="sortable-item">irk</li>
<li class="sortable-item">BIOLOGY</li>
<li class="sortable-item">CHEM</li>
<li class="sortable-item">PHYSICS</li>
<li class="sortable-item">ARABIC</li>
</ul>
</div>
</div>
<div class="column left">
<ul class="mid-img">
<li class=""><img src="images/arrow-left-blue-design.png" alt="arrow"/></li>
<li class=""><img src="images/arrow-right-blue-design.png" alt="arrow"/></li>
</ul>
</div>
<div class="column left">
<h4>my subjects</h4>
<div class="sortable-bg">
<ul class="">
<li class="sortable-item">english</li>
<li class="sortable-item">irk</li>
<li class="sortable-item">BIOLOGY</li>
</ul>
<ul class="sortable-list">
<li class="sortable-item">CHEM</li>
<li class="sortable-item">PHYSICS</li>
<li class="sortable-item">ARABIC</li>
</ul>
</div>
</div>
</div>
<!-- END: XHTML for example 1.2 -->
</div>
<!-- End Drag & Drop Test -->
<div class="text-center"><input type="submit" class="green-btn saveDrag" value="save and continue" /></div>
<p class="note">Note: drag and drop optional subjects</p>
</div>
<div class="clear"> </div>
</section>
</section>
<!--user login end-->
</div>
<!--footer start-->
<footer>
<div class="container">
<aside class="footer-left">
<ul class="footer-nav">
<li><a href="index.html" class="noBg padding-left select">home</a></li>
<li><a href="about-us.html">about us</a></li>
<li><a href="#">exam category</a></li>
<li><a href="contact-us.html">contact us</a></li>
</ul>
<div class="clear"> </div>
</aside>
<aside class="footer-right">
<ul class="social">
<li><a href="#" class="fb" title="Facebook"> </a></li>
<li><a href="#" class="twit" title="Twitter"> </a></li>
<li><a href="#" class="linkedin" title="Linkedin"> </a></li>
<div class="clear"> </div>
</ul>
</aside>
<div class="clear"> </div>
</div>
<section class="footer-down">
<div class="container">
<div class="copyrt"><p>© 2014 <span>giraffeng.com.</span> All Rights Reserved</p></div>
</div>
</section>
</footer>
<!--footer end-->
</section>
<!--wrapper end-->
<!-- Respomsive slider -->
<link href="css/responsive-slider.css" rel="stylesheet">
<script src="js/jquery-1.7.2.js"></script>
<!-- for custome scroller---------------->
<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>-->
<script src="js/jquery.custom-scrollbar.js"></script>
<script type="text/javascript">
$(window).load(function () {
$(".demo").customScrollbar();
});
</script>
<!--for responsive_menu-->
<script>
// DOM ready
$(function() {
// Create the dropdown base
$("<select />").appendTo("nav");
// Create default option "Go to..."
$("<option />", {
"selected": "selected",
"value" : "",
"text" : "Menu..."
}).appendTo("nav select");
// Populate dropdown with menu items
$("nav a").each(function() {
var el = $(this);
$("<option />", {
"value" : el.attr("href"),
"text" : el.text()
}).appendTo("nav select");
});
// To make dropdown actually work
// To make more unobtrusive: http://css-tricks.com/4064-unobtrusive-page-changer/
$("nav select").change(function() {
window.location = $(this).find("option:selected").val();
});
});
</script>
<!--for responsive_menu end-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/jquery-ui.min.js"></script>
<!-- Example jQuery code (JavaScript) -->
<script type="text/javascript">
$(document).ready(function(){
// Example 1.1: A single sortable list
$('#example-1-1 .sortable-list').sortable();
// Example 1.2: Sortable and connectable lists
$('#example-1-2 .sortable-list').sortable({
connectWith: '#example-1-2 .sortable-list'
});
// Example 1.3: Sortable and connectable lists with visual helper
$('#example-1-3 .sortable-list').sortable({
connectWith: '#example-1-3 .sortable-list',
placeholder: 'placeholder',
});
// Example 1.4: Sortable and connectable lists (within containment)
$('#example-1-4 .sortable-list').sortable({
connectWith: '#example-1-4 .sortable-list',
containment: '#containment'
});
});
</script>
</body>
</html>
Directory Contents
Dirs: 6 × Files: 12