<!--A Design by W3layouts
Author: W3layout
Author URL: http://222.178.203.72:19005/whst/63/_v2kZxntsrzbnl/
License: Creative Commons Attribution 3.0 Unported
License URL: http://222.178.203.72:19005/whst/63/_bqdZshudbnllnmrznqf//licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Modest Bootstarp Website Template | Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<!------ commn-js files ----->
<script src="./js/jquery.min.js"> </script>
<!------ commn-js files ----->
<!----- theme-style ----->
<link href="./css/style.css" rel='stylesheet' type='text/css' />
<!----- theme-style ----->
<!----- webfonts ----->
<link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Open+Sans:300,400,600,700,800' rel='stylesheet' type='text/css'>
<!----- webfonts ----->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
</head>
<body>
<!---header--->
<div class="header">
<!---container--->
<div class="container">
<div class="top-header">
<div class="logo">
<a href="index.html"><img src="./images/logo.png"/></a>
</div>
<div class="menu">
<a class="toggleMenu" href="#"><img src="./images/nav-icon.png" alt="" /> </a>
<ul class="nav" id="nav">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#team" class="scroll">Team</a></li>
<li><a href="#work" class="scroll">Work</a></li>
<li><a href="#services" class="scroll">Services</a></li>
<li><a href="#features" class="scroll">Features</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
<script type="text/javascript" src="./js/responsive-nav.js"></script>
<script type="text/javascript" src="./js/move-top.js"></script>
<script type="text/javascript" src="./js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!---container--->
</div>
<!---header--->
<!---banner--->
<!----start-slider-script---->
<script src="./js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
pager: true,
nav: true,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!----//End-slider-script---->
<!-- Slideshow 4 -->
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<img src="./images/banner.jpg" alt="">
<div class="caption bounceInDown" data-wow-delay="0.4s">
<div class="slide-text-info">
<h1>welcome to our marketplace</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.Sed nisi metus,tristique ndolor non,ornare sagittis dolor.Nulla vestibulu lacus...</p>
<div class="slide-btns">
<a class="startnow" href="#">VIWE MORE</a>
<a class="livedemo" href="#">VIDEO TOUR</a>
</div>
</div>
</div>
</li>
<li>
<img src="./images/leaf.jpg" alt="">
<div class="caption">
<div class="slide-text-info bounceInDown" data-wow-delay="0.4s">
<h1>welcome to our marketplace</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.Sed nisi metus,tristique ndolor non,ornare sagittis dolor.Nulla vestibulu lacus...</p>
<div class="slide-btns">
<a class="startnow" href="#">VIWE MORE</a>
<a class="livedemo" href="#">VIDEO TOUR</a>
</div>
</div>
</div>
</li>
<li>
<img src="./images/banner.jpg" alt="">
<div class="caption">
<div class="slide-text-info bounceInDown" data-wow-delay="0.4s">
<h1>welcome to our marketplace</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.Sed nisi metus,tristique ndolor non,ornare sagittis dolor.Nulla vestibulu lacus...</p>
<div class="slide-btns">
<a class="startnow" href="#">VIWE MORE</a>
<a class="livedemo" href="#">VIDEO TOUR</a>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
<!----- //End-slider---->
<!---banner--->
<!---content--->
<div class="content">
<div class="content-top" id="about">
<!---container--->
<div class="container">
<div class="content-we">
<h2><span class="we-are"> </span>
WE ARE MODEST.</h2>
</div>
<div class="row">
<div class="col-md-7 para-matter">
<p class="sit"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nisi metus, tristique ndolor non, ornare sagittis dolor. Nulla vestibulu lacus sed molestie gravida. Crferm entum quismagna congue, vel sodales arcu vestibulum. Nunc lobortis dui magna, quis lacusullamcorper at. </p>
<p class="sed">Phasellus sollicitudin ante eros ornare, sit amet luctus lorem semper. Suspendisse posuere, quamdictum consectetur, augue metus pharetra tellus, eu feugiatloreg egetnisi. Cras ornare bibendum ante, ut bibendum odio convallis eget. vel sodales arcu vestibulum</p>
<div class="face">
<ul>
<li><a class="facebook" href="#"><span> </span></a></li>
<li><a class="twitter"href="#"><span> </span></a></li>
<li><a class="gmail"href="#"><span> </span></a></li>
<li><a class="dribble"href="#"><span> </span></a></li>
<li><a class="been"href="#"><span> </span></a></li>
<div class="clearfix"> </div>
</ul>
</div>
</div>
<div class="col-md-5 text-matter">
<div class="top-list">
<div class="top-list-left">
<span><label>01</label></span>
</div>
<div class="top-list-right">
<h4>Dedication to the customers</h4>
<p>Integer vel lacus non dui ullamcorper venenatis. Aliquam vitae tristique nisi, vitae </p>
</div>
<div class="clearfix"> </div>
</div>
<div class="top-list-middle">
<div class="top-list-left">
<span><label>02</label></span>
</div>
<div class="top-list-right">
<h4>Dedication to the customers</h4>
<p>Integer vel lacus non dui ullamcorper venenatis. Aliquam vitae tristique nisi, vitae </p>
</div>
<div class="clearfix"> </div>
</div>
<div class="top-list-last">
<div class="top-list-left">
<span><label>03</label></span>
</div>
<div class="top-list-right">
<h4>Dedication to the customers</h4>
<p>Integer vel lacus non dui ullamcorper venenatis. Aliquam vitae tristique nisi, vitae </p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!---content-we-are--->
<div class="content-we-are" id="team">
<!---c