<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>首页</title>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="address=no">
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
<link rel="stylesheet" href="css/reset.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/iscroll.js"></script>
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
<script src="js/hmt.js" type="text/javascript"></script>
<script type="text/javascript" src="js/index.js"></script>
<script src="js/swiper.min.js" type="text/javascript" ></script>
</head>
<body>
<header class="hasManyCity" id="header">
<div id="" class="cityBtn">宿州</div>
<div id="locaitonBtn" class="link-url locaitonBtn"></div>
<div id="" class="searchBox">
<a href="search.html">
<i class="icon-search"></i>
<span>请输入您想找的内容</span>
</a>
</div>
<div id="" class="qrcodeBtn"></div>
</header>
<div id="container">
<div id="main">
<div id="scroller">
<section class="banner">
<div class="swiper-container swiper-container1">
<div class="swiper-wrapper bannerwidth">
<div class="swiper-slide">
<a href="#">
<img src="img/banner/appbanner-1.jpg">
</a>
</div>
<div class="swiper-slide swiper-slide-duplicate">
<a href="#">
<img src="img/banner/appbanner-2.jpg">
</a>
</div>
<div class="swiper-slide">
<a href="#">
<img src="img/banner/appbanner-3.jpg">
</a>
</div>
</div>
<div class="swiper-pagination swiper-pagination1">
</div>
</div>
</section>
<section class="slider">
<div class="swiper-container swiper-container2">
<div class="swiper-wrapper tuangouwidth">
<div class="swiper-slide swiper-slide-duplicate">
<ul class="icon-list">
<li class="icon">
<a href="tuan.html">
<span class="icon-circle">
<img src="img/a1.png">
</span>
<span class="icon-desc">团购</span>
</a>
</li>
<li class="icon">
<a href="delivery.html">
<span class="icon-circle">
<img src="img/a2.png">
</span>
<span class="icon-desc">外卖</span>
</a>
</li>
<li class="icon">
<a href="rush.html">
<span class="icon-circle">
<img src="img/a3.png">
</span>
<span class="icon-desc">限时抢购</span>
</a>
</li>
<li class="icon">
<a href="yule.html">
<span class="icon-circle">
<img src="img/a5.png">
</span>
<span class="icon-desc">娱乐</span>
</a>
</li>
<li class="icon">
<a href="hotel.html">
<span class="icon-circle">
<img src="img/a6.png">
</span>
<span class="icon-desc">酒店</span>
</a>
</li>
<li class="icon">
<a href="tourism.html">
<span class="icon-circle">
<img src="img/a7.png">
</span>
<span class="icon-desc">旅游</span>
</a>
</li>
<li class="icon">
<a href="piaowu.html">
<span class="icon-circle">
<img src="img/a8.png">
</span>
<span class="icon-desc">票务</span>
</a>
</li>
<li class="icon">
<a href="self.html">
<span class="icon-circle">
<img src="img/b1.png">
</span>
<span class="icon-desc">生活服务</span>
</a>
</li>
</ul>
</div>
<div class="swiper-slide swiper-slide-duplicate">
<ul class="icon-list">
<li class="icon">
<a href="mall.html">
<span class="icon-circle">
<img src="img/b2.png">
</span>
<span class="icon-desc">百货商城</span>
</a>
</li>
<li class="icon">
<a href="jifen-mall.html">
<span class="icon-circle">
<img src="img/b3.png">
</span>
<span class="icon-desc">积分商城</span>
</a>
</li>
<li class="icon">
<a href="farm.html">
<span class="icon-circle">
<img src="img/b4.png">
</span>
<span class="icon-desc">农家乐</span>
</a>
</li>
<li class="icon">
<a href="renting.html">
<span class="icon-circle">
<img src="img/b5.png">
</span>
<span class="icon-desc">租车</span>
</a>
</li>
<li class="icon">
<a href="hand.html">
<span class="icon-circle">
<img src="img/b6.png">
</span>
<span class="icon-desc">二手房</span>
</a>
</li>
<li class="icon">
<a href="category.html">
<span class="icon-circle">
<img src="img/b8.png">
</span>
<span class="icon-desc">分类信息</span>
</a>
</li>
</ul>
</div>
</div>
<div class="swiper-pagination swiper-pagination2">
</div>
</div>
</section>
</div>
<div id="index" class="page-center-box">
<div>
<!--首页限时抢购开始-->
<div class="sy_title"><span class="left">限时抢购</span>
<div class="sy_limit_buy_time left">
<em class="ico"></em>
距离结束
<span class="time" remaintime="1442800030">
<span>00</span>天
<span>00</span>时
<span>00</span>分
<span>00</span>秒
</span>
</div>
</div>
<div class="sy_limit_buy mb10">
<div class="locatLabel_switch swiper-container5 swiper-container-horizontal swiper-container-free-mode swiper-container-android">
<div class="swiper-wrapper">
<div class="box swiper-slide">
<a href="#">
<img src="img/images/qianggou/a1.jpg" width="" height="">
<p class="txt_center overflow_clear">测试</p>
<p class="txt_center fontcl1">¥50<small class="ml10"><del class="black9">￥60</del></small></p>
</a>
</div>
<div class="box swiper-slide">
<a href="#">
<img src="img/images/qianggou/a2.jpg" width="" height="">
<p class="txt_center overflow_clear">测试</p>
<p class="txt_center fontcl1">¥50<small class="ml10"><del class="black9">￥60</del></small></p>
</a>
</div>
<div class="box swiper-slide">
<a href="#">
<img src="img/images/qianggou/a3.jpg" width="" height="">
<p class="txt_center overflow_clear">测试</p>
<p class="txt_center fontcl1">¥50<small class="ml10"><del class="black9">￥60</del></small></p>
</a>
</div>
<div class="box swiper-slide">
<a href="#">
Html 5 App 界面模板（HTML5模板）
5星 · 超过95%的资源 需积分: 50 99 浏览量
2017-12-26
14:48:12
上传
评论 2
收藏 7.16MB RAR 举报 
Html 5 App 界面模板（HTML5模板） （480个子文件） 
bootstrap.css 143KB common.css 116KB shake.css 87KB mui.min.css 84KB animate.min.css 55KB main.css 39KB font-awesome.min.css 22KB home.css 20KB idangerous.swiper.css 15KB mobiscroll.animation.css 12KB index.css 7KB shop-detail.css 6KB reset.css 6KB layer.css 5KB index.css 5KB mui.picker.min.css 5KB mobiscroll.scroller.css 4KB mobiscroll.widget.css 3KB touchTouch.css 2KB style.css 2KB mobiscroll.scroller.ios.css 2KB tabSlideBox.css 2KB cityPicker.css 2KB mobiscroll.widget.ios.css 1KB application.css 163B fontawesome-webfont.eot 37KB iconfont.eot 32KB glyphicons-halflings-regular.eot 20KB
loading.gif 22KB preloader.gif 6KB
index.html 21KB my_publish.html 19KB group.html 17KB self.html 17KB community_sqh.html 16KB mall.html 16KB tourism.html 15KB farm.html 14KB business.html 14KB yule.html 14KB tuan.html 14KB hotel.html 14KB delivery.html 13KB renting.html 13KB community_activity.html 13KB hand.html 12KB rush.html 12KB index.html 12KB apply1.html 11KB carpooling.html 11KB remen.html 11KB Information_index.html 11KB self-detail.html 11KB index.html 11KB second.html 10KB message.html 9KB hotel-detail2.html 9KB tuan-detail.html 9KB shopcar.html 9KB Interest.html 8KB Service_Centre.html 8KB carpooling_edit.html 8KB second_xq.html 8KB Property.html 8KB delivery-list.html 8KB center.html 7KB community.html 7KB index.html 7KB group_xq.html 7KB community_xq.html 7KB collection.html 7KB My_equipment.html 7KB farm-detail.html 7KB community_xq2.html 7KB automation_add2.html 6KB carpooling_xq.html 6KB jifen-mall.html 6KB order.html 6KB search1.html 6KB search.html 6KB post_xq.html 6KB Information_xq.html 6KB My_scene.html 6KB message2.html 6KB jifen-detail.html 6KB smart_index.html 6KB fabu.html 6KB tourism-detail.html 6KB Convenience_services.html 6KB personal.html 6KB mall-detail.html 6KB shops-detail.html 6KB Interest_xq.html 6KB footprint.html 5KB group_sign.html 5KB tourism-torder.html 5KB convenience.html 5KB coupon.html 5KB My_smart.html 5KB dlplun.html 4KB共 480 条
- 1
- 2
- 3
- 4
- 5
资源评论
行走的瓶子Yolo2023-07-29这个界面模板的代码清晰易懂，方便二次开发。
会飞的黄油2023-07-29这个模板设计简洁明快，非常适合构建响应式网页。
黄涵奕2023-07-29这个HTML5模板有一些改进的空间，但整体上还是很好用的。
WaiyuetFung2023-07-29这个HTML5模板提供了一些基础样式和布局，给了我很大的启发。
十二.122023-07-29这个Html 5 App界面模板非常实用，适合新手上手使用。
w595706397
- 粉丝: 1
- 资源: 7
