Preview: contact-us.html
Size: 10.06 KB
/home/jambtst2015/www/html/giraffe_html/giraffe_html/contact-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">about us</a></li>
<li><a href="#">exam category</a></li>
<li class="MarginRight"><a href="contact-us.html" class="active">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>contact us</h3>
<div class="clear"></div>
<section class="aboutUs">
<aside class="contact-left">
<form action="" name="contactForm" id="contactForm" method="post" enctype="multipart/form-data" class="contactForm">
<fieldset>
<label>name:</label>
<input name="name" id="name" type="text" class="contact-textfield">
</fieldset>
<fieldset>
<label>email:</label>
<input name="email" id="email" type="text" class="contact-textfield">
</fieldset>
<fieldset>
<label>phone no:</label>
<input name="phone-no" id="phone-no" type="text" class="contact-textfield">
</fieldset>
<fieldset>
<label>address:</label>
<textarea name="address" id="address" cols="" rows="" class="contact-textarea"></textarea>
</fieldset>
</fieldset>
<fieldset>
<input name="submit" id="submit" type="submit" class="submitBtn" value="submit">
<input name="reset" id="reset" type="reset" class="submitBtn" value="Reset">
<div class="clear"></div>
</fieldset>
</form>
</aside>
<aside class="contact-right">
<div class="contact-right-up">
<img src="images/google-map.jpg" alt="">
</div>
<div class="contact-right-down">
<aside class="addressleft">
<p>Address</p>
</aside>
<aside class="addressRight">
<p>lorem ipsum dolor sit road,PO Box - sit amit, OR 824335</p>
</aside>
<div class="clear"></div>
<aside class="addressleft">
<p>phone</p>
</aside>
<aside class="addressRight">
<p>827 - 920 - 6444 </p>
</aside>
<div class="clear"></div>
<aside class="addressleft">
<p>email</p>
</aside>
<aside class="addressRight">
<a HREF="mailto:info@giraffeng.com" CLASS="email">info@giraffeng.com</a>
</aside>
<div class="clear"></div>
</div>
<div class="clear"></div>
</aside>
<div class="clear"></div>
</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