<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.0.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Facsimile Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--Google Fonts-->
<!-- start-smoth-scrolling -->
<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>
<!-- //end-smoth-scrolling -->
<!--light-box-files -->
<script src="js/jquery.chocolat.js"></script>
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen" charset="utf-8">
<!--light-box-files -->
<script type="text/javascript" charset="utf-8">
$(function() {
$('.gallery-grid a').Chocolat();
});
</script>
</head>
<body>
<!--banner start here-->
<div class="banner">
<div class="header">
<div class="container">
<div class="header-main">
<div class="logo"><a href="index.html"><img src="images/cr-logo.png" alt=""></a></div>
<ul class="bann-icons">
<li><a href="#" class="fa"> </a></li>
<li><a href="#" class="tw"> </a></li>
<li><a href="#" class="g"> </a></li>
</ul>
<div class="top-nav">
<span class="menu"> <img src="images/icon.png" alt=""/></span>
<nav class="cl-effect-1">
<ul class="res">
<li><a class="scroll"href="#home">Home</a></li>
<li><a class="scroll"href="#about">About</a></li>
<li><a class="scroll"href="#services">Services</a></li>
<li><a class="scroll"href="#gallery">Gallery</a></li>
<li><a class="scroll"href="#events">Events</a></li>
<li><a class="scroll"href="#contact">Contact</a></li>
</ul>
</nav>
<!-- script-for-menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.res" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
<!--banner end here-->
<!--features start here-->
<div class="features">
<div class="container">
<div class="features-main">
<div class="col-md-6 fea-left">
<a href="#" rel="title" class="mask">
<img src="images/a1.jpg" alt="" class="img-responsive zoom-img">
</a>
</div>
<div class="col-md-6 fea-right">
<div class="fea-top-img">
<a href="#" rel="title" class="mask">
<img src="images/a3.jpg" alt="" class="img-responsive zoom-img">
</a>
</div>
<div class="fea-bot-img">
<a href="#" rel="title" class="mask">
<img src="images/a4.jpg" alt="" class="img-responsive zoom-img">
</a>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--features end here-->
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" title="网站模板">网站模板</a></div>
<!--about start here-->
<div class="about" id="about">
<div class="container">
<div class="about-main">
<h4>Beciegast vitaesaert viasead</h4>
<h5>sed numquam eius modi tempora incidunt dolore magnam aliquam</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi com nsequatur? Dequis autem vel eum iure reprehenderit ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eumeas fugiat, </p>
</div>
</div>
</div>
<!--about end here-->
<!--testmony start here-->
<div class="testimo">
<div class="container">
<div class="testimon-main">
<h3>Testimonials</h3>
<p>Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque impedit facere possimus repellendus.</p>
</div>
</div>
</div>
<!--testmony end here-->
<!--services start here-->
<div class="services" id="services">
<div class="container">
<div class="services-main">
<div class="service-top">
<h3>Services</h3>
</div>
<div class="col-md-6 services-grid">
<div class="col-md-5 serv-img">
<a href="#"><img src="images/s1.jpg" alt="" class="img-responsive"></a>
</div>
<div class="col-md-7 serv-text">
<h4><a href="#">Et iusto odio dignissimos ducimus</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, </p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 services-grid">
<div class="col-md-5 serv-img">
<a href="#"><img src="images/s2.jpg" alt="" class="img-responsive"></a>
</div>
<div class="col-md-7 serv-text">
<h4><a href="#">Et iusto odio dignissimos ducimus</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, </p>
</div>
</div>
<div class="col-md-6 services-grid">
<div class="col-md-5 serv-img">
<a href="#"><img src="images/s3.jpg" alt="" class="img-responsive"></a>
</div>
<div class="col-md-7 serv-text">
<h4><a href="#">Et iusto odio dignissimos ducimus</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, </p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 services-grid">
<div class="col-md-5 serv-img">
<a href="#"><img src="images/s4.jpg" alt="" class="img-responsive"></a>
</div>
<div class="col-md-7 serv-text">
<h4><a href="#">Et iusto odio dignissimos ducimus</a></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, </p>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--services end here-->
<!--team start here-->
<div class="team-mem">
<div class="container">
<div class="team-main">
<div class="team-top">
<h3>Team</h3>
</div>
<div class="team-bott">
<div class="col-md-3 team-grid">
<img src="images/t1.jpg" alt="" class="img-responsive">
<div class="tem-detail">
<h4>Finibus Bonorum</h4>
<p>There are many variations of passages of Lorem Ipsum word</p>
</div>
</div>
<div class="col-md-3 team-grid">
<img src="images/t2.jpg" alt="" class="img-responsive">
<div class="tem-detail">
时尚紫色宽屏大气时装模特网页模板_时尚 紫色 宽屏 大气 时装 模特 w3 宽屏 响应式 手机 车展 摄影 服装 bootstrap.rar （47个子文件） 
时尚紫色宽屏大气时装模特网页模板_时尚 紫色 宽屏 大气 时装 模特 w3 宽屏 响应式 手机 车展 摄影 服装 bootstrap ctps_381_ov css 
bootstrap.css 138KB chocolat.css 2KB style.css 29KB
b.jpg 46KB images funn.jpg 285KB g5.jpg 42KB con-ban.jpg 61KB
bann-icns.png 4KB wedo-bann.jpg 48KB t2.jpg 19KB a1.jpg 102KB g1.jpg 31KB arrow.png 3KB right.png 321B cr-logo.png 7KB close.png 3KB s4.jpg 30KB icon.png 188B t3.jpg 20KB g4.jpg 35KB s2.jpg 23KB t1.jpg 22KB a4.jpg 43KB g6.jpg 29KB a3.jpg 32KB s3.jpg 19KB s1.jpg 24KB g3.jpg 31KB left.png 328B ftr-icn.png 4KB t4.jpg 30KB g2.jpg 33KB fonts glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.woff2 18KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.eot 20KB Signika-Regular.ttf 138KB Hind-Regular.ttf 296KB
glyphicons-halflings-regular.svg 106KB Electrolize-Regular.ttf 54KB
index.html 17KB js move-top.js 1KB easing.js 5KB jquery.chocolat.js 10KB classie.js 2KB jquery-1.11.0.min.js 94KB s.jpg 27KB资源评论
reg183
- 粉丝: 1843
- 资源: 1万+
最新资源
- 牙齿CT健康状态检测数据集VOC+YOLO格式5040张6类别.zip
- 基于java+ssm+mysql的政府项目管理平台任务书.doc
- 基于Shizuku授权的Android“自动跳过”工具.zip
- 基于java+ssm+mysql的在线学习系统任务书.docx
- 基于java+ssm+mysql的在线教育系统任务书.doc
- 技术资料分享TDA1308很好的技术资料.zip
- VTK培训教程VTK培训教程PDF
- 技术资料分享STM32中文参考手册-V10很好的技术资料.zip
- 基于.NET 6 搭建个人记账系统源代码+微信小程序+项目文档，采用uni-app搭建个人记账微信小程序，采用Xamarin搭建移动客户端App，采用Blazor搭建后台管理
- CAD简易角度平面画对角
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
