contact.html
7.43 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>联系我们</title>
<link rel="Shortcut Icon" href="favicon.ico">
<!--bootstrap3 css-->
<link href="css/bootstrap.css" rel="stylesheet">
<!--custom css-->
<link href="css/ionicons.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" type="text/css">
<!--slick css -->
<link rel="stylesheet" type="text/css" href="css/slick.css"/>
<link rel="stylesheet" type="text/css" href="css/slick-theme.css"/>
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
<script src="js/jquery-3.1.1.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6cUVhjdSzUgs8dj6vFVauUQfBUy9i3Go"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
<script type="text/javascript" src="js/bootstrap-hover-dropdown.min.js"></script>
<link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
</head>
<body>
<header>
<div id="main-nav">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle " data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a id="logo" class="navbar-brand" href="index.html"><img src="images/logo.jpg" class="img-responsive" alt=""></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">首页</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle js-activated" data-toggle="dropdown" data-hover="dropdown" data-delay="100" aria-expanded="false">解决方案<i class="fa fa-angle-down"></i></a>
<ul class="dropdown-menu expend-left">
<li><a tabindex="-1" href="solution-analytics.html">Adobe Analytics</a></li>
<li><a tabindex="-1" href="solution-AEM.html">Adobe Experience Manager</a></li>
</ul>
</li>
<li><a href="case.html">客户案例</a></li>
<li><a href="about.html">关于我们</a></li>
<li class="active"><a href="contact.html" class="line-bottom-nav">联系我们</a></li>
</ul>
</div>
</div>
</div>
</header>
<section class="title-bg contact-bg-img">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h2>联系我们</h2>
</div>
</div>
</div>
</section>
<div class="container">
<div id="allmap" ></div>
<div class="row">
<div class="col-md-5">
<h4 class="font-bold">联系信息</h4><br/>
<span>地址：</span><span>广东省广州市荔湾区芳村大道西533号1009室</span><br/><br/>
<span>电话：</span><span>020-81000647</span><br/><br/>
<span>邮箱：</span><span>gzhr@leadstec.com</span><br/><br/>
</div>
<div class="col-md-7">
<h4 class="font-bold">联系我们</h4><br/>
<form name="sentMessage" id="contactForm" method="post" novalidate="">
<div class="row">
<div class="col-md-6">
<div class="row control-group">
<div class="form-group col-xs-12 controls">
<input type="text" class="form-control" placeholder="称呼*" id="name" required="" data-validation-required-message="Please enter your name." aria-invalid="false">
<p class="help-block"></p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="row control-group">
<div class="form-group col-xs-12 controls">
<input type="email" class="form-control" placeholder="邮箱*" id="email" required="" data-validation-required-message="Please enter your email address.">
<p class="help-block"></p>
</div>
</div>
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12">
<input type="text" class="form-control" placeholder="请输入标题" id="title">
<p class="help-block"></p>
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12 controls">
<textarea rows="5" class="form-control" placeholder="请输入消息" id="message" required="" data-validation-required-message="请输入消息"></textarea>
<p class="help-block"></p>
</div>
</div>
<br>
<div id="success"></div>
<div class="row">
<div class="form-group col-xs-12 text-right" style="margin-top: -15px;">
<button type="submit" class="btn theme-btn-color btn-lg">发送消息</button>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="space-50"></div>
<footer>
<div id="copyright">
<div class="container">
<div class="row">
<div class="col-sm-12">
<span>凝新科技 © 2017 Leads Technologies Limited all right reserved</span>
</div>
</div>
</div>
</div>
</footer>
<script type="text/javascript">
// 百度地图API功能
var longitude = 113.214873;
var latitude = 23.120153;
var zoom = 14;
var poi = new BMap.Point(longitude,latitude);
var map = new BMap.Map("allmap"); // 创建Map实例
map.centerAndZoom(poi, zoom); // 初始化地图,设置中心点坐标和地图级别
map.addControl(new BMap.MapTypeControl()); //添加地图类型控件
map.setCurrentCity("广州"); // 设置地图显示的城市 此项是必须设置的
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
var marker = new BMap.Marker(poi); //创建marker对象
marker.setAnimation(BMAP_ANIMATION_BOUNCE); //marker跳动动画
map.addOverlay(marker); //在地图中添加marker
</script>
</body>
</html>