237 lines
12 KiB
HTML
Executable File
237 lines
12 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>projects</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
|
|
$('.thumb-pad0 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="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 class="active"><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="container">
|
|
<div class="row">
|
|
<div class="col-lg-12 projects-box">
|
|
<h2 class="indent"><em>Our Projects</em><span></span></h2>
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
|
|
<div class="thumb-pad0">
|
|
<div class="thumbnail">
|
|
<figure><a href="img/img7.jpg"><img src="img/page4_pic1.jpg" alt=""></a></figure>
|
|
<div class="caption maxheight">
|
|
<a href="#" class="lnk">Project name</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
|
|
<div class="thumb-pad0">
|
|
<div class="thumbnail">
|
|
<figure><a href="img/img8.jpg"><img src="img/page4_pic2.jpg" alt=""></a></figure>
|
|
<div class="caption maxheight">
|
|
<a href="#" class="lnk">Project name</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
|
|
<div class="thumb-pad0">
|
|
<div class="thumbnail">
|
|
<figure><a href="img/img9.jpg"><img src="img/page4_pic3.jpg" alt=""></a></figure>
|
|
<div class="caption maxheight">
|
|
<a href="#" class="lnk">Project name</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
|
|
<div class="thumb-pad0">
|
|
<div class="thumbnail">
|
|
<figure><a href="img/img10.jpg"><img src="img/page4_pic4.jpg" alt=""></a></figure>
|
|
<div class="caption maxheight">
|
|
<a href="#" class="lnk">Project name</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
|
|
<div class="thumb-pad0">
|
|
<div class="thumbnail">
|
|
<figure><a href="img/img11.jpg"><img src="img/page4_pic5.jpg" alt=""></a></figure>
|
|
<div class="caption maxheight">
|
|
<a href="#" class="lnk">Project name</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
|
|
<div class="thumb-pad0">
|
|
<div class="thumbnail">
|
|
<figure><a href="img/img12.jpg"><img src="img/page4_pic6.jpg" alt=""></a></figure>
|
|
<div class="caption maxheight">
|
|
<a href="#" class="lnk">Project name</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
|
|
<div class="thumb-pad0">
|
|
<div class="thumbnail">
|
|
<figure><a href="img/img13.jpg"><img src="img/page4_pic7.jpg" alt=""></a></figure>
|
|
<div class="caption maxheight">
|
|
<a href="#" class="lnk">Project name</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
|
|
<div class="thumb-pad0">
|
|
<div class="thumbnail">
|
|
<figure><a href="img/img14.jpg"><img src="img/page4_pic8.jpg" alt=""></a></figure>
|
|
<div class="caption maxheight">
|
|
<a href="#" class="lnk">Project name</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
|
|
<div class="thumb-pad0">
|
|
<div class="thumbnail">
|
|
<figure><a href="img/img15.jpg"><img src="img/page4_pic9.jpg" alt=""></a></figure>
|
|
<div class="caption maxheight">
|
|
<a href="#" class="lnk">Project name</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
|
|
<div class="thumb-pad0">
|
|
<div class="thumbnail">
|
|
<figure><a href="img/img16.jpg"><img src="img/page4_pic10.jpg" alt=""></a></figure>
|
|
<div class="caption maxheight">
|
|
<a href="#" class="lnk">Project name</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
|
|
<div class="thumb-pad0">
|
|
<div class="thumbnail">
|
|
<figure><a href="img/img17.jpg"><img src="img/page4_pic11.jpg" alt=""></a></figure>
|
|
<div class="caption maxheight">
|
|
<a href="#" class="lnk">Project name</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
|
|
<div class="thumb-pad0">
|
|
<div class="thumbnail">
|
|
<figure><a href="img/img18.jpg"><img src="img/page4_pic12.jpg" alt=""></a></figure>
|
|
<div class="caption maxheight">
|
|
<a href="#" class="lnk">Project name</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12 banner-box">
|
|
<div class="row">
|
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
|
<figure><a href="#"><img src="img/banner1.png" alt=""></a></figure>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-sm-6">
|
|
<figure><a href="#"><img src="img/banner2.png" alt=""></a></figure>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
</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> |