<!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">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Slant</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="shortcut icon" href="favicon.ico">
<!-- Google Webfont -->
<link href='#css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
<!-- Themify Icons -->
<link rel="stylesheet" href="css/themify-icons.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Superfish -->
<link rel="stylesheet" href="css/superfish.css">
<!-- Easy Responsive Tabs -->
<link rel="stylesheet" href="css/easy-responsive-tabs.css">
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Theme Style -->
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- START #fh5co-header -->
<header id="fh5co-header-section" role="header" class="" >
<div class="container">
<!-- <div id="fh5co-menu-logo"> -->
<!-- START #fh5co-logo -->
<h1 id="fh5co-logo" class="pull-left"><a href="index.html"><img src="images/logo.png" alt="Slant Free HTML5 Template"></a></h1>
<!-- START #fh5co-menu-wrap -->
<nav id="fh5co-menu-wrap" role="navigation">
<ul class="sf-menu" id="fh5co-primary-menu">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="#" class="fh5co-sub-ddown">Dropdown</a>
<ul class="fh5co-sub-menu">
<li><a href="left-sidebar.html">Left Sidebar</a></li>
<li><a href="right-sidebar.html">Right Sidebar</a></li>
<li>
<a href="#" class="fh5co-sub-ddown">Free HTML5</a>
<ul class="fh5co-sub-menu">
<li><a href="http://sc.chinaz.com/?item=build-free-html5-bootstrap-template" target="_blank">Build</a></li>
<li><a href="http://sc.chinaz.com/?item=work-free-html5-template-bootstrap" target="_blank">Work</a></li>
<li><a href="http://sc.chinaz.com/?item=light-free-html5-template-bootstrap" target="_blank">Light</a></li>
<li><a href="http://sc.chinaz.com/?item=relic-free-html5-template-using-bootstrap" target="_blank">Relic</a></li>
<li><a href="http://sc.chinaz.com/?item=display-free-html5-template-using-bootstrap" target="_blank">Display</a></li>
<li><a href="http://sc.chinaz.com/?item=sprint-free-html5-template-bootstrap" target="_blank">Sprint</a></li>
</ul>
</li>
<li><a href="#">CSS3</a></li>
</ul>
</li>
<li class="active"><a href="elements.html">Elements</a></li>
<li class="fh5co-special"><a href="contact.html">Get started</a></li>
</ul>
</nav>
<!-- </div> -->
</div>
</header>
<div id="fh5co-hero">
<a href="#fh5co-main" class="smoothscroll fh5co-arrow to-animate hero-animate-4"><i class="ti-angle-down"></i></a>
<!-- End fh5co-arrow -->
<div class="container">
<div class="col-md-8 col-md-offset-2">
<div class="fh5co-hero-wrap">
<div class="fh5co-hero-intro">
<h1 class="to-animate hero-animate-1">Elements & Components</h1>
<h2 class="to-animate hero-animate-2">Lovely Made by <a href="http://" target="_blank"></a></h2>
<p class="to-animate hero-animate-3"><a href="#" class="btn btn-outline btn-lg">Get Started</a></p>
</div>
</div>
</div>
</div>
</div>
<div id="fh5co-main">
<div class="container">
<!--
///////////////////////////////////
Features
///////////////////////////////////
-->
<div class="row" id="fh5co-features">
<div class="col-md-4 col-sm-6 text-center fh5co-feature feature-box">
<div class="fh5co-feature-icon">
<i class="ti-mobile"></i>
</div>
<h3 class="heading">Mobile</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste sunt porro delectus cum officia magnam.</p>
</div>
<div class="col-md-4 col-sm-6 text-center fh5co-feature feature-box">
<div class="fh5co-feature-icon">
<i class="ti-lock"></i>
</div>
<h3 class="heading">Lock</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste sunt porro delectus cum officia magnam. </p>
</div>
<div class="clearfix visible-sm-block"></div>
<div class="col-md-4 col-sm-6 text-center fh5co-feature feature-box">
<div class="fh5co-feature-icon">
<i class="ti-video-camera"></i>
</div>
<h3 class="heading">Video</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste sunt porro delectus cum officia magnam.</p>
</div>
<div class="clearfix visible-md-block visible-lg-block"></div>
<div class="col-md-4 col-sm-6 text-center fh5co-feature feature-box">
<div class="fh5co-feature-icon">
<i class="ti-shopping-cart"></i>
</div>
<h3 class="heading">Shop</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste sunt porro delectus cum officia magnam. </p>
</div>
<div class="clearfix visible-sm-block"></div>
<div class="col-md-4 col-sm-6 text-center fh5co-feature feature-box">
<div class="fh5co-feature-icon">
<i class="ti-palette"></i>
</div>
<h3 class="heading">Pallete</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste sunt porro delectus cum officia magnam.</p>
</div>
<div class="col-md-4 col-sm-6 text-center fh5co-feature feature-box">
<div class="fh5co-feature-icon">
<i class="ti-truck"></i>
</div>
<h3 class="heading">Deliver</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste sunt porro delectus cum officia magnam.</p>
</div>
</div>
<!-- END row -->
<div class="fh5co-spacer fh5co-spacer-md"></div>
<!-- End Spacer -->
<!--
///////////////////////////////////
Portfolio
///////////////////////////////////
-->
<div class="row" id="fh5co-works">
<div class="col-md-8 col-md-offset-2 text-center fh5co-section-heading work-box">
<h2 class="fh5co-lead">Awesome Projects</h2>
<p class="fh5co-sub">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit est facilis maiores, perspiciatis accusamus asperiores sint consequuntur debitis. Ut, dolores sit amet consectetur adipisicing elit.</p>
<div class="fh5co-spacer fh5co-spacer-sm"></div>
</div>
<div class="col-md-4 col-sm-6 col-xs-6 col-xxs
高性能滚动触发网站模板是一款HTML5单页网站模板下载 .rar （172个子文件） 
bootstrap.css 135KB boostrap.min.css 111KB animate.css 69KB style.css 37KB theme.css 19KB themify-icons.css 16KB glyphicons.css 8KB magnific-popup.css 8KB carousel.css 6KB pagination.css 6KB breadcrumbs.css 6KB scaffolding.css 5KB dropdowns.css 5KB component-animations.css 5KB input-groups.css 5KB jumbotron.css 5KB grid.css 5KB button-groups.css 5KB pager.css 5KB navbar.css 5KB buttons.css 5KB list-group.css 5KB close.css 5KB navs.css 5KB progress-bars.css 5KB utilities.css 5KB thumbnails.css 5KB easy-responsive-tabs.css 5KB panels.css 5KB modals.css 5KB wells.css 5KB badges.css 5KB forms.css 5KB type.css 5KB popovers.css 5KB tooltip.css 5KB alerts.css 5KB labels.css 5KB tables.css 5KB code.css 5KB responsive-utilities.css 5KB menu_slideside.css 4KB owl.carousel.min.css 4KB superfish.css 3KB normalize.css 2KB owl.theme.default.min.css 2KB megafish.css 2KB print.css 1KB responsive-embed.css 544B media.css 528B responsive-visibility.css 56B nav-vertical-align.css 53B background-variant.css 53B vendor-prefixes.css 50B grid-framework.css 49B text-emphasis.css 48B text-overflow.css 48B border-radius.css 48B reset-filter.css 47B center-block.css 47B progress-bar.css 47B nav-divider.css 46B pagination.css 45B list-group.css 45B variables.css 44B tab-focus.css 44B hide-text.css 44B gradients.css 44B table-row.css 44B clearfix.css 43B buttons.css 42B opacity.css 42B mixins.css 41B labels.css 41B panels.css 41B alerts.css 41B resize.css 41B image.css 40B forms.css 40B grid.css 39B size.css 39B themify.eot 77KB glyphicons-halflings-regular.eot 20KB
elements.html 41KB index.html 14KB left-sidebar.html 12KB right-sidebar.html 12KB contact.html 9KB index.html 105B index.html 105B index.html 105B index.html 105B index.html 105B index.html 105B
img_large_1.jpg 26KB img_large_2.jpg 24KB img_large_5.jpg 23KB img_large_4.jpg 22KB img_large_3.jpg 21KB hero6.jpg 18KB共 172 条
- 1
- 2
资源评论
reg183
- 粉丝: 1840
- 资源: 1万+
最新资源
- 打造最强的Java安全研究与安全开发面试题库，帮助师傅们找到满意的工作.zip
- (源码)基于Spark的实时用户行为分析系统.zip
- (源码)基于Spring Boot和Vue的个人博客后台管理系统.zip
- 将流行的 ruby faker gem 引入 Java.zip
- (源码)基于C#和ArcGIS Engine的房屋管理系统.zip
- (源码)基于C语言的Haribote操作系统项目.zip
- (源码)基于Spring Boot框架的秒杀系统.zip
- (源码)基于Qt框架的待办事项管理系统.zip
- 将 Java 8 的 lambda 表达式反向移植到 Java 7、6 和 5.zip
- (源码)基于JavaWeb的学生管理系统.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
