加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
contactus.html 11.05 KB
一键复制 编辑 原始数据 按行查看 历史
陈先森 提交于 2022-04-09 22:24 . 更新
<!doctype html>
<html>
<head>
<title>联系我们_郑州品味坊食品工业有限公司</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<meta name="renderer" content="webkit" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta name="format-detection" content="telephone=no" />
<link rel="stylesheet" href="/resources/ui/ui.css" />
<link rel="stylesheet" href="/resources/ui/grid12.css" />
<link rel="stylesheet" href="/resources/web/css/style.css" />
<link rel="stylesheet" href="/resources/web/css/responsive.css" />
<!--[if lt IE 9]><script src="/resources/web/lib/H5shiv.js"></script><![endif]-->
<script src="/resources/modules/seajs/sea.js" id="seajsnode"></script>
<script src="/resources/web/seajs.config.js" id="seajsConfig"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=BQ6oG2UysBIEF9gGtYi01KQP"></script>
</head>
<body>
<div class="new-head">
<div class="newheaders">
<img class="logos" src="images/logos.png">
<img class="phones" src="images/phones.png">
</div>
<div class="new-navs">
<a href="index.html">首页</a>
<a href="product.html">产品介绍</a>
<a href="about.html">公司简介</a>
<a href="newslist.html">展会风采</a>
<a class="active" href="contactus.html">联系我们</a>
</div>
</div>
<!-- 页头 -->
<header class="pageHeader">
<div class="wrap fix">
<h1 class="logo"><a href="/" title="郑州品味坊食品工业有限公司"><img src="resources/web/img/logo.png"
alt="郑州品味坊食品工业有限公司"></a>
</h1>
<a href="#menu" class="mobile_key"><i class="ion">&#xe65f;</i></a>
<nav class="pageNav" id="menu">
<ul class="fix">
<!--头部导航开始-->
<li><a href="index.html">首页</a></li>
<li><a href="product.html">产品介绍</a></li>
<li><a href="about.html">公司简介</a></li>
<li><a href="newslist.html">展会风采</a></li>
<li class=cur><a href="contactus.html">联系我们</a></li>
<!--头部导航结束-->
</ul>
</nav>
</div>
</header>
<section class="channel_main">
<!--
<div class="channel_banner" style="background-image:url(/upload/images/2019/06/15/e2a4489c5ede44cda91c8057373fc58f.jpg);"></div>
-->
<div class="channel_banner" style="background-image:url(images/banner/abus.jpg);"></div>
<div class="channel_hd product_list" id="enterPro">
<div class="_title">
<div class="wrap fix">
<h2 class="_t">联系我们</h2>
<div class="_en">CONTACT US</div>
<div class="fruits">
<div class="ft ft01" data-scroll-reveal="enter bottom and move 100px over .5s"></div>
<div class="ft ft02" data-scroll-reveal="enter bottom and move 80px over .3s after .5s"></div>
</div>
<div class="UnpcPush fruits_mb">
<textarea>&lt;img src=&quot;/resources/web/img/mb_product_list_img01.png&quot;&gt;</textarea>
</div>
</div>
</div>
</div>
<div class="channel_bd product_list">
<div class="wrap fix">
<br> <br>
<div id="map" style="width: 100%;height: 500px;"></div>
<div class="contauscontt">
<h3>郑州品味坊食品工业有限公司</h3>
<p><i class="ion"></i>地址:河南省郑州市新郑市和庄镇炎黄大道与神州路交叉口向东200米路北</p>
<p><i class="ion"></i>联系电话:18838197391 / 13653840138 / 400-717-2006</p>
<p><i class="ion"></i>邮箱:821915943@qq.com</p>
</div>
</div>
</div>
<style>
.contauscontt {
border: 1px solid #eee;
background-color: #fcfcfc;
padding: 36px;
}
.contauscontt h3 {
font-size: 28px;
font-weight: normal;
color: #333;
padding-bottom: 20px;
}
.contauscontt p {
font-size: 16px;
color: #999;
}
</style>
</section>
<footer class="pageFooter">
<div class="foot01">
<div class="wrap fix">
<div class="pf siteMap">
<dl>
<dt>
品味坊传承
</dt>
<dd><a href="about.html" title="企业简介" target="_blank">企业简介</a></dd>
</dl>
<dl>
<dt>
品味坊家族
</dt>
<dd><a href="productlist.html?id=1" title="果酱系列" target="_blank">果酱系列</a></dd>
<dd><a href="productlist.html?id=2" title="糖浆系列" target="_blank">糖浆系列</a></dd>
<dd><a href="productlist.html?id=3" title="果汁系列" target="_blank">果汁系列</a></dd>
<dd><a href="productlist.html?id=4" title="茶饮料系列" target="_blank">茶饮料系列</a></dd>
<dd><a href="productlist.html?id=5" title="果肉果汁系列" target="_blank">果肉果汁系列</a></dd>
<dd><a href="productlist.html?id=6" title="冰淇淋系列" target="_blank">冰淇淋系列</a></dd>
<dd><a href="productlist.html?id=7" title="奶茶粉系列" target="_blank">奶茶粉系列</a></dd>
</dl>
<dl>
<dt>
品味坊动态
</dt>
<dd><a href="newslist.html" title="展会风采" target="_blank">展会风采</a></dd>
</dl>
</div>
<div class="pf contact">
<dl>
<dt>
联系我们
</dt>
<dd>
<div class="ct">
<strong class="_t"><i class="ion"></i>地址:</strong> 河南省郑州市新郑市和庄镇
<br />炎黄大道与神州路交叉口向东200米路北
</div>
<div class="ct">
<strong class="_t"><i class="ion"></i>电话:</strong>
<a class="atel" href="tel:18838197391">18838197391</a>/
<a class="atel" href="tel:13653840138">13653840138</a>
<br />
<a class="atel" href="tel:400-717-2006">400-717-2006</a>
</div>
<div class="ct">
<strong class="_t"><i class="ion"></i>邮箱:</strong>
821915943@qq.com
</div>
</dd>
</dl>
</div>
<!-- <div class="ewm">
<span class="img"><img src="images/f_ewm.png" alt="" /></span>
<span class="tip"><img src="images/ewm_share.png" alt="关注品味坊,官方微信平台" /></span>
</div> -->
</div>
</div>
<div class="foot02">
<div class="wrap fix">
<div class="jinhui">
<a href="#"><img src="images/jh.png" /></a>
</div>
<div class="copyRight">
&copy;
<script fixed="true" type="text/javascript">document.write((new Date()).getFullYear());</script>
<a href="index.html">郑州品味坊食品工业有限公司</a> 版权所有
<a href="http://beian.miit.gov.cn/" target="_blank">备00000000号-1</a>
</div>
</div>
</div>
</footer>
<script type="text/javascript">
//创建和初始化地图函数:
function initMap() {
createMap();//创建地图
setMapEvent();//设置地图事件
addMapControl();//向地图添加控件
addMapOverlay();//向地图添加覆盖物
}
function createMap() {
map = new BMap.Map("map");
map.centerAndZoom(new BMap.Point(113.803341, 34.381448), 18);
}
function setMapEvent() {
map.enableScrollWheelZoom();
map.enableKeyboard();
map.enableDragging();
map.enableDoubleClickZoom()
}
function addClickHandler(target, window) {
target.addEventListener("click", function () {
target.openInfoWindow(window);
});
}
function addMapOverlay() {
var markers = [
{ content: "联系电话:400-717-2006", title: "郑州品味坊食品工业有限公司", imageOffset: { width: -46, height: -21 }, position: { lat: 34.3815, lng: 113.803179 } }
];
for (var index = 0; index < markers.length; index++) {
var point = new BMap.Point(markers[index].position.lng, markers[index].position.lat);
var marker = new BMap.Marker(point, {
icon: new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png", new BMap.Size(20, 25), {
imageOffset: new BMap.Size(markers[index].imageOffset.width, markers[index].imageOffset.height)
})
});
var label = new BMap.Label(markers[index].title, { offset: new BMap.Size(25, 5) });
var opts = {
width: 200,
title: markers[index].title,
enableMessage: false
};
var infoWindow = new BMap.InfoWindow(markers[index].content, opts);
marker.setLabel(label);
addClickHandler(marker, infoWindow);
map.addOverlay(marker);
};
}
//向地图添加控件
function addMapControl() {
var scaleControl = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT });
scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
map.addControl(scaleControl);
var navControl = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE });
map.addControl(navControl);
}
var map;
initMap();
</script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化