2 Star 2 Fork 0

众佰联信息部/zbl-webapp

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
contact - 副本.html 9.19 KB
一键复制 编辑 原始数据 按行查看 历史
内容可能含有违规信息 提交于 2019-03-26 15:31 . no commit message
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=1200, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>contact</title>
<link href="static/css/app.css" rel="stylesheet" />
<link href="static/css/general.css" rel="stylesheet" />
<link href="static/css/essentials.css" rel="stylesheet" />
<!-- 联系我们css -->
<link href="static/css/contact.css" rel="stylesheet" />
<link
href="lib/font-awesome-4.7.0/css/font-awesome.min.css"
rel="stylesheet"
/>
<link href="lib/layui-v2.4.5/layui/css/layui.css" rel="stylesheet" />
<script
src="lib/layui-v2.4.5/layui/layui.js"
type="text/javascript"
></script>
<script
type="text/javascript"
src="http://api.map.baidu.com/api?v=2.0&ak=EUm3EyXOvzVw6HEifnPsMj5q0Gp0UmFp"
></script>
<script src="static/js/gototop.js" type="text/javascript"></script>
<script>
/* 点击按钮,下拉菜单在 显示/隐藏 之间切换 */
function myFunction() {
document.getElementById('myDropdown').classList.toggle('show')
document.getElementById('drop').classList.remove('fa-caret-up')
document.getElementById('drop').classList.add('fa-caret-down')
}
// 点击下拉菜单意外区域隐藏
window.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {
document.getElementById('drop').classList.remove('fa-caret-down')
document.getElementById('drop').classList.add('fa-caret-up')
var dropdowns = document.getElementsByClassName('dropdown-content')
var i
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i]
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show')
}
}
}
}
</script>
</head>
<body>
<!-- top start -->
<div class="top-container">
<div class="layui-row">
<div class="layui-col-md5">
<div class="logo"> <img src="static/images/logotop.jpg"></div>
<div class="logo-description">让开店更简单!</div>
</div>
<div class="layui-col-md7">
<ul class="nav">
<li><a href="index.html" target="_parent">&nbsp; &nbsp; &nbsp;</a></li>
<li><a href="aboutus.html" target="_parent">关于我们</a></li>
<li><a href="newsList.html" target="_parent">公司新闻</a></li>
<li><a href="brand.html" target="_parent">品牌加盟</a></li>
<li><a href="service.html" target="_parent">产品服务</a></li>
<li><a class="index-nav-skip" href="contact.html" target="_parent">联系我们</a></li>
</ul>
</div>
</div>
</div>
<!-- top end -->
<!-- banner start -->
<div class="child-banner-container">
<img src="static/images/contactbanner.jpg" />
</div>
<div class="nav-bg">
<div class="child-nav-container">
<div class="child-nav">
主页 <span style="color: slategrey"> > </span> 联系我们
</div>
<div class="child-btn">
<div class="dropdown">
<button onclick="myFunction()" class="dropbtn">
更多菜单 <i class="fa fa-caret-up fa-lg " id="drop"></i>
</button>
<div id="myDropdown" class="dropdown-content">
<a href="product.html" target="_parent">WMS仓储管理系统</a>
<a href="#">OMS 订单管理系统</a>
<a href="#">物流</a>
<a href="#">展厅</a>
<a href="#">XXXX</a>
</div>
</div>
</div>
</div>
</div>
<!-- banner end -->
<div class="contact-container">
<div class="index-tilte">
联系我们
</div>
<div class="layui-row layui-col-space20">
<div class="layui-col-md3 contact-align">
<img src="static/images/user.jpg" />
<p>400热线:400 - 800 - 0000</p>
</div>
<div class="layui-col-md3 contact-align">
<img src="static/images/tel.jpg" />
<p>电话: 0573-80002222</p>
</div>
<div class="layui-col-md3 contact-align">
<img src="static/images/weibo.jpg" />
<p>微博:@众佰联</p>
</div>
<div class="layui-col-md3 contact-align">
<img src="static/images/weixin.jpg" />
<p>微信:众佰联</p>
</div>
</div>
<hr class="margin-top-40" />
<div class="layui-row layui-col-space20 margin-top-40">
<div class="layui-col-md6 contact-align">
<img src="static/images/jiaxinz.jpg" />
<p style="font-weight: bold">嘉兴总部</p>
<p>嘉兴市南湖区亚太路天通科技园</p>
</div>
<div class="layui-col-md6 contact-align">
<img src="static/images/jinghuaf.jpg" />
<p style="font-weight: bold">金华分部</p>
<p>金华市浦江</p>
</div>
</div>
<div id="contactMap" class="contact-map margin-top-40"></div>
<hr class="margin-top-40" />
</div>
<!-- footer -->
<div class="foot-bg margin-top-40">
<div class="bg-F32E3D foot-line" style="height: 15px;"></div>
<div class="footer-container ">
<div class="footer-content">
<div class="layui-row layui-col-space20">
<div class="layui-col-md3">
<div class="footer-title">快速上门</div>
<div class="layui-form-item margin-top-20">
<input type="text" name="title" placeholder="您的昵称" autocomplete="off" class="layui-input">
<i class="fa fa-user fa-lg " style="position:relative; top:-25px; right: -250px;"></i>
</div>
<div class="layui-form-item">
<input type="text" name="title" placeholder="联系方式" autocomplete="off" class="layui-input">
<i class="fa fa-mobile fa-lg " style="position:relative; top:-25px; right: -250px;"></i>
</div>
<a href="#" class="layui-btn company-btn-bg" style="width: 100%;">立即提交 <i class="fa fa-long-arrow-right "></i></a>
</div>
<div class="layui-col-md3">
<div class="footer-contact">
<div class="footer-title">联系我们</div>
<p><i class="fa fa-map-marker fa-lg"></i> 地址: 嘉兴南湖区亚太路 金华市浦江</p>
<p><i class="fa fa-phone fa-lg"></i> 400热线:400 - 800 - 0000</p>
<p><i class="fa fa-envelope-o fa-lg"> </i> 邮箱:123456@sina.com</p>
<p><i class="fa fa-weibo fa-lg"></i> 微博:@众佰联</p>
<p><i class="fa fa-wechat fa-lg"></i> 微信:众佰联</p>
</div>
</div>
<div class="layui-col-md3">
<div class="footer-title">快捷入口</div>
<div class="layui-row layui-col-space20">
<div class="layui-col-md6 footer-contact">
<p><a href="">产品服务</a></p>
<p><a href="">解决方案</a></p>
<p><a href="">公司新闻</a></p>
<p><a href="">关于公司</a></p>
<p><a href="">联系我们</a></p>
</div>
<div class="layui-col-md6 footer-contact">
<p><a href="">服务优势</a></p>
<p><a href="">服务范围</a></p>
</div>
</div>
</div>
<div class="layui-col-md3" style="text-align: right">
<img src="static/images/QRcode.jpg">
</div>
</div>
<hr class="margin-top-40">
<!-- logo-footer -->
<div class="layui-row">
<div class="layui-col-md2 ">
<img src="static/images/footerlogo.jpg">
</div>
<div class="layui-col-md10 footer-logo-content">
<p>© 2019 浙江众佰联供应链管理 - 版权所有</p>
<p>技术支持:浙江众佰联供应链管理有限公司 | 管理登陆 | 备案号 浙ICP备2255445221</p>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md12 footer-link ">
<p>友情链接:<a href="">官方微博</a> <a href="">WMS仓储系统</a></p>
</div>
</div>
<!-- logo-footer -->
</div>
</div>
<div class="foot-line" style="height: 40px; background-color: rgb(13, 20, 26)">
<div onclick="goToTop()" class="footer-go-to-top">
GO TO Top 回到顶部
</div>
</div>
</div>
<!-- footer -->
<script type="text/javascript">
// 百度地图API功能
var sContent = `<img src="static/images/jiaxinz.jpg" style='width:230px; height:140px;' />`
var map = new BMap.Map('contactMap')
var point = new BMap.Point(120.768023, 30.71641)
map.centerAndZoom(point, 15)
var infoWindow = new BMap.InfoWindow(sContent) // 创建信息窗口对象
map.openInfoWindow(infoWindow, point) //开启信息窗口
</script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML/CSS
1
https://gitee.com/bailian_information_department/zbl-webapp.git
git@gitee.com:bailian_information_department/zbl-webapp.git
bailian_information_department
zbl-webapp
zbl-webapp
master

搜索帮助

D67c1975 1850385 1daf7b77 1850385