<!DOCTYPE html>
<html>
<head>
<title>仿runio触屏版自适应响应式html5手机wap网站模板下载-模板在线【http://www.htmldivcss.com/】</title>
<!-- meta tags start -->
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<meta name="Keywords" content="runio, premium, mobile, template, HTML, CSS" />
<meta name="Description" content="Premium mobile HTML/CSS template." />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<!-- meta tags end -->
<!-- favorite icon starts -->
<link rel="shortcut icon" href="images/common/favicon.ico" type="image/x-icon" />
<!-- favorite icon ends -->
<!-- CSS files start -->
<link href="css/framework.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/colorbox.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/elements.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/responsive.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/hidpi.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/skin.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/custom.css" rel="stylesheet" type="text/css" media="all" />
<!-- CSS files end -->
<!-- JavaScript files start -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/effects.jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo-slider.min.js"></script>
<script type="text/javascript" src="js/jquery.colorbox.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<!-- JavaScript files end -->
</head>
<body>
<!-- website wrapper starts -->
<div class="websiteWrapper">
<!-- main menu wrapper starts -->
<ul class="mainMenuWrapper">
<li><a href="index.html">Landing Page</a></li>
<li><a href="home.html">Home</a></li>
<li class="currentPage"><a href="typography.html">About</a> </li>
<li><a href="faq.html">FAQ Page</a></li>
<li><a href="404.html">404 Page</a></li>
<li><a href="portfolioOneColumn.html">Portfolio One</a></li>
<li><a href="portfolioTwoColumns.html">Portfolio Two</a></li>
<li><a href="portfolioOneColumnFilterable.html">Filterable Portfolio One</a></li>
<li><a href="portfolioTwoColumnsFilterable.html">Filterable Portfolio Two</a></li>
<li><a href="singleProject.html">Single Portfolio Project</a></li>
<li><a href="blog.html">Blog</a> </li>
<li><a href="singlePost.html">Single Post</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<!-- main menu wrapper ends -->
<!-- header wrapper starts -->
<div class="headerOuterWrapper">
<div class="headerWrapper"> <a href="#" class="mainMenuButton"><span>Menu</span></a></div>
</div>
<!-- header wrapper ends -->
<!-- page wrapper starts -->
<div class="pageWrapper">
<!-- page content wrapper starts -->
<div class="pageContentWrapper">
<!-- page title starts -->
<h3 class="pageTitle">About "runio"</h3>
<!-- page title ends -->
<p>Welcome to "runio"!</p>
<p>If you are looking for a versatile mobile template that will work on all mobile devices not just smartphones, then you found the right one.</p>
<p>"runio" is not just another responsive template limited to certain screen sizes. This template has a liquid structure based on a {solid} Css framework that will adapt to any screen, including retina displays.</p>
<div class="textBreakBoth"></div>
<h4>Columns:</h4>
<!-- one half start -->
<div class="columnWrapper oneHalf">
<h4>1/2</h4>
<p>Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi opti.</p>
</div>
<div class="columnWrapper oneHalf lastColumn">
<h4>1/2</h4>
<p>Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi opti.</p>
</div>
<!-- one half end -->
<div class="clear"></div>
<!-- one third start -->
<div class="columnWrapper oneThird">
<h4>1/3</h4>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui.</p>
</div>
<div class="columnWrapper oneThird">
<h4>1/3</h4>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui.</p>
</div>
<div class="columnWrapper oneThird lastColumn">
<h4>1/3</h4>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui.</p>
</div>
<!-- one third end -->
<div class="clear"></div>
<div class="textBreakBottom"></div>
<h4 class="blockTitle">Tables:</h4>
<!-- table starts -->
<table>
<thead>
<tr>
<th>Number</th>
<th>Product</th>
<th>Price</th>
<th>Availability</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Vero</td>
<td>$32</td>
<td><span class="singleIconWrapper iconCheckmarkDark"></span></td>
</tr>
<tr>
<td>2</td>
<td>Ipsum</td>
<td>$87</td>
<td><span class="singleIconWrapper iconCheckmarkDark"></span></td>
</tr>
<tr>
<td>3</td>
<td>Amet</td>
<td>$99</td>
<td><span class="singleIconWrapper iconCheckmarkDark"></span></td>
</tr>
<tr>
<td>4</td>
<td>Dolor</td>
<td>$169</td>
<td><span class="singleIconWrapper iconNoDark"></span></td>
</tr>
</tbody>
</table>
<!-- table ends -->
<div class="textBreakBottom"></div>
<h4 class="blockTitle">Quotes:</h4>
<!-- large quote starts -->
<div class="quoteWrapper"> <a href="#" class="quoteAvatar"><img src="images/common/commentAvatarBg.png" alt=""></a>
<blockquote>
<p>"Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
<cite>- John Doe</cite></blockquote>
</div>
<!-- large quote ends -->
<!-- regular quote starts -->
<blockquote>
<p>"Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
<cite>- John Doe</cite> </blockquote>
<!-- regular quote ends -->
<div class="textBreakBoth"></div>
<h4 class="blockTitle">Alert Boxes:</h4>
<!-- alert box starts -->
<div class="alertBox alertBoxWarning">
<p class="alertBoxContent">Ut enim ad mini ma veniam, quis nostrum exerci tationem ullam corporis suscipit labor iosam.</p>
<a href="#" class="alertBoxButton"></a> </div>
<!-- alert box ends -->
<!-- alert box starts -->
<div class="alertBox alertBoxStop">
<p class="alertBoxContent">Ut enim ad mini ma veniam, quis nostrum exerci tationem ullam corporis suscipit labor iosam.</p>
<a href="#" class="alertBoxButton"></a> </div>
<!-- alert box ends -->
<!-- alert box starts -->
<div class="alertBox alertBoxGo">
<p class="alertBoxContent">Ut enim ad mini ma veniam, quis nostrum exerci tationem ullam corporis suscipit labor iosam.</p>
<a href="#" class="alertBoxButton"></a> </div>
<!-- alert box ends -->
<!-- alert box starts -->
<div class="alertBox alertBoxInfo alertBoxTextBreak">
<p class="alertBoxContent">Ut enim ad mini ma veniam, quis nostrum exerci tationem ullam corporis suscipit labor iosam.</p>
<a href="#" class="alertBoxButton"></a> </div>
<!
34_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （384个子文件） 
style.css 38KB elements.css 22KB hidpi.css 22KB framework.css 5KB orange.css 3KB green.css 3KB pink.css 3KB blue.css 3KB red.css 3KB colorbox.css 2KB style.css 1KB responsive.css 1KB skin.css 928B custom.css 751B
loading.gif 723B loading.gif 723B default.htm 1KB
typography.html 11KB home.html 8KB singlePost.html 8KB portfolioTwoColumnsFilterable.html 7KB contact.html 7KB portfolioOneColumnFilterable.html 7KB blog.html 7KB portfolioTwoColumns.html 7KB portfolioOneColumn.html 6KB faq.html 6KB singleProject.html 6KB 404.html 5KB index.html 4KB favicon.ico 1KB
slide-3.jpg 410KB slide-2.jpg 399KB small-1-3.jpg 398KB large-3.jpg 359KB small-1-4.jpg 305KB small-1-2.jpg 295KB large-4.jpg 282KB small-1-1.jpg 231KB large-1.jpg 205KB slide-1.jpg 199KB small-1-5.jpg 188KB small-1-6.jpg 164KB large-5.jpg 155KB featured-place-3.jpg 41KB featured-place-2.jpg 35KB 1.jpg 31KB featured-place-4.jpg 31KB featured-place-1.jpg 26KB jquery.min.js 82KB effects.jquery-ui.min.js 13KB jquery.nivo-slider.min.js 12KB jquery.colorbox.min.js 11KB custom.js 8KB contact.js 3KB
iconChartBg64.png 1MB iconChartBg64.png 1MB iphone.png 75KB landingLogo.png 51KB bright_squares.png 41KB fixscroll-3.png 32KB go-landscape.png 29KB go-tablet.png 24KB fixscroll-2.png 20KB fixscroll.png 16KB landingPageHighlightBg.png 12KB mainMenuButtonBg2.png 4KB footerLogo.png 4KB commentAvatarBg.png 3KB iconLocationBg16.png 3KB iconLocationBg16.png 3KB alertBoxGoBg.png 3KB iconCheckmarkBg16.png 3KB iconCheckmarkBg16.png 3KB iconEmailBg16.png 3KB iconEmailBg16.png 3KB iconCameraBg16.png 3KB iconCameraBg16.png 3KB iconGraphBg16.png 3KB iconGraphBg16.png 3KB footerDribbbleIconBg2.png 3KB iconClockBg64.png 2KB iconClockBg64.png 2KB controls2.png 2KB iconGlobeBg64.png 2KB iconGlobeBg64.png 2KB mainMenuButtonBg.png 2KB footerRssIconBg2.png 2KB footerVimeoIconBg2.png 2KB iconClockBg32.png 2KB iconClockBg32.png 2KB iconGearBg64.png 2KB footerTwitterIconBg2.png 2KB iconGearBg64.png 2KB iconGlobeBg32.png 2KB iconGlobeBg32.png 2KB iconDribbbleBg32.png 2KB iconDribbbleBg32.png 2KB footerFlickrIconBg2.png 2KB iconSearchBg64.png 2KB共 384 条
- 1
- 2
- 3
- 4
资源评论
supeerzdj
- 粉丝: 12
- 资源: 6184
最新资源
- java课程设计作业：基于Java的打地鼠小游戏.zip
- causal-conv1d-cuda.cp310-win-amd64.pyd
- 全国计算机等级考试二级python的学习笔记（适用2020年）.zip
- 机器学习（大模型）：GPT大型语言模型辅助训练数据集
- 计算机二级等级考试Python语言嵩天教材的课后编程题解（部分）.zip
- mamba-ssm-2.2.2-cp310-cp310-win-amd64.whl
- ffmpeg 图片水印 随机显示 与 随机反弹 边缘反弹
- 机器学习（NLP）：性别歧视文本数据集
- HTML5保护环境网站模板.zip
- springboot服装生产管理的设计与实现(代码+数据库+LW)
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
