<!DOCTYPE html>
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
<title>Circle - Free HTML5 Templates</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/templatemo_misc.css">
<link rel="stylesheet" href="css/templatemo_style.css">
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<div class="bg-overlay"></div>
<div class="container-fluid">
<div class="row">
<div class="col-md-4 col-sm-12">
<div class="sidebar-menu">
<div class="logo-wrapper">
<h1 class="logo">
<a rel="nofollow" href="http://www.cssmoban.com/preview/templatemo_410_circle"><img src="images/logo.png" alt="Circle - Free HTML5 Templates">
<span>Free HTML5 Templates</span></a>
</h1>
</div> <!-- /.logo-wrapper -->
<div class="menu-wrapper">
<ul class="menu">
<li><a class="homebutton" href="#">Home</a></li>
<li><a class="show-1" href="#">About</a></li>
<li><a class="show-2" href="#">Services</a></li>
<li><a class="show-3" href="#">Gallery</a></li>
<li><a class="show-4" href="#" onClick="templatemo_map();">Contact</a></li>
</ul> <!-- /.menu -->
<a href="#" class="toggle-menu"><i class="fa fa-bars"></i></a>
</div> <!-- /.menu-wrapper -->
<!--Arrow Navigation-->
<a id="prevslide" class="load-item"><i class="fa fa-angle-left"></i></a>
<a id="nextslide" class="load-item"><i class="fa fa-angle-right"></i></a>
</div> <!-- /.sidebar-menu -->
</div> <!-- /.col-md-4 -->
<div class="col-md-8 col-sm-12">
<div id="menu-container">
<div id="menu-1" class="about content">
<div class="row">
<ul class="tabs">
<li class="col-md-4 col-sm-4">
<a href="#tab1" class="icon-item">
<i class="fa fa-umbrella"></i>
</a> <!-- /.icon-item -->
</li>
<li class="col-md-4 col-sm-4">
<a href="#tab2" class="icon-item">
<i class="fa fa-camera"></i>
</a> <!-- /.icon-item -->
</li>
<li class="col-md-4 col-sm-4">
<a href="#tab3" class="icon-item">
<i class="fa fa-coffee"></i>
</a> <!-- /.icon-item -->
</li>
</ul> <!-- /.tabs -->
<div class="col-md-12 col-sm-12">
<div class="toggle-content text-center" id="tab1">
<h3>Our History</h3>
<p>Circle is free HTML5 template from templatemo. Feel free to download, modify and use this template for your websites. You can easily change icons by <a rel="nofollow" href="http://fontawesome.info/font-awesome-icon-world-map/">Font Awesome</a>. Example: <strong><i class="fa fa-camera"></i></strong>
<br><br>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, repellat, aspernatur nihil quasi commodi laboriosam cumque est minus minima sit dicta adipisci possimus magnam. Sit, repudiandae, ut, error, voluptates aspernatur inventore quo earum reiciendis dolorum amet perspiciatis adipisci itaque voluptatum iste laboriosam sapiente hic autem blanditiis doloribus nihil.</p>
</div>
<div class="toggle-content text-center" id="tab2">
<h3>What We Do</h3>
<p>Donec quis orci nisl. Integer euismod lacus nec risus sollicitudin molestie vel semper turpis. In varius imperdiet enim quis iaculis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris ac mauris aliquam magna molestie posuere in id elit. Integer semper metus felis, fringilla congue elit commodo a. Donec eget rutrum libero.
<br><br>Nunc dui elit, vulputate vitae nunc sed, accumsan condimentum nisl. Vestibulum a dui lectus. Vivamus in justo hendrerit est cursus semper sed id nibh. Donec ut dictum lorem, eu molestie nisi. Quisque vulputate quis leo lobortis fermentum. Ut sit amet consectetur dui, vitae porttitor lectus.</p>
</div>
<div class="toggle-content text-center" id="tab3">
<h3>Our Team</h3>
<p>Aliquam erat volutpat. Vivamus tempus, nisi varius imperdiet molestie, velit mi feugiat felis, sit amet fringilla mi massa sit amet arcu. Mauris dictum nisl id felis lacinia congue. Aliquam lectus nisi, sodales in lacinia quis, lobortis vel sem. Vestibulum elit nisi, placerat eget auctor ut, dictum at libero.
<br><br>Proin enim odio, eleifend eget euismod vitae, pharetra sed lacus. Donec at sapien nunc. Mauris vehicula quis diam nec dignissim. Nulla consequat nibh mattis metus sodales, at eleifend tortor tempor. Sed auctor lacus felis. </p>
</div>
</div> <!-- /.col-md-12 -->
</div> <!-- /.row -->
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >网页模板</a></div>
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="member-item">
<div class="thumb">
<img src="images/team/member-1.jpg" alt="Tracy - Web Designer">
</div>
<h4>Tracy</h4>
<span>Web Designer</span>
</div> <!-- /.member-item -->
</div> <!-- /.col-md-4 -->