Files
CompanyProject/衣莎项目/源码/衣莎官网源码/contactus.html
2024-09-27 01:32:49 +08:00

219 lines
9.9 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>