Preview: about-us.html
Size: 8.95 KB
/home/jambtst2015/www/html/giraffe_html/giraffe_html/about-us.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" class="active">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>about us</h3>
<div class="clear"></div>
<section class="aboutUs">
<img src="images/about-img.jpg" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam tquaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur..</p>
<p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
<p>These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. The wise man therefore always holds in these matters to this principle of selection: he rejects pleasures to secure other greater pleasures, or else he endures pains to avoid worse pains.</p>
</section>
</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.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-->
</body>
</html>
Directory Contents
Dirs: 6 × Files: 12