2 Star 2 Fork 0

众佰联信息部/zbl-webapp

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
brand - 副本.html 13.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>Brand</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/brand.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 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 class="index-nav-skip" href="brand.html" target="_parent">品牌加盟</a></li>
<li><a href="service.html" target="_parent">产品服务</a></li>
<li><a 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="brand-container">
<div class="index-tilte">
品牌加盟
</div>
<div class="aui-nav-list-box">
<ul>
<li class="aui-current"><a href="#">投资条件</a></li>
<li><a href="#">投资政策</a></li>
<li><a href="#">投资流程</a></li>
<li><a href="#">货品保金制</a></li>
<li><a href="#">投资服务政策</a></li>
</ul>
</div>
<div class="aui-nav-list-tab margin-top-40">
<div class="aui-nav-list-item" style="display:block">
<div class="layui-row layui-col-space20">
<div class="layui-col-md6">
<div class="touzitiaojian-list">
<img src="static/images/btubiao1.png" />
<div class="content">
<h2>人口数量</h2>
<p>人口30万城市</p>
</div>
</div>
</div>
<div class="layui-col-md6 ">
<div class="touzitiaojian-list">
<img src="static/images/btubiao1.png" />
<div class="content">
<h2>年龄层次</h2>
<p>
年龄20周岁以上的中国公民,高中以上的文化程<br />度,诚实、敬业。
</p>
</div>
</div>
</div>
</div>
<div class="layui-row layui-col-space20 margin-top-10">
<div class="layui-col-md6">
<div class="touzitiaojian-list">
<img src="static/images/btubiao1.png" />
<div class="content">
<h2>经典地点</h2>
<p>
经营地点选择:商场,SHOPPING MALL、商业<br />
街、行人专用区、地铁邻近范围、中学附近等人流<br />
量相对集中地段。
</p>
</div>
</div>
</div>
<div class="layui-col-md6">
<div class="touzitiaojian-list">
<img src="static/images/btubiao1.png" />
<div class="content">
<h2>店铺选择</h2>
<p>
经营最佳实用面积为200m以上。门宽8米以上,年<br />
营业额预算为700-3000万之间。
</p>
</div>
</div>
</div>
</div>
</div>
<div class="aui-nav-list-item">投资政策</div>
<div class="aui-nav-list-item">投资流程</div>
<div class="aui-nav-list-item">货品保金制</div>
<div class="aui-nav-list-item">投资服务政策</div>
</div>
</div>
<div class="aboutus-news-container margin-top-40">
<div class="layui-row layui-col-space20">
<div class="layui-col-md6">
<div class="layui-card" style="height: 233px;">
<div class="type-title">我们的服务</div>
<ul class="layui-card-body">
<p>我们可以为您提供优质的服务态度,服务流程,服务优势。</p>
<p>
We can provide you with excellent service attitude, service
process and service advantages.
</p>
<div class="margin-top-20 more industry-click">
<a href="">点击前往 <i class="fa fa-long-arrow-right "></i></a>
</div>
</ul>
</div>
</div>
<div class="layui-col-md6">
<div class="layui-card">
<div class="type-title">合作伙伴</div>
<ul class="layui-card-body">
<p>
我们为您精心挑选的经典案例,去感受我们专业、优质的服务态度,针对
每一个客户提供不同规模和不同阶段的企业WMS信息化解决方案。We
</p>
<p>
carefully selected for you classic case, to feel our
professional, quality service attitude, for each customer to
provide a different scale and different stages of enterprise WMS
information solutions.
</p>
<div class="margin-top-20 more industry-click">
<a href="">点击前往 <i class="fa fa-long-arrow-right "></i></a>
</div>
</ul>
</div>
</div>
</div>
</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" src="lib/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
//tab切换
$(function() {
$('.aui-nav-list-box ul li').click(function() {
$(this)
.addClass('aui-current')
.siblings()
.removeClass('aui-current')
$('.aui-nav-list-tab>div:eq(' + $(this).index() + ')')
.show()
.siblings()
.hide()
})
})
// //导航浮动
// $(function() {
// var _line = parseInt($(window).height() / 3)
// $(window).scroll(function() {
// if ($(window).scrollTop() > 60) {
// $('.aui-nav-list-box').css({ position: 'fixed', top: 0 })
// } else {
// $('.aui-nav-list-box').css({ position: '', top: '' })
// }
// })
// })
</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

搜索帮助