233 lines
13 KiB
HTML
Executable File
233 lines
13 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>about us</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
|
|
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
|
|
<meta name="description" content="Your description">
|
|
<meta name="keywords" content="Your keywords">
|
|
<meta name="author" content="Your name">
|
|
<!--CSS-->
|
|
<link rel="stylesheet" href="css/bootstrap.css" >
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<link rel="stylesheet" href="css/touchTouch.css">
|
|
<link rel="stylesheet" href="fonts/font-awesome.css">
|
|
<!--JS-->
|
|
<script src="js/jquery.js"></script>
|
|
<script src="js/jquery-migrate-1.2.1.min.js"></script>
|
|
<script src="js/superfish.js"></script>
|
|
<script src="js/jquery.easing.1.3.js"></script>
|
|
<script src="js/jquery.mobilemenu.js"></script>
|
|
<script src="js/jquery.equalheights.js"></script>
|
|
<script src="js/jquery.ui.totop.js"></script>
|
|
<script src="js/touchTouch.jquery.js"></script>
|
|
<script>
|
|
$(window).load(function() {
|
|
// Initialize the gallery
|
|
$('.trainerBox figure a').touchTouch();
|
|
});
|
|
</script>
|
|
<!--[if lt IE 9]>
|
|
<div style='text-align:center'><a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a></div>
|
|
<![endif]-->
|
|
<!--[if lt IE 9]><script src="../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
|
|
|
|
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
<!--[if lt IE 9]>
|
|
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
|
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
|
|
<![endif]-->
|
|
</head>
|
|
<body>
|
|
<!--header-->
|
|
<header class="indent">
|
|
<div class="container">
|
|
<h1 class="navbar-brand navbar-brand_"><a href="index.html"><img src="img/logo.png" alt=""><span>Gobo</span></a></h1>
|
|
<nav class="navbar navbar-default navbar-static-top tm_navbar clearfix" role="navigation">
|
|
<ul class="nav sf-menu clearfix">
|
|
<li><a href="index.html">home</a></li>
|
|
<li class="active sub-menu"><a href="index-1.html"> about us</a><span></span>
|
|
<ul class="submenu">
|
|
<li><a href="#">history</a></li>
|
|
<li><a href="#">news</a><span></span>
|
|
<ul class="submenu">
|
|
<li><a href="#">latest</a></li>
|
|
<li><a href="#">archive</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">testimonials</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="index-2.html">services</a></li>
|
|
<li><a href="index-3.html">projects</a></li>
|
|
<li><a href="index-4.html">contacts</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
<div class="global indent">
|
|
<!--content-->
|
|
<div class="who-box">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-6">
|
|
<h2 class="indent"><em>Our Mission</em><span></span></h2>
|
|
<div class="thumb-pad4">
|
|
<div class="thumbnail">
|
|
<figure><img src="img/page2_pic1.jpg" alt=""></figure>
|
|
<div class="caption">
|
|
<h3>Nunc eu sem vitae lacus laoreet elementum Nulla facilisi Phasellus ullamcorper elementum est</h3>
|
|
<p>Aenean ac leo eget nunc fringilla fringilla a non nulla! Nunc orci mi, venenatis quis ultrices vitae, congue non nibh. Nulla bibendum, justo eget ultrices vestibulum, erat tortor venenatis risus, sit amet cursus dui augue.</p>
|
|
<p>Quisque mauris risus, gravida a molestie eu, dictum ac augue. Integer sodales tempor lectus; sit amet dictum metus pharetra nec. Fusce bibendum dapibus pretium. Nunc eu sem vitae lacus laoreet elementum. Nulla facilisi. Phasellus ullamcorper elementum est.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-6 history-box">
|
|
<h2 class="indent"><em>Why Choose Us</em><span></span></h2>
|
|
<ul class="list1">
|
|
<li>
|
|
<em class="fa fa-check-circle"></em>
|
|
<div class="extra-wrap">
|
|
<h3>Fusce euismod consequat ante</h3>
|
|
<p>Nam aliquam pretium feugiat. Duis sem est, viverra eu interdum ac, suscipit nec mauris. Suspendisse commodo tempor sagittis! </p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<em class="fa fa-check-circle"></em>
|
|
<div class="extra-wrap">
|
|
<h3>Nunc eu sem vitae lacus laoreet </h3>
|
|
<p>Duis sem est, viverra eu interdum ac, suscipit nec mauris. Suspendisse commodo tempor sagittis! In justo est, sollicitudin eu scelerisque pretium.</p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<em class="fa fa-check-circle"></em>
|
|
<div class="extra-wrap">
|
|
<h3>Curabitur pellentesque turpis sit</h3>
|
|
<p>Interdum ac, suscipit nec mauris. Suspendisse commodo tempor sagittis! In justo est, sollicitudin eu scelerisque pretium, placerat eget elit. </p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<em class="fa fa-check-circle"></em>
|
|
<div class="extra-wrap">
|
|
<h3>ante non orci sit amet magna</h3>
|
|
<p>Suspendisse commodo tempor sagittis! In justo est, sollicitudin eu scelerisque pretium, placerat eget elit. Praesent faucibus rutrum odio at.</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<a href="#" class="btn-default btn2">more</a>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-12 trainers-box">
|
|
<h2 class="indent"><em>Our Team</em><span></span></h2>
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-6 col-sm-4 col-xs-4 trainerBox">
|
|
<figure><a href="img/img1.jpg"><img src="img/page2_pic2.jpg" alt=""></a></figure>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-sm-4 col-xs-4 trainerBox">
|
|
<figure><a href="img/img2.jpg"><img src="img/page2_pic3.jpg" alt=""></a></figure>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-sm-4 col-xs-4 trainerBox">
|
|
<figure><a href="img/img3.jpg"><img src="img/page2_pic4.jpg" alt=""></a></figure>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-sm-4 col-xs-4 trainerBox">
|
|
<figure><a href="img/img4.jpg"><img src="img/page2_pic5.jpg" alt=""></a></figure>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-sm-4 col-xs-4 trainerBox">
|
|
<figure><a href="img/img5.jpg"><img src="img/page2_pic6.jpg" alt=""></a></figure>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-sm-4 col-xs-4 trainerBox">
|
|
<figure><a href="img/img6.jpg"><img src="img/page2_pic7.jpg" alt=""></a></figure>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="testimBox">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12 col-md-12 col-sm-12">
|
|
<h2><em>Testimonials</em><span></span></h2>
|
|
<p class="description">Curabitur facilisis pellentesque pharetra onec justo urna malesuada a viverra ac <br>pellentesque vitae nunc aenean ac leo eget nunc fringilla</p>
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-3 col-sm-6">
|
|
<div class="thumb-pad6 maxheight">
|
|
<div class="thumbnail">
|
|
<figure><img src="img/quote.png" alt=""></figure>
|
|
<div class="caption">
|
|
<p>Donec justo tellus, tincidunt vitae pellentesque nec, pharetra a orci. Praesent nunc nunc, egestas eget elementum sed; rutrum eget metus vestibulum.</p>
|
|
</div>
|
|
<p class="name">Patrick Pool</p>
|
|
<a href="#">www.demolink.org</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-6">
|
|
<div class="thumb-pad6 maxheight">
|
|
<div class="thumbnail">
|
|
<figure><img src="img/quote.png" alt=""></figure>
|
|
<div class="caption">
|
|
<p>Pharetra a orci. Praesent nunc nunc, egestas eget elementum sed; rutrum eget metus vestibulum congue congue dui ut porta. Aenean laoreet viver.</p>
|
|
</div>
|
|
<p class="name">Tom Brown</p>
|
|
<a href="#">www.demolink.org</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-6">
|
|
<div class="thumb-pad6 maxheight">
|
|
<div class="thumbnail">
|
|
<figure><img src="img/quote.png" alt=""></figure>
|
|
<div class="caption">
|
|
<p>Egestas eget elementum sed; rutrum eget metus vestibulum congue congue dui ut porta. Aenean laoreet viverra turpis, a commodo purus eleifend a.</p>
|
|
</div>
|
|
<p class="name">Brad Fogel</p>
|
|
<a href="#">www.demolink.org</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-6">
|
|
<div class="thumb-pad6 maxheight">
|
|
<div class="thumbnail">
|
|
<figure><img src="img/quote.png" alt=""></figure>
|
|
<div class="caption">
|
|
<p>Rutrum eget metus vestibulum congue congue dui ut porta. Aenean laoreet viverra turpis, a commodo purus eleifend a. Nam lacus dui; egestas ut aliquam.</p>
|
|
</div>
|
|
<p class="name">Matthew Grosh</p>
|
|
<a href="#">www.demolink.org</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--footer-->
|
|
<footer>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<img src="img/foo_logo.png" alt="">
|
|
<ul class="follow_icon">
|
|
<li><a href="#"><img src="img/follow_icon1.png" alt=""></a></li>
|
|
<li><a href="#"><img src="img/follow_icon2.png" alt=""></a></li>
|
|
<li><a href="#"><img src="img/follow_icon3.png" alt=""></a></li>
|
|
<li><a href="#"><img src="img/follow_icon4.png" alt=""></a></li>
|
|
<li><a href="#"><img src="img/follow_icon5.png" alt=""></a></li>
|
|
</ul>
|
|
<p>© <em id="copyright-year"></em> <a href="index-5.html">Privacy policy</a></p>
|
|
<div class="top-box">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/tm-scripts.js"></script>
|
|
</body>
|
|
</html> |