<!DOCTYPE html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--Declare page as mobile friendly -->
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0"/>
<!-- Declare page as iDevice WebApp friendly -->
<meta name="apple-mobile-web-app-capable" content="yes"/>
<!-- iDevice WebApp Splash Screen, Regular Icon, iPhone, iPad, iPod Retina Icons -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/splash/splash-icon.png">
<!-- iPhone 3, 3Gs -->
<link rel="apple-touch-startup-image" href="images/splash/splash-screen.png" media="screen and (max-device-width: 320px)" />
<!-- iPhone 4 -->
<link rel="apple-touch-startup-image" href="images/splash/splash-screen_402x.png" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" />
<!-- iPhone 5 -->
<link rel="apple-touch-startup-image" sizes="640x1096" href="images/splash/splash-screen_403x.png" />
<!-- Page Title -->
<title>��Epsilon Elements������html5��Ӧʽ�ֻ�wap��վģ�����ع�������-����ģ�塾http//www.lanrenmb.com/HTML5/��</title>
<!-- Stylesheet Load -->
<link href="styles/style.css" rel="stylesheet" type="text/css">
<link href="styles/framework-style.css" rel="stylesheet" type="text/css">
<link href="styles/framework.css" rel="stylesheet" type="text/css">
<link href="styles/bxslider.css" rel="stylesheet" type="text/css">
<link href="styles/swipebox.css" rel="stylesheet" type="text/css">
<link href="styles/icons.css" rel="stylesheet" type="text/css">
<link href="styles/retina.css" rel="stylesheet" type="text/css" media="only screen and (-webkit-min-device-pixel-ratio: 2)" />
<!--Page Scripts Load -->
<script src="scripts/jquery.min.js" type="text/javascript"></script>
<script src="scripts/hammer.js" type="text/javascript"></script>
<script src="scripts/jquery-ui-min.js" type="text/javascript"></script>
<script src="scripts/subscribe.js" type="text/javascript"></script>
<script src="scripts/contact.js" type="text/javascript"></script>
<script src="scripts/jquery.swipebox.js" type="text/javascript"></script>
<script src="scripts/bxslider.js" type="text/javascript"></script>
<script src="scripts/colorbox.js" type="text/javascript"></script>
<script src="scripts/retina.js" type="text/javascript"></script>
<script src="scripts/custom.js" type="text/javascript"></script>
<script src="scripts/framework.js" type="text/javascript"></script>
</head>
<body>
<div id="preloader">
<div id="status">
<p class="center-text">
Loading the content...
<em>Loading depends on your connection speed!</em>
</p>
</div>
</div>
<div class="header">
<a class="logo-home" href="index.html"><img src="images/logob.png" alt="img" width="40"></a>
<div class="header-text">
<strong>FLATY</strong>
<em>flat and gorgeous</em>
</div>
</div>
<div class="header-clear"></div>
<div class="content">
<a href="#" class="content-tab tab-one">Type</a>
<a href="#" class="content-tab tab-two">jQuery</a>
<a href="#" class="content-tab tab-three">Other</a>
<div class="decoration"></div>
<div class="clear"></div>
<div id="tab-one">
<div class="container no-bottom">
<div class="heading">
<div class="heading-left">
<em>a few type features</em>
<h3>TYPOGRAPHY FEATURES</h3>
</div>
<div class="heading-right">
<span class="icon icon-pencil"></span>
</div>
</div>
</div>
<div class="decoration"></div>
<!--Text Columns-->
<div class="container no-bottom">
<h4>1/1</h4>
<p>
Lorem ipsum dolor sit, consectetur adipiscing. Aliquam pellentesque, purus quis pellentesque fermentum, justo arcu posuere justo.
Lorem ipsum dolor sit, consectetur adipiscing.
</p>
</div>
<div class="column">
<div class="one-half">
<h4>1/2</h4>
<p class="no-bottom">
Lorem ipsum dolor sit, consectetur adipiscing. Aliquam pellentesque, purus quis pellentesque fermentum.
</p>
</div>
<div class="one-half">
<h4>2/2</h4>
<p class="no-bottom">
Lorem ipsum dolor sit, consectetur adipiscing. Aliquam pellentesque, purus quis pellentesque fermentum.
</p>
</div>
</div>
<div class="column">
<div class="one-third">
<h4>1/3</h4>
<p class="no-bottom">
Lorem ipsum dolor sit, consectetur adipiscing. Aliquam pellentesque, purus quis pellentesque.
</p>
</div>
<div class="one-third">
<h4>2/3</h4>
<p class="no-bottom">
Lorem ipsum dolor sit, consectetur adipiscing. Aliquam pellentesque, purus quis pellentesque.
</p>
</div>
<div class="one-third">
<h4>3/3</h4>
<p class="no-bottom">
Lorem ipsum dolor sit, consectetur adipiscing. Aliquam pellentesque, purus quis pellentesque.
</p>
</div>
</div>
<div class="decoration"></div>
<div class="container">
<img class="center-icon half-bottom" src="images/icons-large/icon1_402x.png" alt="img">
<h3 class="center-text uppercase">A large centered icon!</h3>
<p class="center-text no-bottom">
Lorem ipsum dolor sit amet, consectetur adipiscing. <br>
Aliquam pellentesque, purus quis pellentesque fermentum, justo arcu posuere justo. <br>
</p>
</div>
<div class="decoration"></div>
<div class="column">
<div class="one-half">
<img class="center-icon" src="images/icons-large/icon2_402x.png" alt="img">
<h3 class="center-text uppercase">Big Icons?</h3>
<p class="center-text no-bottom">
Lorem ipsum dolor sit, consectetur adipiscing. <br>
Aliquam pellentesque, purus quis pellentesque fermentum, justo arcu posuere justo. <br>
</p>
</div>
<div class="one-half">
<img class="center-icon" src="images/icons-large/icon1_402x.png" alt="img">
<h3 class="center-text uppercase">Centerd up!</h3>
<p class="center-text no-bottom">
Lorem ipsum dolor sit, consectetur adipiscing. <br>
Aliquam pellentesque, purus quis pellentesque fermentum, justo arcu posuere justo. <br>
</p>
</div>
</div>
<!--<div class="container no-bottom">
<img class="column-icon" src="images/icons-large/icon1@2x.png" width="85" alt="img">
<h3>A large icon</h3>
<p>Lorem ipsum dolor sit amet, consec tetur adipiscing elit. </p>
</div> -->
<div class="decoration"></div>
<div class="column">
<div class="one-third">
<img class="center-icon" src="images/icons-large/icon2_402x.png" alt="img">
<h3 class="uppercase center-text">One Thirds</h3>
<p class="center-text no-bottom">
Lorem ipsum dolor sit, consectetur adipiscing.
Aliquam pellentesque, purus quis pellentesque fermentum, justo arcu posuere justo. <br>
</p>
</div>
<div class="one-third">
<img class="center-icon
H446国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip （394个子文件） 
icons.css 141KB framework.css 45KB framework-style.css 33KB retina.css 12KB style.css 5KB bxslider.css 5KB swipebox.css 5KB
status.gif 47KB tf_125x125_v1.gif 10KB bx_loader.gif 8KB loader.gif 3KB
about.html 51KB folio.html 12KB blog.html 8KB contact.html 8KB home.html 6KB video.html 5KB index.html 4KB
4s.jpg 126KB 0.jpg 120KB 2.jpg 119KB 2s.jpg 108KB 3.jpg 104KB 1s.jpg 103KB 0s.jpg 102KB 1.jpg 92KB 3s.jpg 91KB 5t.jpg 78KB 4t.jpg 74KB 1t.jpg 71KB 001.jpg 68KB 1.jpg 64KB 2t.jpg 58KB 3t.jpg 49KB jquery.min.js 91KB hammer.js 46KB bxslider.js 19KB framework.js 18KB jquery-ui-min.js 13KB jquery.swipebox.js 11KB colorbox.js 10KB contact.js 3KB subscribe.js 2KB custom.js 1KB retina.js 1KB
icon4_402x.png 23KB icon1_402x.png 22KB tools.png 22KB eyedropper.png 22KB rakescoop.png 22KB bigbrush.png 22KB smallbrush.png 22KB ruller.png 22KB paintbrush.png 22KB abacus.png 22KB ruller2.png 22KB fountainpen.png 22KB cutscissors.png 22KB pencil.png 22KB documentzip.png 22KB documenttext.png 22KB documentspowerpoint.png 22KB documentexcel.png 22KB robot.png 22KB documentsword.png 22KB documentspdf.png 22KB documents.png 22KB documentsexcel.png 22KB documentword.png 22KB document.png 22KB chrome.png 22KB flag2.png 22KB dogtags.png 22KB documentstext.png 22KB textstyle.png 22KB folder.png 22KB documentpowerpoint.png 22KB flag.png 22KB documentszip.png 22KB applications.png 22KB documentpdf.png 22KB locked2.png 22KB firefox.png 22KB underconstruction.png 22KB creatwrite.png 22KB pumpkin.png 22KB footprint.png 22KB balloons.png 22KB notebook.png 22KB universalaccess.png 22KB infoabout.png 22KB truck2.png 22KB mail.png 22KB bullseye.png 22KB airplane.png 22KB download.png 22KB cloud.png 22KB textstyle2.png 22KB tree.png 22KB paperclip.png 22KB共 394 条
- 1
- 2
- 3
- 4
资源评论
