master

分支 (1)

管理

管理

master

officialWeb
/
contactus.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<title>小猪先生</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<link rel="stylesheet" type="text/css" href="css/contactus.css" />
	</head>
	<body>
		<div class="page">
			<!-- 首页顶部 -->
			<div class="header">
				<nav class="navbar navbar-expand-lg navbar-light bg-light">
					<a class="navbar-brand" href="#">
						<img src="img/logo.png">
					</a>
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
					 aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					</button>
					<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
						<div class="navbar-nav">
							<a class="nav-item nav-link" href="index.html">网站首页</a>
							<a class="nav-item nav-link" href="cases.html">客户案例</a>
							<a class="nav-item nav-link" href="joinus.html">服务商加盟</a>
							<a class="nav-item nav-link" href="aboutus.html">关于我们</a>
							<a class="nav-item nav-link active" href="#">联系方式 <span class="sr-only">(current)</span></a>
						</div>
					</div>
				</nav>
			</div>

			<!-- banner -->
			<div class="banner">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<img src="img/contactus/联系我们_02.png">
						</div>
					</div>
					<div class="swiper-pagination"></div>
				</div>
			</div>

			<!-- 公司简介 -->
			<div class="ct_contion">
				<div class="ct_box">
					<div class="d-flex flex-row justify-content-center">
						<div class="ct_item cl_333 ft_16 pl_20 bg_ededed">
							<div class="pt_32">
								<p class="ft_20 mb_20">CONTACT ADDRESS</p>
								<p class="ft_30 mb_20">公司产品</p>
								<p class="fw_800 mb_10">小猪先生(北京)科技有限公司</p>
								<p class="fw_800 mb_10">北京市房山区天星街1号院绿地启航国际9号楼305(绿地缤纷城旁)</p>
								<p><span id="mapShow">查看地图</span></p>
							</div>

							<div class="pt_32">
								<p class="ft_20 mb_20">CONTACT INFORMATION</p>
								<p class="ft_30 mb_20">联系方式</p>
								<p class="fw_800 mb_10">联系电话:010-86465754</p>
								<p class="fw_800 mb_10">电子邮箱:admin@785104.hzqiye.ntesmail.com</p>
							</div>

						</div>

						<div class="ct_item">
							<img src="img/contactus/联系我们_05.png">
						</div>

					</div>
				</div>
			</div>

			<!-- footer -->
			<div class="footer">
				<div class="ft_box">
					<ul class="ft_item">
						<li>咨询热线</li>
						<li class="phone">010-86465754</li>
						<li class="zx_btn">在线咨询</li>
					</ul>
					<div class="ih_line"></div>
					<ul class="ft_item">
						<li>商户服务</li>
						<li><a href="">电商平台</a></li>
						<li><a href="">餐饮平台</a></li>
					</ul>
					<ul class="ft_item">
						<li>开发与合作</li>
						<li><a href="">代理商登录</a></li>
						<li><a href="">代理商查询</a></li>
						<li><a href="">服务市场</a></li>
					</ul>
					<ul class="ft_item">
						<li>帮助支持</li>
						<li><a href="">新手入门</a></li>
						<li><a href="">使用指南</a></li>
						<li><a href="">常见问题</a></li>
						<li><a href="">联系客服</a></li>
					</ul>
					<ul class="ft_item">
						<li>关于我们</li>
						<li><a href="">公司介绍</a></li>
						<li><a href="">荣誉奖项</a></li>
						<li><a href="">企业文化</a></li>
						<li><a href="">加入我们</a></li>
					</ul>
					<div class="ft_item">
						<img src="img/index/erweima.png">
					</div>
				</div>
				<div class="line"></div>
				<div class="company">Copyright © 2018 All Rights Reserved 小猪先生(北京)科技有限公司版权所有</div>
			</div>

		</div>
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var mySwiper = new Swiper('.swiper-container', {
				autoplay: true, //可选选项，自动滑动
				pagination: {
					el: '.swiper-pagination',
					bulletClass: 'my-bullet',
					bulletActiveClass: 'my-bullet-active',
					clickable: true,
				},
			})
		</script>
	</body>
</html>