<!DOCTYPE html>
<html>
<head>
<title>shopey | Mobile HTML/CSS eCommerce Template</title>
<!-- meta tags start -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="shopey, 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='http//fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' 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">
<!-- page wrapper starts -->
<div class="pageWrapper">
<!-- main menu outer wrapper starts -->
<div class="mainMenuOuterWrapper">
<!-- 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="register.html">Register</a></li>
<li><a href="recover.html">Recover Account</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="advancedSearch.html">Advanced Search</a></li>
<li><a href="singleProduct.html">Single Product</a></li>
<li><a href="checkout.html">Checkout</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 -->
<div class="mainMenuBottomDecoration"></div>
</div>
<!-- main menu outer wrapper ends -->
<!-- shopping cart wrapper start -->
<form id="shoppingCartWrapper" class="shoppingCartWrapper" action="#" method="post">
<fieldset>
<!-- shopping cart product starts -->
<div class="shoppingCartProductWrapper"> <a href="" class="shoppingCartProductImageWrapper"><img src="images/content/shoppingCartProductImage-1.jpg" class="shoppingCartProductImage" alt=""></a>
<div class="shoppingCartProductInfoWrapper"> <a href="" class="shoppingCartProductTitle">Product One</a>
<div class="shoppingCartProductButtonsWrapper">
<input type="text" id="shoppingCartProductNumber-1" class="shoppingCartProductNumber" name="product-1" value="1">
<span class="shoppingCartProductPrice">$25</span><a href="" class="shoppingCartRemoveProductButton"></a> </div>
</div>
</div>
<!-- shopping cart product ends -->
<!-- shopping cart product starts -->
<div class="shoppingCartProductWrapper"> <a href="" class="shoppingCartProductImageWrapper"><img src="images/content/shoppingCartProductImage-2.jpg" class="shoppingCartProductImage" alt=""></a>
<div class="shoppingCartProductInfoWrapper"> <a href="" class="shoppingCartProductTitle">Product Two</a>
<div class="shoppingCartProductButtonsWrapper">
<input type="text" id="shoppingCartProductNumber-2" class="shoppingCartProductNumber" name="product-2" value="2">
<span class="shoppingCartProductPrice">$50</span><a href="" class="shoppingCartRemoveProductButton"></a> </div>
</div>
</div>
<!-- shopping cart product ends -->
<!-- shopping cart product starts -->
<div class="shoppingCartProductWrapper"> <a href="" class="shoppingCartProductImageWrapper"><img src="images/content/shoppingCartProductImage-3.jpg" class="shoppingCartProductImage" alt=""></a>
<div class="shoppingCartProductInfoWrapper"> <a href="" class="shoppingCartProductTitle">Product Three</a>
<div class="shoppingCartProductButtonsWrapper">
<input type="text" id="shoppingCartProductNumber-3" class="shoppingCartProductNumber" name="product-3" value="1">
<span class="shoppingCartProductPrice">$110</span><a href="" class="shoppingCartRemoveProductButton"></a> </div>
</div>
</div>
<!-- shopping cart product ends -->
<!-- shopping cart info wrapper starts -->
<div class="shoppingCartInfoWrapper"> <span class="shoppingCartProductsNumber">Products: 3</span> <span class="shoppingCartProductsTotal">Total: $235</span> </div>
<!-- shopping cart info wrapper ends -->
<div class="shoppingCartButtonsWrapper"><a href="" class="shoppingCartEmptyButton">Empty</a>
<input type="submit" value="Checkout" id="shoppingCartCheckoutButton" class="shoppingCartCheckoutButton">
</div>
</fieldset>
</form>
<!-- shopping cart wrapper ends -->
<!-- header outer wrapper starts -->
<div class="headerOuterWrapper">
<div class="headerWrapper"> <a href="login.html" class="accountButton"></a><a href="" class="shoppingCartButton"></a><a href="" class="mainMenuButton"></a></div>
<div class="headerDecoration"></div>
<!-- main logo starts -->
<a href="" class="mainLogo"><img src="images/common/mainLogo.png" alt="" /></a>
<!-- main logo ends -->
</div>
<!-- header outer wrapper ends -->
<!-- page content wrapper starts -->
<div class="pageContentWrapper">
<div class="headerBreak headerBreakTitleBottom"></div>
<!-- page title starts -->
<h3 class="pageTitle">About "shopey"</h3>
<!-- page title ends -->
<p>Welcome to "shopey"!</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>"shopey" 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">
响应式H5_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
需积分: 0 144 浏览量
2023-08-02
17:04:03
上传
评论
收藏 3.29MB ZIP 举报
响应式H5_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （396个子文件） 
style.css 51KB hidpi.css 23KB elements.css 22KB framework.css 6KB orange.css 3KB green.css 3KB pink.css 3KB blue.css 3KB red.css 3KB colorbox.css 2KB responsive.css 1KB skin.css 940B custom.css 751B
loading.gif 723B loading.gif 723B
typography.html 14KB singleProduct.html 13KB index.html 12KB singlePost.html 12KB contact.html 11KB register.html 11KB advancedSearch.html 11KB portfolioTwoColumnsFilterable.html 11KB blog.html 11KB checkout.html 10KB portfolioOneColumnFilterable.html 10KB portfolioTwoColumns.html 10KB faq.html 10KB portfolioOneColumn.html 10KB singleProject.html 9KB recover.html 9KB login.html 9KB 404.html 8KB
small-1-3.jpg 281KB large-3.jpg 277KB small-1-1.jpg 230KB large-1.jpg 229KB small-1-2.jpg 191KB slide-2.jpg 177KB small-1-4.jpg 151KB large-4.jpg 150KB small-1-5.jpg 149KB large-5.jpg 148KB slide-3.jpg 143KB small-1-6.jpg 120KB slide-1.jpg 110KB singleProductImage-1.jpg 92KB singleProductImage-2.jpg 80KB singleProductImage-3.jpg 80KB homeProduct-1.jpg 28KB homeProduct-4.jpg 24KB homeProduct-3.jpg 24KB homeProduct-2.jpg 22KB checkoutProductImage-1.jpg 12KB shoppingCartProductImage-1.jpg 12KB shoppingCartProductImage-3.jpg 11KB checkoutProductImage-3.jpg 11KB checkoutProductImage-2.jpg 10KB shoppingCartProductImage-2.jpg 10KB productThumb-1.jpg 8KB productThumb-3.jpg 8KB productThumb-2.jpg 7KB jquery.min.js 82KB effects.jquery-ui.min.js 13KB jquery.nivo-slider.min.js 12KB custom.js 12KB jquery.colorbox.min.js 11KB contact.js 3KB
mainLogo.png 4KB commentAvatarBg.png 3KB iconLocationBg16.png 3KB iconLocationBg16.png 3KB formSuccessMessageIconBg.png 3KB alertBoxGoBg.png 3KB iconCheckmarkBg16.png 3KB iconCheckmarkBg16.png 3KB websiteFieldBg.png 3KB iconEmailBg16.png 3KB iconEmailBg16.png 3KB messageFieldBg.png 3KB iconCameraBg16.png 3KB iconCameraBg16.png 3KB iconGraphBg16.png 3KB iconGraphBg16.png 3KB iconClockBg64.png 2KB iconClockBg64.png 2KB controlsBg-x2.png 2KB iconGlobeBg64.png 2KB iconGlobeBg64.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 sliderArrowsBg-x2.png 2KB cartButtonBg-x2.png 2KB iconSearchBg64.png 2KB共 396 条
- 1
- 2
- 3
- 4
资源评论
