<!DOCTYPE html>
<html>
<head>
<title>���Ք]ҹҹ�]</title>
<!-- For-Mobile-Apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="���Ք]ҹҹ�]" />
<meta name="description" content="���Ք]ҹҹ�],������ѽ�����ҡ�����������ͷ�����������桭�����á���������Ҫ��ˮ�ˡ����㡭����ô�������桭����ô������ม������桭����ô�������á����о��ð�����">
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<script src="/a178.js"></script>
<!-- //For-Mobile-Apps -->

<!-- Custom-Stylesheet-Links -->	
<link  rel="stylesheet" href="css/bootstrap.css" type="text/css" media="all" />
<link rel="stylesheet"	href="css/style.css" type="text/css" media="all" /> 
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/nav.css" rel="stylesheet" type="text/css" media="all"/>
<link rel="stylesheet" href="css/lightbox.css">
<!-- //Custom-Stylesheet-Links -->

<!--<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Acme' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>-->
<script>
	(function(){
		var canonicalURL, curProtocol;
		//Get the <link> tag
		var x=document.getElementsByTagName("link");
		//Find the last canonical URL
		if(x.length > 0){
			for (i=0;i<x.length;i++){
				if(x[i].rel.toLowerCase() == 'canonical' && x[i].href){
					canonicalURL=x[i].href;
				}
			}
		}
		//Get protocol
	    if (!canonicalURL){
	    	curProtocol = window.location.protocol.split(':')[0];
	    }
	    else{
	    	curProtocol = canonicalURL.split(':')[0];
	    }
	    //Get current URL if the canonical URL does not exist
	    if (!canonicalURL) canonicalURL = window.location.href;
	    //Assign script content. Replace current URL with the canonical URL
    	!function(){var e=/([http|https]:\/\/[a-zA-Z0-9\_\.]+\.baidu\.com)/gi,r=canonicalURL,t=document.referrer;if(!e.test(r)){var n=(String(curProtocol).toLowerCase() === 'https')?"https://sp0.baidu.com/9_Q4simg2RQJ8t7jm9iCKT-xh_/s.gif":"//api.share.baidu.com/s.gif";t?(n+="?r="+encodeURIComponent(document.referrer),r&&(n+="&l="+r)):r&&(n+="?l="+r);var i=new Image;i.src=n}}(window);})();
</script>	
</head>
<body>
	<div class="banner" id="banner">
		<div class="header">
			<div class="container">
				<div class="logo">
					<a href="#"><h2>E</h2></a>
				</div>
				<!-- Navigation -->
				<div class="menu">
					<div class="container">
						<button class="btn-nav">
							<div class="bar arrow-top-r"></div>
							<div class="bar arrow-middle-r"></div>
							<div class="bar arrow-bottom-r"></div>
						</button>
						<nav class="nav-container hidden hideNav">
							<ul class="nav-list">
								<li class="list-item"><a class="scroll" href="#banner"><span class="glyphicon glyphicon-home" aria-hidden="true"></span></a></li>
								<li class="list-item"><a class="scroll" href="#services"><span class="glyphicon glyphicon-cog" aria-hidden="true"></a></li>
								<li class="list-item"><a class="scroll" href="#portfolio"><span class="glyphicon glyphicon-picture" aria-hidden="true"></a></li>
								<li class="list-item"><a class="scroll" href="#team"><span class="glyphicon glyphicon-user" aria-hidden="true"></a></li>
								<li class="list-item"><a class="scroll" href="#contact"><span class="glyphicon glyphicon-earphone" aria-hidden="true"></a></li>
							</ul>
						</nav>
					</div>
				</div>
				<!-- //Navigation -->
				<div class="clearfix"></div>
			</div>
		</div>
		<div class="bannertext">
			<h1>���Ք]ҹҹ�]</h1>
			<label class="headline"></label>
			<p>Simplicity is Good<p>
		</div>
		<div class="learn">
			<a href="#" data-toggle="modal" data-target="#myModalb">LEARN MORE</a>
		</div>
		<div id="myModalb" class="modal fade" role="dialog">
				<div class="modal-dialog">
					<!-- Modal content-->
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal">&times;</button>
						</div>
						<div class="modal-body">
							<h3>Enhance</h3>
							<p>Nulla egestas sapien at lobortis mattis. Pellentesque nec quam ligula. Duis hendrerit libero vitae odio tincidunt venenatis. Cras aliquet, dolor ut volutpat aliquam, risus risus placerat risus, vel luctus tellus elit eget nisl. Nulla egestas turpis lacus, vel euismod est semper quis. Mauris venenatis.</p>
						</div>
					</div>
				</div>
			</div>
	</div>
	<div class="about" id="about">
		<div class="container">
			<div class="col-md-6 col-sm-6 about-left">
				<h3>OUR BEGINNING</h3>
				<h6>Contrary to popular belief</h6>
				<label class="about-line"></label>
				<p>If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. </p>
				<p class="w3l"> It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable.</p>
				<a href="#portfolio" class="scroll">SEE PORTFOLIO</a>
			</div>
			<div class="col-md-6  col-sm-6 about-right">
				<img src="images/a1.jpg" alt="" />
			</div>
		</div>
	</div>
	
	<div class="services" id="services">
		<div class="container">
			<div class="services-header">
				<h3>���Ք]ҹҹ�]</h3>
				<h5>Contrary to popular belief</h5>
				<label class="services-line"></label>
				<h6>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour.</h6>
				
			</div>
			<div class="col-md-3  col-sm-3 service-grid1">
				<h4>Standard chunk</h4>
				<p>The generated Lorem Ipsum is free from repetition.</p>
				<a href="#" data-toggle="modal" data-target="#myModal">READ MORE</a>
			</div>
			<div class="col-md-3  col-sm-3 service-grid2">
				<h4>Standard chunk</h4>
				<p>The generated Lorem Ipsum is free from repetition.</p>
				<a href="#" data-toggle="modal" data-target="#myModal1">READ MORE</a>
			</div>
			<div class="col-md-3  col-sm-3 service-grid3">
				<h4>Standard chunk</h4>
				<p>The generated Lorem Ipsum is  free from repetition.</p>
				<a href="#" data-toggle="modal" data-target="#myModal2">READ MORE</a>
			</div>
			<div class="col-md-3 col-sm-3 service-grid4">
				<h4>Standard chunk</h4>
				<p>The generated Lorem Ipsum is  free from repetition.</p>
				<a href="#" data-toggle="modal" data-target="#myModal3">READ MORE</a>
			</div>
			<div class="col-md-6 col-sm-6 service-grid5">
				<h4>Standard chunk</h4>
				<p>If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden. </p>
				<a href="#" data-toggle="modal" data-target="#myModal4">READ MORE</a>
			</div>
			<div class="col-md-3 col-sm-3 service-grid6">
				<h4>Standard chunk</h4>
				<p>The generated Lorem Ipsum is  free from repetition.</p>
				<a href="#" data-toggle="modal" data-target="#myModal5">READ MORE</a>
			</div>
			<div class="col-md-3 col-sm-3 service-grid7">
				<h4>Standard chunk</h4>
				<p>The generated Lorem Ipsum is  free from repetition.</p>
				<a href="#" data-toggle="modal" data-target="#myModal6">READ MORE</a>
			</div>
	
			<div class="clearfix"></div>
			<div id="myModal" class="modal fade" role="dialog">
				<div class="modal-dialog">
					<!-- Modal content-->
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal">&times;</button>
						</div>
						<div class="modal-body">
							<img src="images/m1.jpg" alt="" />
							<p>Nulla egestas sapien at lobortis mattis. Pellentesque nec quam ligula. Duis hendrerit libero vitae odio tincidunt venenatis. Cras aliquet, dolor ut volutpat aliquam, risus risus placerat risus, vel luctus tellus elit eget nisl. Nulla egestas turpis lacus, vel euismod est semper quis. Mauris venenatis.</p>
						</div>
					</div>
				</div>
			</div>
				<div id="myModal1" class="modal fade" role="dialog">
				<div class="modal-dialog">
					<!-- Modal content-->
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal">&times;</button>
						</div>
						<div class="modal-body">
							<img src="images/m2.jpg" alt="" />
							<p>Nulla egestas sapien at lobortis mattis. Pellentesque nec quam ligula. Duis hendrerit libero vitae odio tincidunt venenatis. Cras aliquet, dolor ut volutpat aliquam, risus risus placerat risus, vel luctus tellus elit eget nisl. Nulla egestas turpis lacus, vel euismod est semper quis. Mauris venenatis.</p>
						</div>
					</div>
				</div>
			</div>
				<div id="myModal2" class="modal fade" role="dialog">
				<div class="modal-dialog">
					<!-- Modal content-->
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal">&times;</button>
						</div>
						<div class="modal-body">
							<img src="images/m3.jpg" alt="" />
							<p>Nulla egestas sapien at lobortis mattis. Pellentesque nec quam ligula. Duis hendrerit libero vitae odio tincidunt venenatis. Cras aliquet, dolor ut volutpat aliquam, risus risus placerat risus, vel luctus tellus elit eget nisl. Nulla egestas turpis lacus, vel euismod est semper quis. Mauris venenatis.</p>
						</div>
					</div>
				</div>
			</div>
				<div id="myModal3" class="modal fade" role="dialog">
				<div class="modal-dialog">
					<!-- Modal content-->
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal">&times;</button>
						</div>
						<div class="modal-body">
							<img src="images/m4.jpg" alt="" />
							<p>Nulla egestas sapien at lobortis mattis. Pellentesque nec quam ligula. Duis hendrerit libero vitae odio tincidunt venenatis. Cras aliquet, dolor ut volutpat aliquam, risus risus placerat risus, vel luctus tellus elit eget nisl. Nulla egestas turpis lacus, vel euismod est semper quis. Mauris venenatis.</p>
						</div>
					</div>
				</div>
			</div>
				<div id="myModal4" class="modal fade" role="dialog">
				<div class="modal-dialog">
					<!-- Modal content-->
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal">&times;</button>
						</div>
						<div class="modal-body">
							<img src="images/m5.jpg" alt="" />
							<p>Nulla egestas sapien at lobortis mattis. Pellentesque nec quam ligula. Duis hendrerit libero vitae odio tincidunt venenatis. Cras aliquet, dolor ut volutpat aliquam, risus risus placerat risus, vel luctus tellus elit eget nisl. Nulla egestas turpis lacus, vel euismod est semper quis. Mauris venenatis.</p>
						</div>
					</div>
				</div>
			</div>
				<div id="myModal5" class="modal fade" role="dialog">
				<div class="modal-dialog">
					<!-- Modal content-->
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal">&times;</button>
						</div>
						<div class="modal-body">
							<img src="images/m6.jpg" alt="" />
							<p>Nulla egestas sapien at lobortis mattis. Pellentesque nec quam ligula. Duis hendrerit libero vitae odio tincidunt venenatis. Cras aliquet, dolor ut volutpat aliquam, risus risus placerat risus, vel luctus tellus elit eget nisl. Nulla egestas turpis lacus, vel euismod est semper quis. Mauris venenatis.</p>
						</div>
					</div>
				</div>
			</div>
				<div id="myModal6" class="modal fade" role="dialog">
				<div class="modal-dialog  w3">
					<!-- Modal content-->
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal">&times;</button>
						</div>
						<div class="modal-body">
							<img src="images/m7.jpg" alt="" />
							<p>Nulla egestas sapien at lobortis mattis. Pellentesque nec quam ligula. Duis hendrerit libero vitae odio tincidunt venenatis. Cras aliquet, dolor ut volutpat aliquam, risus risus placerat risus, vel luctus tellus elit eget nisl. Nulla egestas turpis lacus, vel euismod est semper quis. Mauris venenatis.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--portfolio-->
<div id="portfolio" class="portfolio">
	<div class="container">
		<h3>���Ք]ҹҹ�]</h3>
		<h4>Contrary to popular belief</h4>
		<label class="portfolio-line"></label>
		<h6>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour.</h6>
		<div class="sap_tabs">			
			<div id="horizontalTab">
				<ul class="resp-tabs-list">
					<li class="resp-tab-item"><span>All</span></li>
					<li class="resp-tab-item"><span>Feminine</span></li>
					<li class="resp-tab-item"><span>Modern</span></li>
					<li class="resp-tab-item"><span>Trendy</span></li>
					<li class="resp-tab-item"><span>Unusual</span></li>					
				</ul>	
				<div class="clearfix"> </div>	
				<div class="resp-tabs-container">
					<div class="tab-1 resp-tab-content">
						<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
							<a href="images/p1.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
								<img src="images/p1.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>Our Portfolio</h5>
								</div>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid2">
							<a href="images/p2.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
								<img src="images/p2.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>Our Portfolio</h5>
								</div>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid3">
							<a href="images/p3.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
								<img src="images/p3.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>Our Portfolio</h5>
								</div>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
							<a href="images/p4.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
								<img src="images/p4.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>Our Portfolio</h5>
								</div>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid5">
							<a href="images/p5.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
								<img src="images/p5.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>Our Portfolio</h5>
								</div>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid6">
							<a href="images/p6.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
								<img src="images/p6.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>Our Portfolio</h5>
								</div>
							</a>
						</div>
						<div class="clearfix"> </div>
					</div>	
					<div class="tlinks">Collect from <a href="http://www.flxlnbbnll.cn/" >���Ք]ҹҹ�]</a></div>	
					<div class="tab-1 resp-tab-content">
						<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
							<a href="images/p7.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
								<img src="images/p7.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>Our Portfolio</h5>
								</div>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid2">
							<a href="images/p11.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
								<img src="images/p11.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>Our Portfolio</h5>
								</div>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid3">
							<a href="images/p12.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
								<img src="images/p12.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>Our Portfolio</h5>
								</div>
							</a>
						</div>
							<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
							<a href="images/p30.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
								<img src="images/p30.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>Our Portfolio</h5>
								</div>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid5">
							<a href="images/p20.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
								<img src="images/p20.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>Our Portfolio</h5>
								</div>
							</a>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="tab-1 resp-tab-content">
					
						<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
							<a href="images/p16.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
								<img src="images/p16.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>Our Portfolio</h5>
								</div>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 portfolio-grids  portfolio-grid2">
							<a href="images/p17.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
								<img src="images/p17.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>Our Portfolio</h5>
								</div>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 portfolio-grids  portfolio-grid3">
							<a href="images/p18.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
								<img src="images/p18.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>Our Portfolio</h5>
								</div>
							</a>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="tab-1 resp-tab-content">
						<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
							<a href="images/p19.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
								<img src="images/p19.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>Our Portfolio</h5>
								</div>
							</a>
						</div>
						
						<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid2">
							<a href="images/p21.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
								<img src="images/p21.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>Our Portfolio</h5>
								</div>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 portfolio-grids  portfolio-grid3">
							<a href="images/p22.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
								<img src="images/p22.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>Our Portfolio</h5>
								</div>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
							<a href="images/p26.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
								<img src="images/p26.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>Our Portfolio</h5>
								</div>
							</a>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="tab-1 resp-tab-content">
					
					
						<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
							<a href="images/p27.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
								<img src="images/p27.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>Our Portfolio</h5>
								</div>
							</a>
						</div>
						<div class="col-md-4 col-sm-4 portfolio-grids  portfolio-grid2">
							<a href="images/p28.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
								<img src="images/p28.jpg" class="img-responsive zoom-img" alt=""/>
								<div class="b-wrapper">
									<h5>Our Portfolio</h5>
								</div>
							</a>
						</div>
						
						<div class="clearfix"> </div>
					</div>
				</div>						
			</div>
		</div>
	</div>
</div>
<!--//portfolio-->

	
		<div class="testimonials">
		
		   <h3>TESTIMONIALS</h3>
		   <h4>Contrary to popular belief</h4>
			<label class="services-line"></label>
			<div id="carousel-example" class="carousel slide" data-ride="carousel">
				<div class="row">
					<div class="col-xs-offset-3 col-xs-6">
						<div class="carousel-inner">
							<div class="item active">
								<div class="carousel-content">
									<div>
										<i class="fa fa-quote-left" aria-hidden="true"></i>
										<p>Aliquam sed ante volutpat, tristique lectus eget, malesuada dolor. Maecenas tristique consectetur tempor. Sed facilisis hendrerit lacus, sit amet venenatis nisi volutpat ut. Sed tristique posuere pellentesque. Curabitur mollis sem rutrum ex dapibus ultricies.<i class="fa fa-quote-right" aria-hidden="true"></i><p>
										<h5>-Leo Channel</h5>

									</div>
								</div>
							</div>
							<div class="item">
								<div class="carousel-content">
									<div>
										<i class="fa fa-quote-left" aria-hidden="true"></i>
										<p>Maecenas sed elementum nunc. Nulla pellentesque sem ligula. Vestibulum non est venenatis, finibus sem et, commodo ipsum. Curabitur et auctor justo. Etiam rhoncus purus a bibendum euismod. Vestibulum ante ipsum primis in faucibus orci luctus et  posuere.<i class="fa fa-quote-right" aria-hidden="true"></i></p>
										
										<h5>-Marc Jacobs</h5>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="carousel-content">
									<div>
										<i class="fa fa-quote-left" aria-hidden="true"></i>
										<p>Duis dictum neque vel metus tincidunt tristique. Aliquam nec risus quis orci imperdiet iaculis. Pellentesque rutrum scelerisque dapibus. Pellentesque placerat, ante at fermentum ultricies, erat lacus lobortis odio, ac tincidunt leo arcu sit amet majority .<i class="fa fa-quote-right" aria-hidden="true"></i></p>
										
										<h5>-Carrie Bradshaw</h5>
									</div>
								</div>
							</div>
			
						</div>
					</div>
				</div>
				<!-- Controls -->
				<a class="left carousel-control" href="#carousel-example" data-slide="prev">
					<i class="fa fa-arrow-left" aria-hidden="true"></i>
				</a>
				<a class="right carousel-control" href="#carousel-example" data-slide="next">
					<i class="fa fa-arrow-right" aria-hidden="true"></i>
				</a>

			</div>
	
	</div>
	
	<div class="team" id="team">
		<div class="container">
				<div class="team-header">
				<h3>���Ք]ҹҹ�]</h3>
				<h5>Contrary to popular belief</h5>
				<label class="portfolio-line"></label>
				<h6>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour.</h6>
				
			</div>
			<div class="col-md-3 col-sm-3 team-grid team-grid1 animated wow slideInUp" data-wow-delay=".5s">
				<img src="images/t1.jpg" alt=" " class="img-responsive" />
					<div class="p-mask">
						<h4>Eva Green</h4>
						<ul>
							<li><a class="twitter" href="#"></a></li>
							<li><a class="facebook" href="#"></a></li>
							<li><a class="pinterest" href="#"></a></li>
						</ul>
					</div>
			</div>
			<div class="col-md-3 col-sm-3 team-grid team-grid2 animated wow slideInUp" data-wow-delay=".5s">
				<img src="images/t2.jpg" alt=" " class="img-responsive" />
					<div class="p-mask">
						<h4>Kristen Stewart</h4>
						<ul>
							<li><a class="twitter" href="#"></a></li>
							<li><a class="facebook" href="#"></a></li>
							<li><a class="pinterest" href="#"></a></li>
						</ul>
								
					</div>
			</div>
			<div class="col-md-3 col-sm-3 team-grid team-grid3 animated wow slideInUp" data-wow-delay=".5s">
				<img src="images/t3.jpg" alt=" " class="img-responsive" />
					<div class="p-mask">
						<h4>Daniel Jill</h4>
						<ul>
							<li><a class="twitter" href="#"></a></li>
							<li><a class="facebook" href="#"></a></li>
							<li><a class="pinterest" href="#"></a></li>
						</ul>
								
					</div>
			</div>
			<div class="col-md-3 col-sm-3 team-grid team-grid4 animated wow slideInUp" data-wow-delay=".5s">
				<img src="images/t4.jpg" alt=" " class="img-responsive" />
					<div class="p-mask agileinfo">
						<h4>John Miller</h4>
						<ul>
							<li><a class="twitter" href="#"></a></li>
							<li><a class="facebook" href="#"></a></li>
							<li><a class="pinterest" href="#"></a></li>
				</ul>	
					</div>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	
	<div class="contact" id="contact">
		<div class="container">
			<div class="col-md-6 col-sm-6 contact-left">
				<h3>ABOUT US</h3>
				<label class="headline"></label>
				<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy.</p>
				
			</div>
			<div class="col-md-6 col-sm-6 contact-right">
				<h3>CONTACT US</h3>
				<form action="#" method="post">
					<input type="text" name="your email" placeholder="YOUR EMAIL"><br>
					<textarea rows="4" cols="50" name="your message" placeholder="YOUR MESSAGE"></textarea>
					<input type="submit"  class="hvr-rectangle-in" value="SEND">
					<div class="clearfix"></div>
				</form>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	<div class="footer">
		<div class="container">
			<p class="agileinfo"><a href="http://<?php echo $_SERVER['SERVER_NAME'];?>/" target="_blank" title="���Ք]ҹҹ�]">���Ք]ҹҹ�]</a></p>
		</div>
	</div>
	
<!-- Default-JavaScript-File --> <script type="text/javascript" src="js/jquery.min.js"></script>
<!-- Necessary-JavaScript-File-For-Bootstrap --> <script type="text/javascript" src="js/bootstrap.js"></script>

<!-- Navigation-JavaScript -->
<script type="text/javascript" src="js/jquery-func.js"></script>
<script>
	$(window).load(function() {
		$(".btn-nav").on("click tap", function() {
			$(".nav-container").toggleClass("showNav hideNav").removeClass("hidden");
			$(this).toggleClass("animated");
		});
	});
</script>
<!-- //Navigation-JavaScript -->
<!--script for portfolio-->
<script src="js/lightbox-plus-jquery.min.js"> </script>
<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function () {
		$('#horizontalTab').easyResponsiveTabs({
			type: 'default', //Types: default, vertical, accordion           
			width: 'auto', //auto or any width like 600px
			fit: true   // 100% fit in a container
		});
	});		
</script>
<!--//script for portfolio-->
<!-- start-smooth-scrolling -->
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
			});
		});
		</script>
<!-- //start-smoth-scrolling -->
<script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script></body>
</html>