370 lines
17 KiB
HTML
370 lines
17 KiB
HTML
|
|
<!DOCTYPE html>
|
|
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en">
|
|
<![endif]-->
|
|
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en">
|
|
<![endif]-->
|
|
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
|
|
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
|
|
<head>
|
|
|
|
<title>道奇JJ生活</title>
|
|
<meta name="keywords" content="concept, responsive bootstrap, green, white, free html5 template, templatemo" />
|
|
<meta name="description" content="Concept is free responsive template using bootstrap framework. Gallery is integrated with responsive lightbox." />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta charset="UTF-8">
|
|
|
|
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700,800' rel='stylesheet' type='text/css'>
|
|
|
|
<!-- CSS Bootstrap & Custom -->
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="css/animate.css">
|
|
<link rel="stylesheet" href="css/font-awesome.min.css">
|
|
<link rel="stylesheet" href="css/templatemo_misc.css">
|
|
|
|
<!-- Main CSS -->
|
|
<link rel="stylesheet" href="css/templatemo_style.css">
|
|
|
|
<!-- Favicons -->
|
|
<link rel="shortcut icon" href="images/ico/favicon.ico">
|
|
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<div class="site-header">
|
|
<div class="main-navigation">
|
|
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12 responsive-menu">
|
|
<a href="#" class="menu-toggle-btn">
|
|
<i class="fa fa-bars"></i>
|
|
</a>
|
|
</div> <!-- /.col-md-12 -->
|
|
<div class="col-md-12 main_menu">
|
|
<ul>
|
|
<li><a class="show-1 templatemo_home" href="#">道奇JJ生活</a></li>
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
</div> <!-- /.col-md-12 -->
|
|
</div> <!-- /.row -->
|
|
</div>
|
|
<a class="navigation-bg" href="#" title="" target="_blank"><img src="images/header.png" alt="" /></a><!-- /.container -->
|
|
</div> <!-- /.main-navigation -->
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12 text-center">
|
|
|
|
</a> <!-- /.logo -->
|
|
</div> <!-- /.col-md-12 -->
|
|
</div> <!-- /.row -->
|
|
</div> <!-- /.container -->
|
|
</div> <!-- /.site-header -->
|
|
|
|
<div id="menu-container">
|
|
|
|
<div class="content homepage" id="menu-1">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-md-2 col-sm-6 col-md-offset-1">
|
|
<div class="gallery-item">
|
|
<img src="images/gallery/gallery-item1.jpg" alt="image 1">
|
|
<div class="overlay">
|
|
<a href="images/gallery/gallery-item1.jpg" data-rel="lightbox" class="fa fa-expand"></a>
|
|
</div>
|
|
<div class="content-gallery">
|
|
<h3>Etiam sed felis</h3>
|
|
</div>
|
|
</div> <!-- /.gallery-item -->
|
|
</div> <!-- /.col-md-2 -->
|
|
<div class="col-md-2 col-sm-6">
|
|
<div class="gallery-item">
|
|
<div class="image">
|
|
<div class="overlay">
|
|
<a href="images/gallery/gallery-item2.jpg" data-rel="lightbox" class="fa fa-expand"></a>
|
|
</div>
|
|
<img src="images/gallery/gallery-item2.jpg" alt="image 2">
|
|
</div>
|
|
<div class="content-gallery">
|
|
<h3>Nulla sagittis</h3>
|
|
</div>
|
|
</div> <!-- /.gallery-item -->
|
|
</div> <!-- /.col-md-2 -->
|
|
<div class="col-md-2 col-sm-6">
|
|
<div class="gallery-item">
|
|
<div class="image">
|
|
<div class="overlay">
|
|
<a href="images/gallery/gallery-item3.jpg" data-rel="lightbox" class="fa fa-expand"></a>
|
|
</div>
|
|
<img src="images/gallery/gallery-item3.jpg" alt="image 3">
|
|
</div>
|
|
<div class="content-gallery">
|
|
<h3>Quisque lacinia</h3>
|
|
</div>
|
|
</div> <!-- /.gallery-item -->
|
|
</div> <!-- /.col-md-2 -->
|
|
<div class="col-md-2 col-sm-6">
|
|
<div class="gallery-item">
|
|
<div class="image">
|
|
<div class="overlay">
|
|
<a href="images/gallery/gallery-item4.jpg" data-rel="lightbox" class="fa fa-expand"></a>
|
|
</div>
|
|
<img src="images/gallery/gallery-item4.jpg" alt="image 4">
|
|
</div>
|
|
<div class="content-gallery">
|
|
<h3>Venenatis</h3>
|
|
</div>
|
|
</div> <!-- /.gallery-item -->
|
|
</div> <!-- /.col-md-2 -->
|
|
<div class="col-md-2 col-sm-6">
|
|
<div class="gallery-item">
|
|
<div class="image">
|
|
<div class="overlay">
|
|
<a href="images/gallery/gallery-item5.jpg" data-rel="lightbox" class="fa fa-expand"></a>
|
|
</div>
|
|
<img src="images/gallery/gallery-item5.jpg" alt="image 5">
|
|
</div>
|
|
<div class="content-gallery">
|
|
<h3>Sed sed nisi</h3>
|
|
</div>
|
|
</div> <!-- /.gallery-item -->
|
|
</div> <!-- /.col-md-2 -->
|
|
<div class="col-md-2 col-sm-6 col-md-offset-2">
|
|
<div class="gallery-item">
|
|
<div class="image">
|
|
<div class="overlay">
|
|
<a href="images/gallery/gallery-item6.jpg" data-rel="lightbox" class="fa fa-expand"></a>
|
|
</div>
|
|
<img src="images/gallery/gallery-item6.jpg" alt="image 6">
|
|
</div>
|
|
<div class="content-gallery">
|
|
<h3>Modern</h3>
|
|
</div>
|
|
</div> <!-- /.gallery-item -->
|
|
</div> <!-- /.col-md-2 -->
|
|
<div class="col-md-2 col-sm-6">
|
|
<div class="gallery-item">
|
|
<div class="image">
|
|
<div class="overlay">
|
|
<a href="images/gallery/gallery-item7.jpg" data-rel="lightbox" class="fa fa-expand"></a>
|
|
</div>
|
|
<img src="images/gallery/gallery-item7.jpg" alt="image 7">
|
|
</div>
|
|
<div class="content-gallery">
|
|
<h3>Elegant</h3>
|
|
</div>
|
|
</div> <!-- /.gallery-item -->
|
|
</div> <!-- /.col-md-2 -->
|
|
<div class="col-md-2 col-sm-6">
|
|
<div class="gallery-item">
|
|
<div class="image">
|
|
<div class="overlay">
|
|
<a href="images/gallery/gallery-item8.jpg" data-rel="lightbox" class="fa fa-expand"></a>
|
|
</div>
|
|
<img src="images/gallery/gallery-item8.jpg" alt="image 8">
|
|
</div>
|
|
<div class="content-gallery">
|
|
<h3>HTML5 CSS3</h3>
|
|
</div>
|
|
</div> <!-- /.gallery-item -->
|
|
</div> <!-- /.col-md-2 -->
|
|
<div class="col-md-2 col-sm-6">
|
|
<div class="gallery-item">
|
|
<div class="image">
|
|
<div class="overlay">
|
|
<a href="images/gallery/gallery-item9.jpg" data-rel="lightbox" class="fa fa-expand"></a>
|
|
</div>
|
|
<img src="images/gallery/gallery-item9.jpg" alt="image 9">
|
|
</div>
|
|
<div class="content-gallery">
|
|
<h3>New Design</h3>
|
|
</div>
|
|
</div> <!-- /.gallery-item -->
|
|
</div> <!-- /.col-md-2 -->
|
|
<div class="col-md-2 col-sm-6 col-md-offset-3">
|
|
<div class="gallery-item">
|
|
<div class="image">
|
|
<div class="overlay">
|
|
<a href="images/gallery/gallery-item10.jpg" data-rel="lightbox" class="fa fa-expand"></a>
|
|
</div>
|
|
<img src="images/gallery/gallery-item10.jpg" alt="image 10">
|
|
</div>
|
|
<div class="content-gallery">
|
|
<h3>Download</h3>
|
|
</div>
|
|
</div> <!-- /.gallery-item -->
|
|
</div> <!-- /.col-md-2 -->
|
|
<div class="col-md-2 col-sm-6">
|
|
<div class="gallery-item">
|
|
<div class="image">
|
|
<div class="overlay">
|
|
<a href="images/gallery/gallery-item11.jpg" data-rel="lightbox" class="fa fa-expand"></a>
|
|
</div>
|
|
<img src="images/gallery/gallery-item11.jpg" alt="image 11">
|
|
</div>
|
|
<div class="content-gallery">
|
|
<h3>Responsive</h3>
|
|
</div>
|
|
</div> <!-- /.gallery-item -->
|
|
</div> <!-- /.col-md-2 -->
|
|
<div class="col-md-2 col-sm-6">
|
|
<div class="gallery-item">
|
|
<div class="image">
|
|
<div class="overlay">
|
|
<a href="images/gallery/gallery-item12.jpg" data-rel="lightbox" class="fa fa-expand"></a>
|
|
</div>
|
|
<img src="images/gallery/gallery-item12.jpg" alt="image 12">
|
|
</div>
|
|
<div class="content-gallery">
|
|
<h3>Template</h3>
|
|
</div>
|
|
</div> <!-- /.gallery-item -->
|
|
</div> <!-- /.col-md-2 -->
|
|
</div> <!-- /.row -->
|
|
</div> <!-- /.slide-item -->
|
|
</div> <!-- /.homepage -->
|
|
|
|
<div class="content products" id="menu-2">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-4 col-sm-6">
|
|
<div class="product-item">
|
|
<img src="images/products/product1.jpg" alt="product 1">
|
|
<a href="#" class="product-title">Vestibulum ante ipsum primis</a>
|
|
<p>Nam pharetra, est non convallis congue, sem sem elementum nisl, eget vulputate nisl erat.</p>
|
|
</div> <!-- /.product-item -->
|
|
</div> <!-- /.col-md-4 -->
|
|
<div class="col-md-4 col-sm-6">
|
|
<div class="product-item">
|
|
<img src="images/products/product2.jpg" alt="product 2">
|
|
<a href="#" class="product-title">Nunc pulvinar leo nec</a>
|
|
<p>Morbi nec mauris quis massa luctus consequat sit amet luctus metus. Etiam sollicitudin leo.</p>
|
|
</div> <!-- /.product-item -->
|
|
</div> <!-- /.col-md-4 -->
|
|
|
|
<div class="col-md-4 col-sm-6">
|
|
<div class="product-item">
|
|
<img src="images/products/product3.jpg" alt="product 3">
|
|
<a href="#" class="product-title">Curabitur mollis dignissim</a>
|
|
<p>Cras convallis erat vitae odio. Pellentesque rutrum nisl dui, dignissim accumsan nisl.</p>
|
|
</div> <!-- /.product-item -->
|
|
</div> <!-- /.col-md-4 -->
|
|
<div class="col-md-4 col-sm-6">
|
|
<div class="product-item">
|
|
<img src="images/products/product4.jpg" alt="product 4">
|
|
<a href="http://sc.chinaz.com/" class="product-title" >Morbi venenatis nunc</a>
|
|
<p>Nulla vel est in sapien dictum vestibulum eu ac enim. Proin pharetra mi eget sem bibendum.</p>
|
|
</div> <!-- /.product-item -->
|
|
</div> <!-- /.col-md-4 -->
|
|
|
|
<div class="col-md-4 col-sm-6">
|
|
<div class="product-item">
|
|
<img src="images/products/product5.jpg" alt="product 5">
|
|
<a href="#" class="product-title">Phasellus id elementum</a>
|
|
<p>Etiam sed felis id eros imperdiet tempus. Mauris sit amet metus risus. Vestibulum mi velit.</p>
|
|
</div> <!-- /.product-item -->
|
|
</div> <!-- /.col-md-4 -->
|
|
<div class="col-md-4 col-sm-6">
|
|
<div class="product-item">
|
|
<img src="images/products/product6.jpg" alt="product 6">
|
|
<a href="http://sc.chinaz.com/page/6" class="product-title" >Donec ullamcorper</a>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum, animi quia voluptatem.</p>
|
|
</div> <!-- /.product-item -->
|
|
</div> <!-- /.col-md-4 -->
|
|
</div> <!-- /.row -->
|
|
</div> <!-- /.slide-item -->
|
|
</div> <!-- /.products -->
|
|
|
|
|
|
<div class="copyrights">Collect from <a href="http://sc.chinaz.com/" >Website Template</a></div>
|
|
<div class="content about" id="menu-4">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-9 col-sm-10">
|
|
<div class="about-us-content">
|
|
<div class="toggle-content" id="tab4">
|
|
<h2 class="page-title">Our History</h2>
|
|
|
|
<p><img src="images/products/product4.jpg" alt="product 4" class="img-responsive img_left">Vivamus eleifend vestibulum auctor. Nam ac leo sed nulla iaculis commodo sit amet a ligula. <a href="#">Proin consequat</a> magna nec sodales hendrerit. Nam commodo mi dolor, quis egestas lectus viverra eu. Cras accumsan ultrices turpis et lacinia. Sed non lobortis purus. Phasellus consequat, magna id rutrum lacinia, magna urna malesuada magna, ut fringilla odio sapien at nunc. <a href="h#" >Proin nisl purus</a>, semper at fermentum sit amet, vehicula eget dolor. Integer sodales vehicula magna mattis semper. Etiam pellentesque semper mi vitae tempus. Praesent ut metus sed lacus egestas blandit eget gravida enim. Ut rutrum suscipit velit sit amet tempor. Donec rutrum, lacus non blandit rhoncus, nisi orci tempus risus, non vehicula enim lacus et est. In non gravida metus. Duis augue mauris, ullamcorper quis blandit sit amet, laoreet sed dui.</p>
|
|
<ul>
|
|
<li>Cras quis nibh vitae ligula venenatis blandit ut eleifend nunc.</li>
|
|
<li>Morbi imperdiet mauris ut dolor pellentesque egestas.</li>
|
|
<li>Ut ultrices lorem quis tellus malesuada blandit.</li>
|
|
<li>Donec pharetra ante in sodales semper.</li>
|
|
<li>Nam vitae bibendum velit, eu fermentum dui.</li>
|
|
</ul>
|
|
</div> <!-- /.toggle-content -->
|
|
<div class="toggle-content" id="tab5">
|
|
<h2 class="page-title">Our Team</h2>
|
|
<p><img src="images/products/product2.jpg" alt="product 2" class="img-responsive img_right">Duis purus mauris, tincidunt at consectetur non, tristique sodales ligula. Cras congue cursus risus, nec tempus mi porta eget. Cras ante metus, aliquam tincidunt eros sed, dignissim hendrerit est. Phasellus fringilla sit amet dui eu convallis. Mauris tristique, metus eget auctor tempor, elit odio vehicula mi, ac placerat lectus augue eu arcu. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris eu porta urna, a commodo leo. <a href="#">Phasellus porttitor</a>, nisl vitae molestie euismod, magna lorem porta ante, eu commodo nisl orci ut nisi. Curabitur imperdiet, arcu vitae tincidunt viverra, velit elit aliquam metus, sed ultrices metus odio sed nunc.</p>
|
|
<p>Etiam lectus tortor, lobortis eu mattis nec, eleifend a nunc. Quisque consequat lectus sed imperdiet vulputate. Vivamus tristique non elit eu faucibus. Nam et arcu vestibulum, bibendum risus vitae, gravida libero. Suspendisse sed lacus neque. Nullam arcu elit, luctus ut enim et, eleifend varius dui. Fusce sit amet convallis lacus. Quisque vel ultricies libero. Morbi at tempor nisi.</p>
|
|
</div> <!-- /.toggle-content -->
|
|
<div class="toggle-content" id="tab6">
|
|
<h2 class="page-title">Our Workspace</h2>
|
|
<p><img src="images/products/product6.jpg" alt="product 6" class="img-responsive img_left">Labore, libero itaque quisquam officiis earum. Eaque, facilis, quibusdam, ab, voluptates quaerat dignissimos totam nam consequuntur labore explicabo temporibus atque aliquid asperiores error impedit repudiandae est nemo omnis sequi quae eius quos repellat doloribus cumque nulla sunt maxime ducimus commodi animi placeat quo debitis earum illum numquam inventore aspernatur necessitatibus voluptatum delectus maiores laboriosam magni ex illo quod corporis hic consectetur odio suscipit fugit qui aperiam. Sequi, quos, nam quam debitis architecto doloribus rerum illum magnam culpa ex eius nobis ducimus aspernatur aliquid laborum deleniti distinctio temporibus quae.</p>
|
|
<p>Quisque consequat lectus sed imperdiet vulputate. <a href="#">Vivamus tristique</a> non elit eu faucibus. Nam et arcu vestibulum, bibendum risus vitae, gravida libero. Suspendisse sed lacus neque. Nullam arcu elit, luctus ut enim et, eleifend varius dui.</p>
|
|
</div> <!-- /.toggle-content -->
|
|
</div> <!-- /.inner-content -->
|
|
</div> <!-- /.col-md-9 -->
|
|
<div class="col-md-3 col-sm-2">
|
|
<div id="icons-about">
|
|
<ul class="tabs">
|
|
<li>
|
|
<a href="#tab4" class="icon-item">
|
|
<i class="fa fa-umbrella"></i>
|
|
<span>Our History</span>
|
|
</a> <!-- /.icon-item -->
|
|
</li>
|
|
<li>
|
|
<a href="#tab5" class="icon-item">
|
|
<i class="fa fa-camera"></i>
|
|
<span>Our Team</span>
|
|
</a> <!-- /.icon-item -->
|
|
</li>
|
|
<li>
|
|
<a href="#tab6" class="icon-item">
|
|
<i class="fa fa-coffee"></i>
|
|
<span>Our Workspace</span>
|
|
</a> <!-- /.icon-item -->
|
|
</li>
|
|
</ul>
|
|
</div> <!-- /.icons -->
|
|
</div> <!-- /.col-md-3 -->
|
|
</div> <!-- /.row -->
|
|
</div> <!-- /.container -->
|
|
</div> <!-- /.services -->
|
|
|
|
|
|
|
|
</div> <!-- /#menu-container -->
|
|
|
|
<div id="templatemo_footer">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12 text-center">
|
|
<a class="text-color" href="https://beian.miit.gov.cn" target="_blank">赣ICP备2024020664号-5</a>
|
|
</div> <!-- /.col-md-12 -->
|
|
</div> <!-- /.row -->
|
|
</div> <!-- /.container -->
|
|
</div> <!-- /.templatemo_footer -->
|
|
|
|
<!-- Scripts -->
|
|
<script src="js/jquery-1.10.2.min.js"></script>
|
|
<script src="js/jquery-migrate-1.2.1.min.js"></script>
|
|
<script src="js/modernizr.js"></script>
|
|
<script src="js/bootstrap.js"></script>
|
|
<script src="js/tabs.js"></script>
|
|
<script src="js/jquery.lightbox.js"></script>
|
|
<script src="js/templatemo_custom.js"></script>
|
|
<!--
|
|
Free Responsive Template by templatemo
|
|
http://sc.chinaz.com
|
|
-->
|
|
<script type='text/javascript' src='js/logging.js'></script>
|
|
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
|
|
</body>
|
|
</html> |