Preview: dashboard-exam.html
Size: 12.25 KB
/home/jambtst2015/www/html/giraffe_html/giraffe_html/dashboard-exam.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">
<!--dashboard exam start-->
<section class="innerContainer">
<section class="dashboardExam">
<section class="dashboardExam-heading">
<h3>dashboard</h3>
<aside class="username">welcome <span>harry</span></aside>
<div class="clear"></div>
</section>
<section class="dashboardExam-content">
<aside class="dashboardExam-content-left">
<div class="examBody-Category">
<aside id="dashboardAccordian">
<div id="side">
<!-- ********************* Accordion 2 ********************* -->
<ul class="accordion">
<li><a CLASS="trigger" HREF="#">Exam Body 1
</a><ul style="display: none;">
<li class="last-child"><a CLASS="trigger" HREF="#">Subject 1 [Comp.]</a></li>
<li class="last-child"><a CLASS="trigger" HREF="#">Subject 2 [Comp.]</a></li>
<li class="last-child"><a CLASS="trigger" HREF="#">Subject 3 [Comp.]</a></li>
</ul>
</li>
<li><a CLASS="trigger" HREF="#">My Result
</a><ul style="display: none;">
<li class="last-child"><a CLASS="trigger" HREF="http://www.adipalaz.com/experiments/jquery/nested_accordion_hover_demo.html#link10">Link 10</a></li>
<li class="last-child"><a CLASS="trigger" HREF="http://www.adipalaz.com/experiments/jquery/nested_accordion_hover_demo.html#link11">Link 11</a></li>
</ul>
</li>
<li><a CLASS="trigger" HREF="#">My Profile
</a><ul style="display: none;">
<li class="last-child"><a CLASS="trigger" HREF="http://www.adipalaz.com/experiments/jquery/nested_accordion_hover_demo.html#link10">Link 10</a></li>
<li class="last-child"><a CLASS="trigger" HREF="http://www.adipalaz.com/experiments/jquery/nested_accordion_hover_demo.html#link11">Link 11</a></li>
</ul>
</li>
<li><a CLASS="trigger" HREF="#">My Chat
</a><ul style="display: none;">
<li class="last-child"><a CLASS="trigger" HREF="http://www.adipalaz.com/experiments/jquery/nested_accordion_hover_demo.html#link10">Link 10</a></li>
<li class="last-child"><a CLASS="trigger" HREF="http://www.adipalaz.com/experiments/jquery/nested_accordion_hover_demo.html#link11">Link 11</a></li>
</ul>
</li>
<li><a CLASS="trigger" HREF="#">My Forum
</a><ul style="display: none;">
<li class="last-child"><a CLASS="trigger" HREF="http://www.adipalaz.com/experiments/jquery/nested_accordion_hover_demo.html#link10">Link 10</a></li>
<li class="last-child"><a CLASS="trigger" HREF="http://www.adipalaz.com/experiments/jquery/nested_accordion_hover_demo.html#link11">Link 11</a></li>
</ul>
</li>
<li><a CLASS="trigger" HREF="#">Log Out
</a><ul style="display: none;">
<li class="last-child"><a CLASS="trigger" HREF="http://www.adipalaz.com/experiments/jquery/nested_accordion_hover_demo.html#link10">Link 10</a></li>
<li class="last-child"><a CLASS="trigger" HREF="http://www.adipalaz.com/experiments/jquery/nested_accordion_hover_demo.html#link11">Link 11</a></li>
</ul>
</li>
</ul>
<!-- end Accordion 2 -->
</div>
</aside>
</div>
</aside>
<aside class="dashboardExam-content-right">
<h4>take exam</h4>
<div class="contentarea">
<h2>Do you want to time you
self for the Exam ?</h2>
<div class="contentarea-down">
<a HREF="#" CLASS="yes-Btn">yes</a>
<a HREF="#" CLASS="no-Btn">yes</a>
<div class="clear"></div>
</div>
</div>
</aside>
<div class="clear"></div>
</section>
</section>
</section>
<!--dashboard exam end-->
</div>
<!--footer start-->
<footer>
<div class="container">
<aside class="footer-left">
<ul class="footer-nav">
<li><a HREF="#" CLASS="noBg padding-left select">home</a></li>
<li><a HREF="#">about us</a></li>
<li><a HREF="#">exam category</a></li>
<li><a HREF="#">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.js"></script>
<script src="js/jquery.event.move.js"></script>
<!--<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>-->
<script src="js/responsive-slider.js"></script>
<!--js for accordian---------------------->
<script type="text/javascript" src="js/jquery_002.js"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
$("html").addClass("js");
$(function() {
$("#side").accordion({
event: "click",
interval: 400,
initShow : "#current"
});
$("#main").accordion({
obj: "div",
wrapper: "div",
el: ".h",
head: "h4",
next: "div",
initShow : "div.outer:first",
event : "click",
collapsible : false
});
$("html").removeClass("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>
</body>
</html>
Directory Contents
Dirs: 6 × Files: 12