liting2017 7 年之前
父節點
當前提交
ddeebbcbf8
共有 11 個文件被更改,包括 586 次插入1 次删除
  1. 二進制
      img/contactUs.png
  2. 二進制
      img/contactUs1.png
  3. 二進制
      img/contactUs2.png
  4. 二進制
      img/contactUs3.png
  5. 二進制
      img/contactUs4.png
  6. 二進制
      img/contactUs5.png
  7. 79 0
      src/css/contactUs.css
  8. 118 0
      src/js/contactUs.js
  9. 377 0
      template/contactUs.html
  10. 6 0
      webpack.config.js
  11. 6 1
      webpack/entry.config.js

二進制
img/contactUs.png


二進制
img/contactUs1.png


二進制
img/contactUs2.png


二進制
img/contactUs3.png


二進制
img/contactUs4.png


二進制
img/contactUs5.png


+ 79 - 0
src/css/contactUs.css

@@ -0,0 +1,79 @@
+*{font-family: "微软雅黑";}
+.container{width: 1200px;}
+.zizone img{width: 116px;height: 124px;float: left;margin-left: 104px;}
+.zizone .img_right{float: left;padding-left: 26px;}
+.zizone .col-md-6{padding: 0;margin: 0;border-bottom: 1px solid #cccccc;padding-top: 38px;padding-bottom: 28px;}
+.zizone .img_right h4{font-family: "微软雅黑";font-size: 48px;color: #3586cd;margin-top: 22px;margin-bottom: 16px;font-weight: normal;}
+.zizone .img_right p{font-size: 24px;color: #3586cd;}
+.actives{border-bottom: 2px solid #333333!important;}
+.zizone .col-md-6:hover{cursor: pointer;}
+
+#contactUs{width:100%;height:1400px;background: #F3F2F2;}
+.contactUs{width:1230px;height:1280px;background: url(../../img/contactUs1.png) no-repeat center center;margin: 0 auto;
+padding-top:50px;}
+.contact_title{width:100%;height:60px;text-align: center;line-height: 60px;
+color:#235D91;font-size: 17px;font-weight: bold;letter-spacing:3px;}
+.contact_cont{width:100%;height:450px;margin-top:85px;position: relative;}
+.contact_left{width:350px;height:450px;display: inline-block;margin-left: 15px;}
+.contact_left_top{width:300px;height:270px;background: url(../../img/contactUs4.png) no-repeat center center;}
+.contact_left_bottom{width:310px;height:75px;background: url(../../img/contactUs5.png) no-repeat center center;}
+.contact_left_center{width:310px;height:1px;border-bottom: 1px dashed #E2E2E2;margin:20px;}
+
+.contact_center{width:420px;height:440px;display: inline-block;position: relative;}
+.contact_center >div{width:450px;height:180px;position: absolute;}
+.contact_center >div>h5{font-size: 16px;font-weight: bold;color:#4D4C4C;}
+.contact_center >div>p{height:28px;line-height: 28px;color:#7D7B7B;}
+.contact_center_top{top:0;left:20px;}
+.contact_center_bottom{bottom:30px;left:20px;}
+
+.contact_right{width:400px;height:450px;display: inline-block;position: absolute;
+top:10px;right:45px;}
+
+
+.all_branch{width:100%;height:550px;position: relative;}
+.all_branch_map{width:603px;height:500px;background: url(../../img/contactUs3.png) no-repeat center center;
+position: absolute;top:20px;left:30px;}
+.all_branch_map>div{width:12px;height:12px;border-radius: 50%;background: #FFC74C;
+position: absolute;cursor: pointer;animation:maphover 2000ms 0s ease-in infinite;}
+.all_branch_map>div:hover{transform:scale(1.2) ;}
+@keyframes maphover1{
+	0%{width: 12px;height:12px;}
+	50%{width: 15px;height:15px;}
+	100%{width: 12px;height:12px;}
+}
+@keyframes maphover{
+	0%{background: #FFC74C;}
+	50%{background: #F68705;}
+	100%{background: #FFC74C;}
+}
+.neimen{top:185px;left:326px;}
+.liaoning{top:155px;left:496px;}
+.beijing{top:163px;left:449px;}
+.hebei{top:199px;left:434px;}
+.shangdong{top:233px;left:453px;}
+.henan{top:272px;left:401px;}
+.jiangshu{top:268px;left:486px;}
+.anhui{top:285px;left:460px;}
+.hubei{top:307px;left:397px;}
+.sichuang{top:320px;left:283px;}
+.jiangxi{top:342px;left:452px;}
+.fujian{top:365px;left:482px;}
+.guizhou{top:377px;left:329px;}
+.yunnan{top:404px;left:264px;}
+.guanxi{top:414px;left:355px;}
+.guandong{top:412px;left:419px;}
+.all_branch_map>div.hunan{top:348px;left:391px;background: rgba(255,255,255,0) !important;animation: none;}
+.all_map_case{width:500px;height:500px;position:absolute;top:20px;right:30px;}
+.all_map_case>div{position: absolute;top:200px;display: none;}
+.all_map_case>div.hunandiv{display: block;}
+.all_map_case>div>h5{font-size: 16px;color:#4D4C4C;font-weight: bold;}
+.all_map_case>div>p{font-size: 14px;color:#7D7B7B;height:28px;line-height: 28px;
+font-weight: normal;}
+#bottom{margin-top: -150px;}
+
+/*百度地图*/
+html,body{margin:0;padding:0;}
+.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
+.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
+.BMapLabel{border:none !important;background: none !important;}
+.pop>.bottom{top:42px !important;height:25px !important;}

文件差異過大導致無法顯示
+ 118 - 0
src/js/contactUs.js


+ 377 - 0
template/contactUs.html

@@ -0,0 +1,377 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="../img/ico_logo.ico">
+    <meta name="Keywords" content=""/>
+    <meta name="Description" content=""/>
+	<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no">
+	<meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>科技金融</title>
+    <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
+    <!--<link rel="stylesheet" href="../src/css/bootstrap.css" />
+    <link rel="stylesheet" href="../src/css/public.css" />
+    <link rel="stylesheet" href="../src/css/main_banner.css" />
+    <link rel="stylesheet" type="text/css" href="../src/css/contactUs.css"/>-->
+</head>
+<body>  	
+  	<header>
+  		<div class="container">
+  			<div class="logo"><a href="../template/index.html"><img src="../img/Logo111.png" alt="" title="技淘"/></a></div>
+  			<div  class="nav">
+  				<ul>
+  					<li><a href="#">技术交易</a></li>
+  					<li><a href="#">科技服务</a><img src="../img/hot.png" alt="HOT"/></li> 					
+  					<li><a href="#">智库咨询</a></li>
+  					<li class="active"><a href="#">科技金融</a></li>
+  					<li><a href="#">科技活动</a></li>
+  					<li><a href="#">平台共建</a></li> 					
+  				</ul>
+  			</div>
+  			<div class="nav_right">
+  				<a href="">注册</a>
+  				<a href="javascript:;" class="head_login">登陆</a>
+  				<a href="">关于我们</a>
+  			</div>
+  		</div>
+  	</header>
+  	<!--banner-->
+  	<div class="carouselt">
+		<ul class="ct-img-big clear">
+			<li data-index=0 ><a href=""><img src="../img/contactUs.png" alt=""/></a></li>
+			<li data-index=1 ><a href=""><img src="../img/contactUs.png" alt=""/></a></li>
+			<li data-index=2 ><a href=""><img src="../img/contactUs.png" alt=""/></a></li>
+		</ul>
+		<a class="btn btn-next" href="">
+			<img src="../img/index_next.png" alt=""/>
+		</a>
+		<a class="btn btn-pre" href="">
+			<img src="../img/index_pre.png" alt=""/>
+		</a>
+	</div>
+  	<!--主体内容区域开始-->
+ 	<div id="contactUs">
+ 		<div class="contactUs">
+ 			<div class="contact_title">
+ 				联系我们
+ 			</div>
+			<div class="contact_cont">
+				<div class="contact_left">
+					<div class="contact_left_top">
+						
+					</div>
+					<div class="contact_left_center">
+						
+					</div>
+					<div class="contact_left_bottom">
+						
+					</div>
+				</div>
+				<div class="contact_center">
+					<div class="contact_center_top">
+						<h5>湖南科德信息咨询有限公司(总部)</h5>
+						<p>联 系 人:胡小姐</p>
+						<p>联系电话:400-8800-962</p>
+						<p>邮&nbsp;&nbsp;编:410005</p>
+						<p>E-mail:2035994611@qq.com</p>
+						<p>地&nbsp;&nbsp;址:湖南省长沙市营盘东路19号金山大厦8楼</p>
+					</div>
+					<div class="contact_center_bottom">
+						<h5>阿凡提信息科技股份有限公司(湖南分公司)</h5>
+						<p>联 系 人:王小姐</p>
+						<p>联系电话:0731-85202115</p>
+						<p>E-mail:3232358874@qq.com</p>
+						<p>地&nbsp;&nbsp;址:湖南省长沙市营盘东路19号金山大厦14楼</p>
+					</div>
+				</div>
+				<div class="contact_right">
+					<div style="width:400px;height:400px;border:#ccc solid 1px;" id="dituContent"></div>
+				</div>
+			</div>
+			<div class="contact_title">
+				全国分部
+			</div>
+			<div class="all_branch">
+				<div class="all_branch_map">
+					<div class="neimen"></div>
+					<div class="liaoning"></div>
+					<div class="beijing"></div>
+					<div class="hebei"></div>
+					<div class="shangdong"></div>
+					<div class="henan"></div>
+					<div class="jiangshu"></div>
+					<div class="anhui"></div>
+					<div class="hubei"></div>
+					<div class="sichuang"></div>
+					<div class="jiangxi"></div>
+					<div class="fujian"></div>
+					<div class="guizhou"></div>
+					<div class="yunnan"></div>
+					<div class="guanxi"></div>
+					<div class="guandong"></div>
+					<div class="hunan"></div>
+				</div>
+				<div class="all_map_case">
+					<div class="neimendiv">
+						<h5>内蒙古科发信息咨询有限公司</h5>
+						<p>联 系 人:科发信息</p>
+						<p>联系电话:18947910317 </p>
+						<p>邮&nbsp;&nbsp;编:010000</p>
+						<p>地&nbsp;&nbsp;址:呼和浩特市回民区明泽广场A座1110室</p>
+					</div>
+					<div class="liaoningdiv">
+						<h5>沈阳科德信息咨询有限公司</h5>
+						<p>联 系 人:沈阳科德</p>
+						<p>联系电话:024-31297263</p>
+						<p>邮&nbsp;&nbsp;编:110000</p>
+						<p>地&nbsp;&nbsp;址:沈阳市和平区南三经街2号金豪公寓2-11-2</p>
+					</div>
+					<div class="beijingdiv">
+						<h5>北京科德技淘信息技术有限公司</h5>
+						<p>联 系 人:冯亚娟</p>
+						<p>联系电话:400-8800-962</p>
+						<p>邮&nbsp;&nbsp;编:100000</p>
+						<p>地&nbsp;&nbsp;址:北京市朝阳区东三环南路小八里庄40号6号楼第六层614室</p>
+					</div>
+					<div class="hebeidiv">
+						<h5>石家庄科中企业管理咨询有限公司</h5>
+						<p>联 系 人:王洪垒</p>
+						<p>联系电话:18032295250</p>
+						<p>邮&nbsp;&nbsp;编:050000</p>
+						<p>地&nbsp;&nbsp;址:河北省石家庄市长安区跃进路3号天元商务大厦901室</p>
+					</div>
+					<div class="shangdongdiv">
+						<h5>青岛科德信息咨询有限公司</h5>
+						<p>联 系 人:青岛科德</p>
+						<p>联系电话:0532-58731385 </p>
+						<p>邮&nbsp;&nbsp;编:266000</p>
+						<p>地&nbsp;&nbsp;址:山东省青岛市黄岛开发区井冈山路紫金广场A座2708</p>
+					</div>
+					<div class="henandiv">
+						<h5>郑州科德企业管理咨询有限公司</h5>
+						<p>联 系 人:陈新裕</p>
+						<p>联系电话:18838010729</p>
+						<p>邮&nbsp;&nbsp;编:450000</p>
+						<p>地&nbsp;&nbsp;址:河南省郑州市金水区红专路政七街财源大厦B座1174</p>
+					</div>
+					<div class="jiangshudiv">
+						<h5>南京惟楚企业管理咨询有限公司</h5>
+						<p>联 系 人:周小姐</p>
+						<p>联系电话:025-66167661</p>
+						<p>邮&nbsp;&nbsp;编:210000</p>
+						<p>E-mail:1767604529@qq.com</p>
+						<p>地&nbsp;&nbsp;址:江苏省南京市玄武区成贤街118号科学会堂8号门701室</p>
+					</div>
+					<div class="anhuidiv">
+						<h5>合肥科稻信息咨询有限公司</h5>
+						<p>联 系 人:合肥科稻</p>
+						<p>联系电话:0551-62634195</p>
+						<p>邮&nbsp;&nbsp;编:230000</p>
+						<p>地&nbsp;&nbsp;址:合肥市庐阳区花园街安徽科技大厦11B</p>
+					</div>
+					<div class="hubeidiv">
+						<h5>武汉科汇科技咨询有限公司</h5>
+						<p>联 系 人:彭泽辉</p>
+						<p>联系电话:027-87313580</p>
+						<p>邮&nbsp;&nbsp;编:430000</p>
+						<p>地&nbsp;&nbsp;址:湖北省武汉市洪山区中北特一路楚天都市花园D座28G</p>
+					</div>
+					<div class="sichuangdiv">
+						<h5>成都科德信息技术有限公司</h5>
+						<p>联 系 人:杨根</p>
+						<p>联系电话:028-87078828</p>
+						<p>邮&nbsp;&nbsp;编:610000</p>
+						<p>地&nbsp;&nbsp;址:四川省成都市青羊区贝森南路18号B座904室</p>
+					</div>
+					<div class="jiangxidiv">
+						<h5>南昌科德信息咨询有限公司</h5>
+						<p>联 系 人:南昌科德</p>
+						<p>联系电话:0791-86259737</p>
+						<p>邮&nbsp;&nbsp;编:330000</p>
+						<p>E-mail:kcxx2012@163.com</p>
+						<p>地&nbsp;&nbsp;址:江西省南昌市东湖区省政府大院北二路53号科技情报中心二楼</p>
+					</div>
+					<div class="fujiandiv">
+						<h5>福州市科宇信息咨询有限公司</h5>
+						<p>联 系 人:吴先生</p>
+						<p>联系电话:18359155929</p>
+						<p>邮&nbsp;&nbsp;编:350000</p>
+						<p>地&nbsp;&nbsp;址:福建省福州市晋安区福马路504号科技信息大楼11楼</p>
+					</div>
+					<div class="guizhoudiv">
+						<h5>贵州科德华咨信息咨询有限公司</h5>
+						<p>联 系 人:贵州科德</p>
+						<p>联系电话:0851-88585225</p>
+						<p>邮&nbsp;&nbsp;编:550000</p>
+						<p>地&nbsp;&nbsp;址:贵州省贵阳市南明区遵义路105号万象国际A座19楼322 </p>
+					</div>
+					<div class="yunnandiv">
+						<h5>昆明科道企业管理有限公司</h5>
+						<p>联 系 人:王彪</p>
+						<p>联系电话:18987192587</p>
+						<p>邮&nbsp;&nbsp;编:650000</p>
+						<p>地&nbsp;&nbsp;址:昆明市官渡区官南大道2169号大润发商业广场2幢1410号</p>
+					</div>
+					<div class="guanxidiv">
+						<h5>广西南宁科发企业信息咨询有限公司</h5>
+						<p>联 系 人:南宁科发</p>
+						<p>联系电话:0771-6758726</p>
+						<p>邮&nbsp;&nbsp;编:530000</p>
+						<p>E-mail:2851902539@qq.com</p>
+						<p>地&nbsp;&nbsp;址:广西南宁市高新区滨河路5号中盟科技园4号6楼</p>
+					</div>
+					<div class="guandongdiv">
+						<h5>广州科丰管理咨询有限公司</h5>
+						<p>联 系 人:广州科丰</p>
+						<p>联系电话:020-29143112</p>
+						<p>邮&nbsp;&nbsp;编:510000</p>
+						<p>地&nbsp;&nbsp;址:广州市白云区黄石国际单位二期C2栋407</p>
+						<br/>
+						<h5>广州科德企业信息咨询有限公司</h5>
+						<p>联 系 人:广州科中</p>
+						<p>联系电话:18565104122 </p>
+						<p>邮&nbsp;&nbsp;编:510000</p>
+						<p>地&nbsp;&nbsp;址:广州市白云区嘉禾望岗望岗大道88号金塬大厦4018</p>
+					</div>
+					<div class="hunandiv">
+						<h5>湖南科德信息咨询有限公司</h5>
+						<p>联 系 人:胡小姐</p>
+						<p>联系电话:400-8800-962</p>
+						<p>邮&nbsp;&nbsp;编:410005</p>
+						<p>E-mail:2035994611@qq.com</p>
+						<p>地&nbsp;&nbsp;址:湖南省长沙市营盘东路19号金山大厦8楼</p>
+					</div>
+				</div>
+			</div>
+ 		</div>	
+ 	</div>
+  	<!--主体内容区域结束-->
+	<div id="bottom">
+ 		<div class="bottom">
+			<div class="bottom_text">
+				<div class="text_top">
+					<a href="#">关于公司/</a>
+					<a href="#">联系我们</a>
+					<p> Copyright &copy 2016-2017 科德 版权所有 湘ICP备15019731号
+					-2 技术支持:湖南阿凡提科技有限公司</p>
+				</div>
+				<div class="text_center">
+					<div class="cont_left">
+						<img src="../img/dizhi.jpg" alt=""/>
+						<p>湖南省长沙市营盘东路19号金山大厦</p>
+					</div>
+					<div class="cont_center">
+						<img src="../img/dianhua.jpg" alt=""/>
+						<p>合作电话:0731-89907207</p>
+						<p>400-8800-962八楼</p>
+					</div>
+					<div class="cont_right">
+						<img src="../img/erweima.jpg" alt=""/>
+						<p>科德公众号</p>
+					</div>
+				</div>
+				<div class="text_bottom">
+					<p>友情链接</p>
+					<a href="http://www.hnst.gov.cn/">湖南省科技厅/</a>
+					<a href="http://www.cssti.cn/">长沙市科技局/</a>
+					<a href="http://www.cast.org.cn/">中国科学技术协会/</a>
+					<a href="http://www.chinatorch.gov.cn/">科技部火炬中心/</a>
+					<a href="http://www.nosta.gov.cn/web/index.aspx">国家科技成果奖励办/</a>
+					<a href="http://www.nast.org.cn/">国家科技成果网/</a>
+					<a href="http://www.hnast.org.cn/portal/comm/index.action">湖南省科学技术协会/</a>
+					<a href="http://www.hncgw.gov.cn/">湖南省科技成果转化公共服务平台/</a>
+					<a href="http://www.hnjxw.gov.cn/">湖南省经济信息化委员会/</a>
+					<a href="http://kyy.hnu.cn/">湖南大学科学技术研究院/</a>
+					<a href="http://www.gxst.gov.cn/gxkjt/">广西省科技厅/</a>
+					<a href="http://www.nmkjt.gov.cn/">内蒙古自治区科技厅/</a>
+					<a href="http://www.cshtz.gov.cn/">长沙市高新区管委会/</a>
+					<a href="http://www.jxas.ac.cn/">江西省科学院/</a>
+					<a href="http://www.cnic.cn/front/index.html#/cnicSite/home">中科院计算机网络信息中心/</a>
+					<a href="http://kxyjb.csu.edu.cn/">中南大学科学研究部/</a>
+					<a href="http://www.cast.org.cn/">中国科协创新创业服务中心/</a>
+					<a href="http://www.hbstd.gov.cn/">湖北省科技厅/</a>
+					<a href="http://www.gdstc.gov.cn/">广东省科技厅/</a>
+					<a href="http://www.hnkjt.gov.cn/">河南省科技厅/</a>
+					<a href="http://www.cbtm.gov.cn/">技术合同登记官网</a>
+				</div>
+			</div>
+		</div>
+		
+	</div>
+	<div class="pub_fix">		
+			<span class="index_blur"></span>
+			<ul class="ret_top">
+				<li>
+					<a href="">
+						<img src="../img/index_fix1.png" alt="" />
+						<p>发布需求</p>
+					</a>
+				</li>
+				<li>
+					<a href="">
+						<img src="../img/index_fix2.png" alt="" />
+						<p>发布技术</p>
+					</a>
+				</li>
+				<li>
+					<a href="tencent://Message/?Uin=2035994611&websiteName=q-zone.qq.com&Menu=yes">
+						<img src="../img/index_fix3.png" alt="" />
+						<p>联系客服</p>
+					</a>
+				</li>
+				<li>
+					<a href="" class="pendent_box">
+						<img src="../img/index_fix4.png" alt="" />
+						<p>返回顶部</p>
+					</a>
+				</li>
+			</ul>
+			<span class="index_orange"></span>		
+	</div>
+	<!--登陆页面-->
+	
+	<div class="login">
+		<div class="login_mian">
+			<div class="login_left">
+				<div class="login_ewm">
+					<img src="../img/login_ewm.png" alt="二维码" />
+				</div>
+				<p>扫描二维码下载官方</p>
+				<p>技淘APP</p>
+			</div>
+			<div class="login_right">
+				<h5>用户登陆<a href="">免费注册有好礼呦!!</a></h5>
+				<form action="" method="post"  id="form_login">
+					<div class="login_uesr">
+						<label for="uesname"><img src="../img/login_use.png"/></label>
+						<input type="text" name="uesname" id="Lo_user" placeholder="用户名/邮箱/手机" />
+						<img src="../img/login_del.png" class="log_del"/>
+					</div>
+					<div class="login_pass">
+						<label for="pass"><img src="../img/login_password.png"/></label>
+						<input type="text" name="pass" id="Lo_pass" placeholder="请输入密码" />
+					</div>
+					<div class="login_check">
+						<label for="checks" class="lab_check">
+							<input type="checkbox" name="type" id="checks" />专家
+						</label>
+						<label for="checkst" class="lab_checkno">
+							<input type="checkbox" name="type" id="checkst" />企业
+						</label>
+						<u><a href="">忘记密码?</a></u>
+					</div>
+					<input type="submit" value="登 陆" class="login_submit"/>
+				</form>
+				<img src="../img/login_hua.png" alt="" class="login_hua"/>
+				<img src="../img/login_shadow.png" alt="阴影效果" class="login_shadow"/>
+			</div>			
+		</div>
+		<img src="../img/login_close.png" alt="" class="login_close"/>
+	</div>
+	<div class="smg"><input type="text" name="msg" value="" id="msg"/></div>
+</body>
+<!--<script type="text/javascript" src="../src/js/jquery-2.1.0.js"></script>
+<script type="text/javascript" src="../src/js/contactUs.js"></script>
+<script type="text/javascript" src="../src/js/public.js"></script>
+<script type="text/javascript" src="../src/js/main_banner.js" ></script>-->
+</html>

+ 6 - 0
webpack.config.js

@@ -47,6 +47,12 @@ module.exports = (function () {
             template: './template/aboutUs.html',
             chunks: ['aboutUs', 'vendors']
         }),
+         new HtmlWebpackPlugin({
+            title: '联系我们',
+            filename: 'html/contactUs.html',
+            template: './template/contactUs.html',
+            chunks: ['contactUs', 'vendors']
+        }),
         new HtmlWebpackPlugin({
             title: '科技服务',
             filename: 'html/service.html',

+ 6 - 1
webpack/entry.config.js

@@ -2,6 +2,7 @@ module.exports = {
     prod: {
         'index': './src/js/index.js',
         'aboutUs': './src/js/aboutUs.js',
+        'contactUs': './src/js/contactUs.js',
         'toPayment': './src/js/toPayment.js',
         'service': './src/js/service.js',
         'register': './src/js/register.js',
@@ -34,7 +35,11 @@ module.exports = {
          'aboutUs': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/aboutUs.js'
-        ],        
+        ],  
+        'contactUs': ['webpack-dev-server/client?http://127.0.0.1:80',
+            'webpack/hot/only-dev-server',
+            './src/js/contactUs.js'
+        ],
         'toPayment': ['webpack-dev-server/client?http://127.0.0.1:80', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/toPayment.js'