313 lines
14 KiB
HTML
Executable File
313 lines
14 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Home</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">
|
|
<meta name = "format-detection" content = "telephone=no" />
|
|
<!--CSS-->
|
|
<link rel="stylesheet" href="css/bootstrap.css" >
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<link rel="stylesheet" href="css/camera.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.ui.totop.js"></script>
|
|
<script src="js/jquery.equalheights.js"></script>
|
|
<script src="js/camera.js"></script>
|
|
<!--[if (gt IE 9)|!(IE)]><!-->
|
|
<script src="js/jquery.mobile.customized.min.js"></script>
|
|
<!--<![endif]-->
|
|
<script src="js/jquery.carouFredSel-6.1.0-packed.js"></script>
|
|
<script src="js/jquery.mousewheel.min.js"></script>
|
|
<script src="js/jquery.touchSwipe.min.js"></script>
|
|
<script>
|
|
$(document).ready(function(){
|
|
jQuery('.camera_wrap').camera();
|
|
});
|
|
</script>
|
|
<script>
|
|
$(window).load(function() {
|
|
$(function() {
|
|
$('#foo1').carouFredSel({
|
|
auto: false,
|
|
responsive: true,
|
|
width: '100%',
|
|
scroll: 1,
|
|
prev: '#prev',
|
|
next: '#next',
|
|
items: {
|
|
height: 'auto',
|
|
width:370,
|
|
visible: {
|
|
min: 1,
|
|
max: 3
|
|
}
|
|
},
|
|
mousewheel: true,
|
|
swipe: {
|
|
onMouse: true,
|
|
onTouch: true
|
|
}
|
|
});
|
|
$('#foo2').carouFredSel({
|
|
auto: false,
|
|
responsive: true,
|
|
width: '100%',
|
|
scroll: 1,
|
|
prev: '#prev2',
|
|
next: '#next2',
|
|
items: {
|
|
height: 'auto',
|
|
width:225,
|
|
visible: {
|
|
min: 1,
|
|
max: 6
|
|
}
|
|
},
|
|
mousewheel: true,
|
|
swipe: {
|
|
onMouse: true,
|
|
onTouch: true
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</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>
|
|
<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 class="active"><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><a href="index-3.html">projects</a></li>
|
|
<li><a href="index-4.html">contacts</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
<div class="slider">
|
|
<div class="camera_wrap">
|
|
<div data-src="img/picture1.jpg"><div class="camera-caption fadeIn"><p class="title">Enjoy the benefits</p><p class="description">of green construction</p></div></div>
|
|
<div data-src="img/picture2.jpg"><div class="camera-caption fadeIn"><p class="title">Enjoy the benefits</p><p class="description">of green construction</p></div></div>
|
|
<div data-src="img/picture3.jpg"><div class="camera-caption fadeIn"><p class="title">Enjoy the benefits</p><p class="description">of green construction</p></div></div>
|
|
</div>
|
|
</div>
|
|
<div class="global">
|
|
<div class="center-box">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-4">
|
|
<p class="title">Welcome!</p>
|
|
<p class="title2">Green Consulting for healthy beautiful environment</p>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-4">
|
|
<p class="description">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur.</p>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-4">
|
|
<p class="description">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est impedit quo minus id.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<h2><em>Latest Projects</em><span></span></h2>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="list_carousel1 responsive clearfix">
|
|
<ul id="foo1">
|
|
<li>
|
|
<figure><img src="img/page1_pic1.jpg" alt=""></figure>
|
|
<p class="title">Ut enim ad minima Duis aute irure <br>dolor in reprehenderit</p>
|
|
<a href="#" class="btn-default btn1">more</a>
|
|
</li>
|
|
<li>
|
|
<figure><img src="img/page1_pic2.jpg" alt=""></figure>
|
|
<p class="title">Duis aute irure dolor in reprehend <br>erit et expedita distinctio</p>
|
|
<a href="#" class="btn-default btn1">more</a>
|
|
</li>
|
|
<li>
|
|
<figure><img src="img/page1_pic3.jpg" alt=""></figure>
|
|
<p class="title">Lorem ipsum dolor sit amet consec <br>tetur adipisicing elit</p>
|
|
<a href="#" class="btn-default btn1">more</a>
|
|
</li>
|
|
<li>
|
|
<figure><img src="img/page1_pic2.jpg" alt=""></figure>
|
|
<p class="title">Duis aute irure dolor in reprehend <br>erit et expedita distinctio</p>
|
|
<a href="#" class="btn-default btn1">more</a>
|
|
</li>
|
|
</ul>
|
|
<div class="list_btn">
|
|
<a id="prev" class="prev" href="#"></a>
|
|
<a id="next" class="next" href="#"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
<div class="who-box">
|
|
<h2 class="indent"><em>Who We Are</em><span></span></h2>
|
|
<div class="col-lg-4 col-md-4 col-sm-4">
|
|
<div class="thumb-pad0">
|
|
<div class="thumbnail">
|
|
<figure><img src="img/page1_pic4.jpg" alt=""></figure>
|
|
<div class="caption maxheight">
|
|
<p class="title">Quality Standards</p>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut et dolore magna aliquanim ad minim.</p>
|
|
<a href="#" class="btn-default btn1">more</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-4">
|
|
<div class="thumb-pad0">
|
|
<div class="thumbnail">
|
|
<figure><img src="img/page1_pic5.jpg" alt=""></figure>
|
|
<div class="caption maxheight">
|
|
<p class="title">Consulting</p>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut et dolore magna aliquanim ad minim.</p>
|
|
<a href="#" class="btn-default btn1">more</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-4">
|
|
<div class="thumb-pad0">
|
|
<div class="thumbnail">
|
|
<figure><img src="img/page1_pic6.jpg" alt=""></figure>
|
|
<div class="caption maxheight">
|
|
<p class="title">Eco Materials</p>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut et dolore magna aliquanim ad minim.</p>
|
|
<a href="#" class="btn-default btn1">more</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="location-box">
|
|
<div class="container">
|
|
<h2><em>Helping our clients <br>build green</em><span></span></h2>
|
|
<p class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor <br>incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-4 col-sm-4">
|
|
<div class="thumb-pad1">
|
|
<div class="thumbnail">
|
|
<figure><img src="img/page1_icon1.png" alt=""></figure>
|
|
<div class="caption">
|
|
<a href="#">At vero eos et <br>accusamus et iusto</a>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed dobe eiusmod tempor incididmagna aliquautenim.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-4">
|
|
<div class="thumb-pad1">
|
|
<div class="thumbnail">
|
|
<figure><img src="img/page1_icon2.png" alt=""></figure>
|
|
<div class="caption">
|
|
<a href="#">Ut enim ad minima <br>veniam quis nostrum</a>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed dobe eiusmod tempor incididmagna aliquautenim.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-4">
|
|
<div class="thumb-pad1">
|
|
<div class="thumbnail">
|
|
<figure><img src="img/page1_icon3.png" alt=""></figure>
|
|
<div class="caption">
|
|
<a href="#">Duis aute irure dolor in <br>reprehenderit in</a>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed dobe eiusmod tempor incididmagna aliquautenim.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="client-box">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="list_carousel2 responsive clearfix">
|
|
<ul id="foo2">
|
|
<li><figure><a href="#"><img src="img/page1_logo1.png" alt=""></a></figure></li>
|
|
<li><figure><a href="#"><img src="img/page1_logo2.png" alt=""></a></figure></li>
|
|
<li><figure><a href="#"><img src="img/page1_logo3.png" alt=""></a></figure></li>
|
|
<li><figure><a href="#"><img src="img/page1_logo4.png" alt=""></a></figure></li>
|
|
<li><figure><a href="#"><img src="img/page1_logo5.png" alt=""></a></figure></li>
|
|
<li><figure><a href="#"><img src="img/page1_logo6.png" alt=""></a></figure></li>
|
|
<li><figure><a href="#"><img src="img/page1_logo3.png" alt=""></a></figure></li>
|
|
</ul>
|
|
<div class="list_btn2">
|
|
<a id="prev2" class="prev2" href="#"></a>
|
|
<a id="next2" class="next2" href="#"></a>
|
|
</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_LINK} -->
|
|
</footer>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/tm-scripts.js"></script>
|
|
</body>
|
|
</html> |