first commit
This commit is contained in:
219
衣莎项目/源码/衣莎官网源码/contactus.html
Normal file
219
衣莎项目/源码/衣莎官网源码/contactus.html
Normal file
@@ -0,0 +1,219 @@
|
||||
<!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="./css/page/contactus.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>
|
||||
<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 class="nav-item liactive">
|
||||
<a class="a" href="./contactus.html">联系我们</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wheel comm-topact">
|
||||
<img src="./img/lxwm.jpg" class="topact-big-img" alt="" srcset="">
|
||||
</div>
|
||||
</header>
|
||||
<!-- 头部end -->
|
||||
|
||||
<!-- 内容 -->
|
||||
<div class="main">
|
||||
<div class="contactus">
|
||||
<div class="contactus-l">
|
||||
<h3 class="wow fadeInUp">伊莎洗衣</h3>
|
||||
<div class="contactus-text wow fadeInUp">
|
||||
<p>公 司:合肥伊尔萨洗衣服务有限公司</p>
|
||||
<p>邮 编:231200</p>
|
||||
<p>公司地址:合肥市黄山路436号盛景国际大厦五层</p>
|
||||
<p>工厂地址:合肥市蜀山区经开区天都路与丹霞路交口34号农校产业对接园内</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contactus-r wow fadeInUp">
|
||||
<ul class="contactusul flex-con1">
|
||||
<li>
|
||||
<div class="contli-img">
|
||||
<img src="./img/asdasdafa.png" alt="" srcset="">
|
||||
</div>
|
||||
<p>微信公众号</p>
|
||||
</li>
|
||||
<li>
|
||||
<div class="contli-img">
|
||||
<img src="./img/asdasd.png" alt="" srcset="">
|
||||
</div>
|
||||
<p>伊莎洗衣小程序</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="map wow fadeInUp">
|
||||
<div id="allmap"></div>
|
||||
</div>
|
||||
<div class="row while">
|
||||
<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 -->
|
||||
<!-- 尾部end -->
|
||||
<script src="https://code.jquery.com/jquery-1.12.4.min.js"
|
||||
integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
|
||||
<script type="text/javascript"
|
||||
src="http://api.map.baidu.com/api?v=3.0&ak=kELyXum7vuSMm2QT7KX98VFC6O4GVhDi"></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();
|
||||
});
|
||||
}
|
||||
|
||||
// 调用百度地图api
|
||||
map = new BMap.Map("allmap");
|
||||
map.enableScrollWheelZoom();
|
||||
map.centerAndZoom(new BMap.Point(117.28269909, 31.86694226), 10);
|
||||
var data_info = [[117.28269909, 31.86694226, "地址:合肥市黄山路436号盛景国际大厦五层"],
|
||||
[117.246966, 31.770767, "地址:合肥市蜀山区经开区天都路与丹霞路交口34号农校产业对接园内"]
|
||||
];
|
||||
var opts = {
|
||||
width: 250, // 信息窗口宽度
|
||||
height: 80, // 信息窗口高度
|
||||
title: "", // 信息窗口标题
|
||||
enableMessage: true//设置允许信息窗发送短息
|
||||
};
|
||||
for (var i = 0; i < data_info.length; i++) {
|
||||
var marker = new BMap.Marker(new BMap.Point(data_info[i][0], data_info[i][1])); // 创建标注
|
||||
var content = data_info[i][2];
|
||||
map.addOverlay(marker); // 将标注添加到地图中
|
||||
addClickHandler(content, marker);
|
||||
}
|
||||
function addClickHandler(content, marker) {
|
||||
marker.addEventListener("click", function (e) {
|
||||
openInfo(content, e)
|
||||
}
|
||||
);
|
||||
}
|
||||
function openInfo(content, e) {
|
||||
var p = e.target;
|
||||
var point = new BMap.Point(p.getPosition().lng, p.getPosition().lat);
|
||||
var infoWindow = new BMap.InfoWindow(content, opts); // 创建信息窗口对象
|
||||
map.openInfoWindow(infoWindow, point); //开启信息窗口
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user