<!DOCTYPE HTML>
<html>
<head>
<title>Twenty</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.dropotron.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-noscript.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="css/ie/v9.css" /><![endif]-->
</head>
<body class="index loading">
<!-- Header -->
<header id="header" class="alt">
<h1 id="logo"><a href="index.html">Twenty</a></h1>
<nav id="nav">
<ul>
<li class="current"><a href="index.html">Welcome</a></li>
<li class="submenu">
<a href="">Layouts</a>
<ul>
<li><a href="left-sidebar.html">Left Sidebar</a></li>
<li><a href="right-sidebar.html">Right Sidebar</a></li>
<li><a href="no-sidebar.html">No Sidebar</a></li>
<li><a href="contact.html">Contact</a></li>
<li class="submenu">
<a href="">Submenu</a>
<ul>
<li><a href="#">Dolore Sed</a></li>
<li><a href="#">Consequat</a></li>
<li><a href="#">Lorem Magna</a></li>
<li><a href="#">Sed Magna</a></li>
<li><a href="#">Ipsum Nisl</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#" class="button special">Sign Up</a></li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<!--
".inner" is set up as an inline-block so it automatically expands
in both directions to fit whatever's inside it. This means it won't
automatically wrap lines, so be sure to use line breaks where
appropriate (<br />).
-->
<div class="inner">
<header>
<h2>TWENTY</h2>
</header>
<p>This is <strong>Twenty</strong>, a free<br />
responsive template</p>
<footer>
<ul class="buttons vertical">
<li><a href="#main" class="button fit scrolly">Tell Me More</a></li>
</ul>
</footer>
</div>
</section>
<!-- Main -->
<article id="main">
<header class="special container">
<span class="icon fa-bar-chart-o"></span>
<h2>As this is my <strong>twentieth</strong> freebie
I decided to give it a really creative name.</h2>
<p>Turns out <strong>Twenty</strong> was the best I could come up with. Anyway, lame name aside,<br />
it's minimally designed, fully responsive, built on HTML5/CSS3/<strong>skel</strong>,
and, like all my stuff,<br />
released for free under the license. Have fun!</p>
</header>
<!-- One -->
<section class="wrapper style2 container special-alt">
<div class="row half">
<div class="8u">
<header>
<h2>Behold the <strong>icons</strong> that visualize what you’re all about. or just take up space. your call bro.</h2>
</header>
<p>Sed tristique purus vitae volutpat ultrices. Aliquam eu elit eget arcu comteger ut fermentum lorem. Lorem ipsum dolor sit amet. Sed tristique purus vitae volutpat ultrices. eu elit eget commodo. Sed tristique purus vitae volutpat ultrices. Aliquam eu elit eget arcu commodo.</p>
<footer>
<ul class="buttons">
<li><a href="#" class="button">Find Out More</a></li>
</ul>
</footer>
</div>
<div class="4u skel-cell-important">
<ul class="feature-icons">
<li><span class="icon fa-clock-o"><span class="label">Feature 1</span></span></li>
<li><span class="icon fa-volume-up"><span class="label">Feature 2</span></span></li>
<li><span class="icon fa-laptop"><span class="label">Feature 3</span></span></li>
<li><span class="icon fa-inbox"><span class="label">Feature 4</span></span></li>
<li><span class="icon fa-lock"><span class="label">Feature 5</span></span></li>
<li><span class="icon fa-cog"><span class="label">Feature 6</span></span></li>
</ul>
</div>
</div>
</section>
<!-- Two -->
<section class="wrapper style1 container special">
<div class="row">
<div class="4u">
<section>
<span class="icon feature fa-check"></span>
<header>
<h3>This is Something</h3>
</header>
<p>Sed tristique purus vitae volutpat ultrices. Aliquam eu elit eget arcu commodo suscipit dolor nec nibh. Proin a ullamcorper elit, et sagittis turpis. Integer ut fermentum.</p>
</section>
</div>
<div class="4u">
<section>
<span class="icon feature fa-check"></span>
<header>
<h3>Also Something</h3>
</header>
<p>Sed tristique purus vitae volutpat ultrices. Aliquam eu elit eget arcu commodo suscipit dolor nec nibh. Proin a ullamcorper elit, et sagittis turpis. Integer ut fermentum.</p>
</section>
</div>
<div class="4u">
<section>
<span class="icon feature fa-check"></span>
<header>
<h3>Probably Something</h3>
</header>
<p>Sed tristique purus vitae volutpat ultrices. Aliquam eu elit eget arcu commodo suscipit dolor nec nibh. Proin a ullamcorper elit, et sagittis turpis. Integer ut fermentum.</p>
</section>
</div>
</div>
</section>
<!-- Three -->
<section class="wrapper style3 container special">
<header class="major">
<h2>Next look at this <strong>cool stuff</strong></h2>
</header>
<div class="row">
<div class="6u">
<section>
<a href="#" class="image feature"><img src="images/pic01.jpg" alt="" /></a>
<header>
<h3>A Really Fast Train</h3>
</header>
<p>Sed tristique purus vitae volutpat commodo suscipit amet sed nibh. Proin a ullamcorper sed blandit. Sed tristique purus vitae volutpat commodo suscipit ullamcorper sed blandit lorem ipsum dolore.</p>
</section>
</div>
<div class="6u">
<section>
<a href="#" class="image feature"><img src="images/pic02.jpg" alt="" /></a>
<header>
<h3>An Airport Terminal</h3>
</header>
<p>Sed tristique purus vitae volutpat commodo suscipit amet sed nibh. Proin a ullamcorper sed blandit. Sed tristique purus vitae volutpat commodo suscipit ullamcorper sed blandit lorem ipsum dolore.</p>
</section>
</div>
</div>
<div class="row">
<div class="6u">
<section>
<a href="#" class="image feature"><img src="images/pic03.jpg" alt="" /></a>
<header>
<h3>Hyperspace Travel</h3>
</header>
<p>Sed tristique purus vitae volutpat commodo suscipit amet sed nibh. Proin a ullamcorper sed blandit. Sed tristique purus vitae volutpat commodo suscipit ullamcorper sed blandit lorem ipsum dolore.</p>
</section>
</div>
<div class="6u">
<section>
<a href="#" class="image feature"><img src="images/pic04.jpg" alt="" /></a>
<header>
<h3>And Another Train</h3>
</header>
<p>Sed tristique purus vitae volutpat commodo suscipit amet sed nib
H1059_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （42个子文件） 
H1059 
left-sidebar.html 8KB js 
jquery.dropotron.min.js 4KB skel-layers.min.js 14KB skel.min.js 19KB init.js 9KB jquery.min.js 94KB css style.css 19KB skel.css 4KB style-narrower.css 1KB style-noscript.css 189B style-narrow.css 912B style-wide.css 272B ie v8.css 420B html5shiv.js 2KB backgroundsize.min.htc 4KB v9.css 48B style-normal.css 746B style-mobile.css 2KB font-awesome.min.css 17KB images 
light-bl.svg 648B dark-tr.svg 644B dark-br.svg 658B
overlay.png 20KB dark-tl.svg 630B light-tl.svg 634B dark-bl.svg 644B light-tr.svg 648B light-br.svg 662B index.html 10KB contact.html 4KB images 
banner.jpg 127KB pic02.jpg 55KB pic04.jpg 27KB pic03.jpg 53KB pic01.jpg 48KB right-sidebar.html 8KB no-sidebar.html 6KB fonts FontAwesome.otf 61KB fontawesome-webfont.eot 37KB fontawesome-webfont.woff 43KB fontawesome-webfont.svg 197KB fontawesome-webfont.ttf 79KB资源评论
2301_76429513
- 粉丝: 15
- 资源: 6728
最新资源
- HTML5实现好看的清洁服务公司网站模板.zip
- HTML5实现好看的墙壁粉刷公司网站源码.zip
- HTML5实现好看的清爽创意家居网站源码.zip
- HTML5实现好看的清爽大屏饼干制作网站源码.zip
- HTML5实现好看的清爽家政公司网站源码.zip
- HTML5实现好看的清新的教育机构网站源码.zip
- 重庆邮电大学信号处理实验三
- WINCC的SQL应用，无需修改任何源码， 导入变量即可自动生成配方报表 配方报表，vbs应用，配方应用 学习利器，可供有需要学习的朋友学习， 源码公开， 配合SQLSERVER使用
- 基于卷积神经网络(CNN)的手写数字识别 matlab代码，要求2018版本及以上
- 重庆邮电大学信号处理实验四代码
- 基于SSM框架的家庭健康管理系统+Java、HTML+家庭健康管理、健康指标管理
- 基于c代码的空间电压矢量svpwm算法simulink仿真: 1.svpwm的c代码为实际工程中使用和验证过，代码简洁，注释详细; 2.采用7段式svpwm，有过调机制处理; 3.送svpwm原理详
- fpga sata 2.0 3.0源码，纯verilog代码，根据不同的平台，支持gtx gth gty平台
- 堆垛机西门子PLC程序+输送线程序 物流仓储 涵盖通信，算法，运动控制，屏幕程序，可电脑仿真测试 实际项目完整程序 西门子S7-1200＋G120+劳易测激光测距 博途V15.1编程 采用SC
- 基于SSM框架的家庭健康管理系统论文+Java、SSM、MySQL+健康管理、指标管理
- carsim与simulink联合仿真的线控转向系统
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
