<!DOCTYPE html>
<html>
<head>
<title>仿eplie触屏版html5响应式手机wap网站模板下载样式特效-懒人模板【http://www.lanrenmb.com/HTML5/】</title>
<!-- meta tags start -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="eplie, 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 -->
<!-- Google fonts start -->
<link href='../../../../../fonts.googleapis.com/css@family=Droid+Sans_3A400,700' rel='stylesheet' type='text/css' />
<!-- Google fonts end -->
<!-- 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">
<!-- header wrapper starts -->
<div class="headerOuterWrapper">
<div class="headerWrapper"> <a class="mainLogo" href="index.html"><img src="images/common/mainLogo.png" alt=""/></a> <a href="default.htm" class="mainMenuButton"></a> </div>
<!-- main menu wrapper starts -->
<ul class="mainMenuWrapper">
<li><a href="index.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 With One Column</a></li>
<li><a href="portfolioTwoColumns.html">Portfolio With Two Columns</a></li>
<li><a href="portfolioOneColumnFilterable.html">Filterable Portfolio With One Column</a></li>
<li><a href="portfolioTwoColumnsFilterable.html">Filterable Portfolio With Two Columns</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 -->
</div>
<!-- header wrapper ends -->
<!-- notification starts -->
<p class="topNotification"><span>We do not use cookies!</span><a href="default.htm" class="notificationButton"></a></p>
<!-- notification ends -->
<!-- page wrapper starts -->
<div class="pageWrapper">
<!-- page content wrapper starts -->
<div class="pageContentWrapper">
<!-- page title starts -->
<h3 class="pageTitle">About "eplie"</h3>
<!-- page title ends -->
<p>Welcome to "eplie"!</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>"eplie" 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 iconCheckmarkLight"></span></td>
</tr>
<tr>
<td>2</td>
<td>Ipsum</td>
<td>$87</td>
<td><span class="singleIconWrapper iconCheckmarkLight"></span></td>
</tr>
<tr>
<td>3</td>
<td>Amet</td>
<td>$99</td>
<td><span class="singleIconWrapper iconCheckmarkLight"></span></td>
</tr>
<tr>
<td>4</td>
<td>Dolor</td>
<td>$169</td>
<td><span class="singleIconWrapper iconNoLight"></span></td>
</tr>
</tbody>
</table>
<!-- table ends -->
<div class="textBreakBottom"></div>
<h4 class="blockTitle">Quotes:</h4>
<!-- large quote starts -->
<div class="quoteWrapper"> <a href="default.htm" 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="default.htm" 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="default.htm" 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="default.htm"
基于HTML实现的仿eplie触屏版html5响应式手机wap网站模板下载(css+html+js+图样).zip
版权申诉
88 浏览量
2022-07-08
10:10:56
上传
评论
收藏 1.71MB ZIP 举报
基于HTML实现的仿eplie触屏版html5响应式手机wap网站模板下载(css+html+js+图样).zip （375个子文件） 
style.css 36KB elements.css 22KB hidpi.css 22KB framework.css 6KB orange.css 3KB green.css 3KB pink.css 3KB blue.css 3KB red.css 3KB colorbox.css 1KB skin.css 928B responsive.css 911B custom.css 751B
loading.gif 723B loading.gif 723B
typography.html 11KB singlePost.html 8KB portfolioTwoColumnsFilterable.html 7KB contact.html 7KB portfolioOneColumnFilterable.html 7KB blog.html 7KB portfolioTwoColumns.html 7KB portfolioOneColumn.html 7KB index.html 6KB faq.html 6KB singleProject.html 6KB 404.html 5KB
slide1.jpg 168KB small-1-6.jpg 154KB slide3.jpg 141KB small-1-5.jpg 140KB small-1-1.jpg 133KB small-1-3.jpg 118KB slide2.jpg 101KB small-1-4.jpg 77KB small-1-2.jpg 74KB jquery.min.js 82KB effects.jquery-ui.min.js 13KB jquery.nivo-slider.min.js 12KB jquery.colorbox.min.js 11KB custom.js 7KB contact.js 4KB
bgPat-1-x2.png 119KB bgPat-1.png 38KB 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 mainLogo.png 3KB iconGraphBg16.png 3KB iconGraphBg16.png 3KB iconClockBg64.png 2KB iconClockBg64.png 2KB iconGlobeBg64.png 2KB iconGlobeBg64.png 2KB controlsBg-x2.png 2KB iconClockBg32.png 2KB iconClockBg32.png 2KB iconGearBg64.png 2KB iconGearBg64.png 2KB iconGlobeBg32.png 2KB iconGlobeBg32.png 2KB iconDribbbleBg32.png 2KB iconDribbbleBg32.png 2KB iconSearchBg64.png 2KB iconSearchBg64.png 2KB iconRefreshBg64.png 2KB iconRefreshBg64.png 2KB iconHeartBg64.png 2KB iconFlagBg64.png 2KB iconHeartBg64.png 2KB iconFlagBg64.png 2KB iconGearBg32.png 2KB iconGearBg32.png 2KB iconAttachBg64.png 2KB iconLinkBg64.png 2KB iconInfoBg64.png 2KB iconAttachBg64.png 2KB iconLinkBg64.png 2KB iconInfoBg64.png 2KB iconCameraBg64.png 2KB iconRssBg32.png 2KB iconCameraBg64.png 2KB portfolioExpandButtonBg-x2.png 2KB portfolioDetailsButtonBg-x2.png 2KB iconKeyBg64.png 2KB iconGearBg32.png 2KB iconRefreshBg32.png 2KB iconKeyBg64.png 2KB iconDollarBg64.png 2KB controlsBg.png 2KB iconGearBg32.png 2KB iconRefreshBg32.png 2KB iconRssBg32.png 2KB共 375 条
- 1
- 2
- 3
- 4
资源评论
