Preview: view-exam-demo.html
Size: 13.89 KB
/home/jambtst2015/www/html/giraffe_html/view-exam-demo.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">
<div class="innerContainer-head">
<h3>Demo</h3>
</div>
<div class="clear"></div>
<section class="dashboardExam">
<section class="dashboardExam-content">
<aside class="dashboardExam-content-right1 dashboardExamBatch-content">
<!--<h4>
<span>exam batch 1.1</span>
<span class="dateTime">exam date - 16th June, 2014 & time - 5:20pm</span>
</h4>
<div class="row second-top">
<a class="green-btn left" href="#">retake exam</a>
<span>time remaining: 0:90</span>
<a class="red-btn right" href="#">End test</a>
</div> -->
<div class="contentarea questionArea">
<h2 class="qusHeader">Questions numbers 1 to 5 carry 1 mark each. For each of the questions 1 - 5 , Four alternatives choices have been provided of which only one is correct. You have to select the currect choice.. </h2>
<div class="qusCont">
<div class="options">
<h4 class="qus">1. Evaluate 21.05347 - 1.6324 x 0.43, to 3decimal places.?</h4>
<div class="row-block">
<div class="option-block"><span class="radio"><input type="radio" name="option" value="options1" /></span> <span class="options-ops">(a) 20.980</span> </div>
<div class="option-block"><span class="radio"><input type="radio" name="option" value="options2" /></span> <span class="options-ops">(b) 20.351</span> </div>
</div>
<div class="row-block">
<div class="option-block"><span class="radio"><input type="radio" name="option" value="options3" /></span> <span class="options-ops">(c) 20.981</span> </div>
<div class="option-block"><span class="radio"><input type="radio" name="option" value="options4" /></span> <span class="options-ops">(d) 20.352</span> </div>
</div>
</div>
<div class="options">
<h4 class="qus">2. <img src="images/math-1.png" align="top" /></h4>
<div class="row-block">
<div class="option-block"><span class="radio"><input type="radio" name="option1" value="options5" /></span> <span class="options-ops">(a) <img align="top" src="images/option/m-1.png" /></span> </div>
<div class="option-block"><span class="radio"><input type="radio" name="option1" value="options6" /></span> <span class="options-ops">(b) <img align="top" src="images/option/m-2.png" /></span> </div>
</div>
<div class="row-block">
<div class="option-block"><span class="radio"><input type="radio" name="option1" value="options7" /></span> <span class="options-ops">(c) <img align="top" src="images/option/m-3.png" /></span> </div>
<div class="option-block"><span class="radio"><input type="radio" name="option1" value="options8" /></span> <span class="options-ops">(d) <img align="top" src="images/option/m-4.png" /></span> </div>
</div>
</div>
<div class="options">
<h4 class="qus">3.Milikan’s contribution to the development of atomic theory is the
determination of?</h4>
<div class="row-block">
<div class="option-block"><span class="radio"><input type="radio" name="option2" value="options9" /></span> <span class="options-ops">(a) charge on electron</span> </div>
<div class="option-block"><span class="radio"><input type="radio" name="option2" value="options10" /></span> <span class="options-ops">(b) positive rays</span> </div>
</div>
<div class="row-block">
<div class="option-block"><span class="radio"><input type="radio" name="option2" value="options11" /></span> <span class="options-ops">(c) charge to mass ratio</span> </div>
<div class="option-block"><span class="radio"><input type="radio" name="option2" value="options12" /></span> <span class="options-ops">(d) cathode rays</span> </div>
</div>
</div>
<div class="options">
<h4 class="qus">4. <img align="top" src="images/option/ar-Q.png" /></h4>
<div class="row-block">
<div class="option-block"><span class="radio"><input type="radio" name="option3" value="options13" /></span> <span class="options-ops">(a) <img align="top" src="images/option/ar-1.png" /></span> </div>
<div class="option-block"><span class="radio"><input type="radio" name="option3" value="options14" /></span> <span class="options-ops">(b) <img align="top" src="images/option/ar-2.png" /></span> </div>
</div>
<div class="row-block">
<div class="option-block"><span class="radio"><input type="radio" name="option3" value="options15" /></span> <span class="options-ops">(c) <img align="top" src="images/option/ar-3.png" /></span> </div>
<div class="option-block"><span class="radio"><input type="radio" name="option3" value="options16" /></span> <span class="options-ops">(d) <img align="top" src="images/option/ar-4.png" /></span> </div>
</div>
</div>
<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="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.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: 2 × Files: 3