<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Home</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="http://demo.demohuo.top/modals/63/6321/demo/img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="http://demo.demohuo.top/modals/63/6321/demo/img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="http://demo.demohuo.top/modals/63/6321/demo/img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="http://demo.demohuo.top/modals/63/6321/demo/img/apple-touch-icon-114x114.png">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="static/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="static/css/font-awesome.css">
<!-- Slider
================================================== -->
<link href="static/css/owl.carousel.css" rel="stylesheet" media="screen">
<link href="static/css/owl.theme.css" rel="stylesheet" media="screen">
<!-- Stylesheet
================================================== -->
<link rel="stylesheet" type="text/css" href="static/css/style.css">
<link rel="stylesheet" type="text/css" href="static/css/nivo-lightbox.css">
<link rel="stylesheet" type="text/css" href="static/css/default.css">
<link href="static/css/css.css" rel="stylesheet" type="text/css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="static/js/html5shiv.min.js"></script>
<script src="static/js/respond.min.js"></script>
<![endif]-->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- Navigation
==========================================-->
<nav id="menu" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand page-scroll" href="#page-top">Standout</a> </div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#about" class="page-scroll">About</a></li>
<li><a href="#services" class="page-scroll">Services</a></li>
<li><a href="#portfolio" class="page-scroll">Gallery</a></li>
<li><a href="#testimonials" class="page-scroll">Testimonials</a></li>
<li><a href="#contact" class="page-scroll">Contact</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- Header -->
<header id="header">
<div class="intro">
<div class="overlay">
<div class="container">
<div class="row">
<div class="intro-text"> <span>Welcome to</span>
<h1>Standout</h1>
<p>Lorem ipsum dolor sit amet consectetur adipiscing. <br>
Duis sed dapibus leo nec ornare diam.</p>
<a href="#about" class="btn btn-custom btn-lg page-scroll">Learn More</a> </div>
</div>
</div>
</div>
</div>
</header>
<!-- About Section -->
<div id="about">
<div class="container">
<div class="section-title text-center center">
<h2>About Us</h2>
<hr>
</div>
<div class="row">
<div class="col-xs-12 col-md-6"> <img src="static/picture/about.png" class="img-responsive" alt=""> </div>
<div class="col-xs-12 col-md-6">
<div class="about-text">
<h3>Lorem ipsum dolor sit amet!</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam. Sed commodo nibh ante facilisis bibendum dolor feugiat at. Duis sed dapibus leo nec ornare diam commodo nibh.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam. Sed commodo nibh ante facilisis bibendum dolor feugiat at. Duis sed dapibus leo nec ornare.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Services Section -->
<div id="services" class="text-center">
<div class="container">
<div class="col-md-10 col-md-offset-1 section-title">
<h2>Our Services</h2>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit duis sed dapibus leonec.</p>
</div>
<div class="row">
<div class="col-xs-6 col-md-3"> <i class="fa fa-comments-o"></i>
<h4>Lorem ipsum</h4>
<p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque natoque etiam.</p>
</div>
<div class="col-xs-6 col-md-3"> <i class="fa fa-bullhorn"></i>
<h4>Dolor sit amet</h4>
<p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque.</p>
</div>
<div class="col-xs-6 col-md-3"> <i class="fa fa-group"></i>
<h4>Tempus eleifend</h4>
<p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque natoque etiam.</p>
</div>
<div class="col-xs-6 col-md-3"> <i class="fa fa-magic"></i>
<h4>Pellentesque</h4>
<p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque natoque.</p>
</div>
</div>
</div>
</div>
<!-- Portfolio Section -->
<div id="portfolio">
<div class="container">
<div class="section-title text-center center">
<h2>Gallery</h2>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit duis sed dapibus leonec.</p>
</div>
<div class="categories">
<ul class="cat">
<li>
<ol class="type">
<li><a href="#" data-filter="*" class="active">All</a></li>
<li><a href="#" data-filter=".lorem">Lorem Ipsum</a></li>
<li><a href="#" data-filter=".dolor">Dolor Sit</a></li>
<li><a href="#" data-filter=".adipiscing">Adipiscing Elit</a></li>
</ol>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="row">
<div class="portfolio-items">
<div class="col-sm-6 col-md-3 col-lg-3 lorem">
<div class="portfolio-item">
<div class="hover-bg"> <a href="static/picture/01-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>Lorem Ipsum</h4>
</div>
<img src="static/picture/01-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 adipiscing">
<div class="portfolio-item">
<div class="hover-bg"> <a href="static/picture/02-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>Adipiscing Elit</h4>
</div>
<img src="static/picture/02-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 lorem">
<div class="portfolio-item">
<div class="hover-bg"> <a href="static/picture/03-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>Lorem Ipsum</
Zp_demo.demohuo.top_141.rar （84个子文件） 
Zp_demo.demohuo.top_141 
index.html 17KB static css 
owl.carousel.css 1KB owl.theme.css 2KB bootstrap.css 145KB default.css 3KB css.css 12KB nivo-lightbox.css 6KB font-awesome.css 28KB style.css 12KB image 
next.png 3KB close@2x.png 3KB prev.png 3KB next@2x.png 4KB
loading@2x.gif 18KB close.png 3KB
achievements-bg.jpg 400KB intro-bg.jpg 166KB prev@2x.png 4KB loading.gif 7KB picture 01.jpg 9KB 11-large.jpg 68KB 10-small.jpg 25KB 06-large.jpg 105KB 01-large.jpg 71KB 07-large.jpg 125KB 02-small.jpg 24KB 09-large.jpg 64KB 07-small.jpg 29KB 08-large.jpg 93KB 10-large.jpg 87KB 05-small.jpg 23KB about.png 100KB 12-large.jpg 71KB 01-small.jpg 20KB 02-large.jpg 82KB 03-small.jpg 19KB 11-small.jpg 18KB 05-large.jpg 85KB 04-large.jpg 78KB 03.jpg 8KB 02.jpg 9KB 06-small.jpg 29KB 03-large.jpg 64KB 09-small.jpg 18KB 08-small.jpg 25KB 04-small.jpg 20KB 12-small.jpg 21KB js html5shiv.min.js 3KB jquery.1.11.1.js 94KB nivo-lightbox.js 13KB respond.min.js 4KB jquery.counterup.js 3KB SmoothScroll.js 13KB contact_me.js 3KB main.js 3KB waypoints.js 8KB jqBootstrapValidation.js 35KB owl.carousel.js 52KB bootstrap.js 66KB jquery.isotope.js 44KB file 11-large.jpg 68KB 06-large.jpg 105KB 01-large.jpg 71KB 07-large.jpg 125KB 09-large.jpg 64KB 08-large.jpg 93KB 10-large.jpg 87KB 12-large.jpg 71KB 02-large.jpg 82KB 05-large.jpg 85KB 04-large.jpg 78KB 03-large.jpg 64KB font fontawesome-webfont.eot 59KB memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2 44KB fontawesome-webfont.woff 70KB memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2 20KB memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2 31KB memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2 4KB memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2 14KB fontawesome-webfont.woff2 55KB memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2 16KB fontawesome-webfont.ttf 119KB memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2 48KB memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2 24KB
你热爱好热啊
- 粉丝: 35
- 资源: 1384
最新资源
- 基于Java和Vue的kopsoftKANBAN车间电子看板设计源码
- 影驰战将PS3111 东芝芯片TT18G23AIN开卡成功分享，图片里面画线的选项很重要
- 【C++初级程序设计·配套源码】第1期-语法基础
- 基于JavaScript、CSS、HTML的简易DOM版飞机游戏设计源码
- 基于Java开发的日程管理FlexTime应用设计源码
- SM2258XT-BGA144-4BGA180-6L-R1019 三星KLUCG4J1CB B0B1颗粒开盘工具 , EC, 3A, 94, 43, A4, CA 七彩虹SL300这个固件有用
- GJB 5236-2004 军用软件质量度量
- 30天开发操作系统 第 8 天 - 鼠标控制与切换32模式
- spice vd interface接口
- 安装Git时遇到找不到`/dev/null`的问题
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
评论0