first commit
This commit is contained in:
编码猿
396
衣莎项目/源码/衣莎官网源码/index.html
Normal file
396
衣莎项目/源码/衣莎官网源码/index.html
Normal file
@@ -0,0 +1,396 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>伊莎洗衣</title>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0/css/swiper.min.css">
|
||||
<link rel="stylesheet" href="./css/page/index.css">
|
||||
<link rel="stylesheet" href="./css/pubilc/video-js.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 头部start -->
|
||||
<header>
|
||||
<div class="header flex-con1">
|
||||
<div class="logo flex-con2">
|
||||
<img src="./img/logo1.png" alt="" srcset="">
|
||||
<img src="./img/logo2.png" alt="" srcset="">
|
||||
</div>
|
||||
<div class="menu">
|
||||
<ul>
|
||||
<li class="nav-item liactive">
|
||||
<a class="a" href="./index.html">首页</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="a" href="./aboutIsa.html">关于伊莎</a>
|
||||
<section class="nav-item nav-menu">
|
||||
<section><a href="./aboutIsa.html?id=0">品牌理念</a></section>
|
||||
<section><a href="./aboutIsa.html?id=1">发展历程</a></section>
|
||||
<section><a href="./aboutIsa.html?id=2">企业生态</a></section>
|
||||
<section><a href="./aboutIsa.html?id=3">荣誉客户</a></section>
|
||||
</section>
|
||||
</li>
|
||||
<li>
|
||||
<a class="a" href="./products.html">产品与服务</a>
|
||||
<section class="nav-item nav-menu">
|
||||
<section><a href="./products.html?id=0">服务范围</a></section>
|
||||
<section><a href="./products.html?id=1">品质管控</a></section>
|
||||
<section><a href="./products.html?id=2">团体洗衣</a></section>
|
||||
<section><a href="./products.html?id=3">我要洗衣</a></section>
|
||||
</section>
|
||||
</li>
|
||||
<li>
|
||||
<a class="a" href="./distribution.html">门店分布</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="a" href="./Join.html">招商加盟</a>
|
||||
<section class="nav-item nav-menu">
|
||||
<section><a href="./Join.html?id=0">加盟优势</a></section>
|
||||
<section><a href="./Join.html?id=1">加盟流程</a></section>
|
||||
<section><a href="./Join.html?id=2">我要加盟</a></section>
|
||||
</section>
|
||||
</li>
|
||||
<li>
|
||||
<a class="a" href="./news.html">媒体中心</a>
|
||||
<section class="nav-item nav-menu">
|
||||
<section><a href="./news.html?id=0">公司动态</a></section>
|
||||
<section><a href="./news.html?id=1">通知公告</a></section>
|
||||
<section><a href="./news.html?id=2">行业资讯</a></section>
|
||||
</section>
|
||||
</li>
|
||||
<li>
|
||||
<a class="a" href="./joinIsa.html">加入伊莎</a>
|
||||
<section class="nav-item nav-menu">
|
||||
<section><a href="./joinIsa.html?id=0">关于我们</a></section>
|
||||
<section><a href="./joinIsa.html?id=1">团队风采</a></section>
|
||||
<section><a href="./joinIsa.html?id=2">加入我们</a></section>
|
||||
</section>
|
||||
</li>
|
||||
<li>
|
||||
<a class="a" href="./contactus.html">联系我们</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wheel">
|
||||
<div class="swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="./img/banner1.png" class="img" alt="" srcset="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./img/banner1.png" class="img" alt="" srcset="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="./img/banner1.png" class="img" alt="" srcset="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- 头部end -->
|
||||
<!-- 主体内容start -->
|
||||
<div class="mian">
|
||||
<div class="row b7">
|
||||
<div class="introduce">
|
||||
<div class="intl flex-con2 wow fadeInUp">
|
||||
<!-- <img src="./img/mdt.png" alt="" srcset=""> -->
|
||||
<video id="my-video" class="video-js" controls preload="auto" width="640" height="403"
|
||||
data-setup="{}">
|
||||
<source src="./video/0300200100561DC1C1FB5B28D342A6E3821DFE-7BD7-264D-DABE-A4532876567C.mp4"
|
||||
type="video/mp4">
|
||||
<p class="vjs-no-js">
|
||||
To view this video please enable JavaScript, and consider upgrading to a web browser that
|
||||
<a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
|
||||
</p>
|
||||
</video>
|
||||
<script src="./js/videojs-ie8.min.js"></script>
|
||||
<script src="http://vjs.zencdn.net/5.18.4/video.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
var myPlayer = videojs('my-video');
|
||||
videojs("my-video").ready(function () {
|
||||
var myPlayer = this;
|
||||
myPlayer.play();
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div class="intr wow fadeInUp">
|
||||
<div class="intr-cen">
|
||||
<h2>伊莎洗衣，安徽洗衣领先品牌</h2>
|
||||
<div class="line"></div>
|
||||
<div class="int-p">
|
||||
<p>深耕合肥<span>十八</span>载</p>
|
||||
<p>拥有<span>30多</span>家连锁门店、大型智能洗衣工厂、线上洗护平台</p>
|
||||
<p>服务超<span>10万多</span>合肥高品质家庭用户和<span>60多</span>家团体企事业单位</p>
|
||||
</div>
|
||||
<img src="./img/axbz.png" alt="" srcset="">
|
||||
<a href="">
|
||||
<div class="sub">了解详情 ></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row while">
|
||||
<div class="products rowp">
|
||||
<div class="title wow fadeInUp">
|
||||
<h4>产品与服务</h4>
|
||||
<p>Products and Services</p>
|
||||
</div>
|
||||
<div class="pro-cen">
|
||||
<ul class="proul">
|
||||
<li class="wow fadeInUp" data-wow-delay=".1s">
|
||||
<img src="./img/asdada1.png" class="img" alt="" srcset="">
|
||||
<div class="pro-title flex-con3">
|
||||
<div>
|
||||
<p>衣物清洗</p>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="proli-cen flex-con3">
|
||||
<div class="proli-p">
|
||||
各类衣物干洗、水洗智能洗护，浅色衣物不加价
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".2s">
|
||||
<img src="./img/asdasdasda.png" class="img" alt="" srcset="">
|
||||
<div class="pro-title flex-con3">
|
||||
<div>
|
||||
<p>鞋子清洗</p>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="proli-cen flex-con3">
|
||||
<div class="proli-p">
|
||||
全面清洁，舒展鞋面皱纹，消毒杀菌，保证鞋子的干净卫生
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".3s">
|
||||
<img src="./img/qhrw.png" class="img" alt="" srcset="">
|
||||
<div class="pro-title flex-con3">
|
||||
<div>
|
||||
<p>奢侈品洗护</p>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="proli-cen flex-con3">
|
||||
<div class="proli-p">
|
||||
为您提供香奈儿、普拉达、古奇等数百个国际品牌的皮衣皮鞋包包的深度洗护
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".4s">
|
||||
<img src="./img/wqeqtqw.png" class="img" alt="" srcset="">
|
||||
<div class="pro-title flex-con3">
|
||||
<div>
|
||||
<p>地毯</p>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="proli-cen flex-con3">
|
||||
<div class="proli-p">
|
||||
正确地养护地毯,有助于长期保持地毯原有的绒面外观,延长地毯 使用寿命
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".5s">
|
||||
<img src="./img/qgqwfdqw.png" class="img" alt="" srcset="">
|
||||
<div class="pro-title flex-con3">
|
||||
<div>
|
||||
<p>床品</p>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="proli-cen flex-con3">
|
||||
<div class="proli-p">
|
||||
专业进口洗涤设备，彻底清洁床品卫生，高温消毒除螨，给您家人健康生活
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-delay=".6s">
|
||||
<img src="./img/qwdqwfqwgqg.png" class="img" alt="" srcset="">
|
||||
<div class="pro-title flex-con3">
|
||||
<div>
|
||||
<p>窗帘</p>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="proli-cen flex-con3">
|
||||
<div class="proli-p">
|
||||
伊莎窗帘清洗，服务更好,价格更优!省时省心,为您提供高品质服务
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row b7">
|
||||
<div class="group rowp">
|
||||
<div class="title wow fadeInUp">
|
||||
<h4>团体洗衣</h4>
|
||||
<p>Group Laundry</p>
|
||||
</div>
|
||||
<div class="group-cen">
|
||||
<div class="group-l flex-con1">
|
||||
<img src="./img/qwfdqw.png" class="wow fadeInUp" data-wow-delay=".1s" alt="" srcset="">
|
||||
<img src="./img/qwttrkjrth.png" class="wow fadeInUp" data-wow-delay=".2s" alt="" srcset="">
|
||||
</div>
|
||||
<div class="group-r wow fadeInUp" data-wow-delay=".3s">
|
||||
<div class="group-p">
|
||||
<p>提供单位、团体工作服清洗等清洗服务</p>
|
||||
<p>提供上门服务</p>
|
||||
<p>洗衣更方便，服务质量有保障！</p>
|
||||
</div>
|
||||
<div class="group-p">
|
||||
<p>如有团体洗衣需求请联系</p>
|
||||
<h4>400-0551-071</h4>
|
||||
</div>
|
||||
<div class="group-p">
|
||||
<span>我们服务过的团体客户有：</span>
|
||||
<span class="clamp1">安徽省政府办公厅、安徽移动、中国光大银行、招商银行、可口可乐……</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row while">
|
||||
<div class="process rowp">
|
||||
<div class="title wow fadeInUp">
|
||||
<h4>一键下单，随时随地预约上门</h4>
|
||||
</div>
|
||||
<div class="pro-cen">
|
||||
<div class="pro-l flex-con3 wow fadeInUp" data-wow-delay=".1s">
|
||||
<img src="./img/asdasd.png" alt="" srcset="">
|
||||
</div>
|
||||
<div class="pro-r wow fadeInUp" data-wow-delay=".2s">
|
||||
<ul class="pro-ul">
|
||||
<li class="flex-con2">
|
||||
<div>
|
||||
<div class="pro-img">
|
||||
<img src="./img/icon/asdasfa.png" alt="" srcset="">
|
||||
</div>
|
||||
<p>在线预约</p>
|
||||
<span class="clamp1">在线预约在线预约在线预约在线预约</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="flex-con2">
|
||||
<div>
|
||||
<div class="pro-img">
|
||||
<img src="./img/icon/asdasdas.png" alt="" srcset="">
|
||||
</div>
|
||||
<p>上门取送</p>
|
||||
<span class="clamp1">专业宅配人员上门取送</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="flex-con2">
|
||||
<div>
|
||||
<div class="pro-img">
|
||||
<img src="./img/icon/qqwhkjtyjr.png" alt="" srcset="">
|
||||
</div>
|
||||
<p>订单追踪</p>
|
||||
<span class="clamp1">衣物动态随时了解，让您洗的安心放心</span>
|
||||
</div>
|
||||
</li>
|
||||
<li class="flex-con2">
|
||||
<div>
|
||||
<div class="pro-img">
|
||||
<img src="./img/icon/asdasdasd.png" alt="" srcset="">
|
||||
</div>
|
||||
<p>在线客服</p>
|
||||
<span class="clamp1">7x10小时在线客服，有问题一个电话就搞定</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row b7">
|
||||
<div class="conus rowp">
|
||||
<div class="title wow fadeInUp">
|
||||
<h4>联系我们</h4>
|
||||
</div>
|
||||
<div class="conus-cen">
|
||||
<div class="wxh flex-con2 wow fadeInUp" data-wow-delay=".2s">
|
||||
<div>
|
||||
<img src="./img/asdasdafa.png" alt="" srcset="">
|
||||
<p>扫一扫加官网微信</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="us wow fadeInUp" data-wow-delay=".3s">
|
||||
<div class="us-p">
|
||||
<p>服务热线:</p>
|
||||
<span>400-0551-071</span>
|
||||
</div>
|
||||
<div class="us-p">
|
||||
<p>在线时间：</p>
|
||||
<p>周一至周六8:30-17:30</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 主体内容end -->
|
||||
<!-- 尾部 -->
|
||||
<footer>
|
||||
<div class="footer">
|
||||
<div class="dizi">
|
||||
<p class="clamp1">公司地址：合肥市黄山路436号盛景国际大厦五层</p>
|
||||
<p class="clamp1">© 2018 Copyright By Cirda Foundation 合肥伊尔萨洗衣服务有限公司 版权所有 皖ICP备09029122号-2</p>
|
||||
</div>
|
||||
<div class="logof">
|
||||
<img src="./img/logo3.png" alt="" srcset="">
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- 尾部end -->
|
||||
<script src="https://code.jquery.com/jquery-1.12.4.min.js"
|
||||
integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0/js/swiper.min.js"></script>
|
||||
<script src="./js/wow.js"></script>
|
||||
<script>
|
||||
if (!(/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent))) { //移动端
|
||||
// 页面滚动时动画显示模块
|
||||
$(document).ready(function () {
|
||||
var wow = new WOW(
|
||||
{
|
||||
boxClass: 'wow', // animated element css class (default is wow)
|
||||
animateClass: 'animated', // animation css class (default is animated)
|
||||
offset: 0, // distance to the element when triggering the animation (default is 0)
|
||||
mobile: true, // trigger animations on mobile devices (default is true)
|
||||
live: true, // act on asynchronously loaded content (default is true)
|
||||
callback: function (box) {
|
||||
// the callback is fired every time an animation is started
|
||||
// the argument that is passed in is the DOM node being animated
|
||||
},
|
||||
crollContainer: null // optional scroll container selector, otherwise use window
|
||||
}
|
||||
);
|
||||
wow.init();
|
||||
});
|
||||
}
|
||||
var mySwiper = new Swiper('.swiper-container', {
|
||||
autoplay: true,//可选选项，自动滑动
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
})
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user