-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathintroduction1.html
196 lines (188 loc) · 11.1 KB
/
introduction1.html
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
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
<title>注册</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="description" content="花小旗智能投顾————为理财经理快速了解客户信息及产品推荐提供参考，降低经理工作量">
<meta name="keywords" content="理财经理,降低经理工作量,花小旗,智能投顾,花旗银行,花旗杯">
<meta name="author" content="Tony Xia">
<link rel="icon" href="images/sufe.ico" type="images/x-ico" />
<link rel="stylesheet" type="text/css" href="css/head.css">
<link rel="stylesheet" type="text/css" href="./js/zui/css/zui-theme.css" />
<link rel="stylesheet" type="text/css" href="./js/zui/css/zui.css" />
<link rel="stylesheet" type="text/css" href="./js/zui/lib/chosen/chosen.min.css" />
<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="css/isotope.css" media="screen" />
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
<link href="css/animate.css" rel="stylesheet" media="screen">
<script src="js/modernizr-latest.js"></script>
<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/jquery.isotope.min.js" type="text/javascript"></script>
<script src="js/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
<script src="js/jquery.nav.js" type="text/javascript"></script>
<script src="js/jquery.fittext.js"></script>
<script src="js/waypoints.js"></script>
<link rel="stylesheet" href="css/style.css">
<script src="js/custom.js" type="text/javascript"></script>
<script src="js/owl-carousel/owl.carousel.js"></script>
<link rel="stylesheet" href="css/styles.css">
<!--字体-->
<link href="font/css/font-awesome.min.css" rel="stylesheet">
<!--粒子背景特效-->
<link rel="stylesheet" type="text/css" href="css/dmaku.css" />
<link rel="stylesheet" type="text/css" href="css/dmaku2.css" />
<script src="js/Particleground.js" tppabs="js/Particleground.js"></script>
<script>
$(document).ready(function() {
$('body').particleground({
dotColor: '#f6464a',
lineColor: '#f6464a'
});
});
</script>
</head>
<body>
<header class="header">
<div class="container">
<nav class="navbar navbar-inverse" role="navigation">
<div class="navbar-header">
<button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="index.html" class="navbar-brand scroll-top logo animated bounceInLeft"><b>花<i>小</i>旗</b></a> </div>
<div id="main-nav" class="collapse navbar-collapse">
<ul class="nav navbar-nav" id="mainNav">
<li><a href="index.html" class="scroll-link">主页</a></li>
<li style="font-size: 40px;" class="hidden-xs">|</li>
<li class="divider"></li>
<li class="active"><a href="#" data-toggle="modal" data-target="#modal" class="scroll-link">注册</a></li>
</ul>
</div>
</nav>
</div>
</header>
<div class="container">
<div class="hidden-xs col-md-6">
<div style=" margin-top: 25%;padding: 40px;border-radius: 5px;">
<div class="logo-title">
<h1>花小旗</h1>
</div>
<h3>我们乐于听取对产品的各种意见。</h3>
<p style="color: aliceblue;">对花小旗有任何意见和建议请在这里联系我们。或是使用下列方式进行联系</p>
<div class="contact-info">
<p><b>手机:</b> 13917768723 <i class="fa fa-phone"></i></p>
<br>
<p><b>地址:</b> 上海市杨浦区武川路111号 </p>
<br>
<p><b>电子邮件:</b> [email protected] <i class="fa fa-envelope"></i></p>
</div>
<div class="footer-social-media">
<ul>
<li><a href="#"><i class="fa fa-qq"></i></a></li>
<li><a href="#"><i class="fa fa-envelope"></i></a></li>
<li><a href="#"><i class="fa fa-weixin"></i></a></li>
<li><a href="#"><i class="fa fa-github"></i></a></li>
<li><a href="#"><i class="fa fa-globe"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 admin_login">
<div>
<form>
<h1 style="color:cornsilk; text-align: center;">手机号注册</h1>
<br>
<span style="color: #fff;">请选择注册类型</span>
<br>
<label><input name="uconti" type="radio" id="uconti1" value="0" />投资者账户</label>
<span> </span>
<label><input name="uconti" type="radio" id="uconti2" value="1" />理财经理账户</label>
<input type="tel" placeholder="手机号码" style="background: rgba(255, 255, 255, 0.1);border: none;padding: 12px 15px;margin: 8px 0;width: 100%;outline: none;">
<input type="password" placeholder="密码" style="background: rgba(255, 255, 255, 0.1);border: none;padding: 12px 15px;margin: 8px 0;width: 100%;outline: none;">
<input type="password" placeholder="验证码" maxlength="4" style="text-align: left;background: rgba(255, 255, 255, 0.1);border: none;padding: 12px 15px;margin: 8px 0;width: 50%;outline: none;">
<a href="sign_up.html"> 获取验证码 </a>
<div class="visible-xs" style="text-align: center;"><button style="text-align: center;">立刻注册</button></div>
<button class="hidden-xs" style="text-align: center;">立刻注册</button>
</form>
</div>
</div>
</div>
<footer style="background-color: #161616;">
<div class="container">
<div class="social text-center" style="background-color: rgba(255, 255, 255, 0.1);">
<a href="#"><i class="fa fa-qq"></i></a>
<a href="#"><i class="fa fa-envelope"></i></a>
<a href="#"><i class="fa fa-weixin"></i></a>
<a href="#"><i class="fa fa-github"></i></a>
<a href="#"><i class="fa fa-globe"></i></a>
</div>
<div class="clear"></div>
</div>
<section class="copyright">
<div class="container">
<div class="col-md-4" style="color: rgba(255, 255, 255, 0.5);text-align:center;height: 145px;">
<div class="col-md-12" style="height: 15px;"></div>
<div>
<div class="col-xs-4" style="text-align:center;">
<div class="team-member pDark">
<div class="member-img">
<img class="myImg2 img-responsive" src="images/头像1.jpg" alt="Tony Xia">
</div>
<div class="team-socials">
<a href="#"><i class="fa fa-wechat"></i></a>
<a href="#"><i class="fa fa-github"></i></a>
<a href="#"><i class="fa fa-github"></i></a>
</div>
</div>
</div>
<div class="col-xs-4" style="text-align:center;">
<div class="team-member pDark">
<div class="member-img">
<img class="myImg2 img-responsive" src="images/头像2.jpg" alt="wqlloveyhm">
</div>
<div class="team-socials">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-google-plus"></i></a>
</div>
</div>
</div>
<div class="col-xs-4" style="text-align:center;">
<div class="team-member pDark">
<div class="member-img">
<img class="myImg2 img-responsive" src="images/头像3.jpg" alt="xbl">
</div>
<div class="team-socials">
<a href="#"><i class="fa fa-phone"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 visible-md visible-lg" style="text-align:center;height: 165px;line-height: 140px;">
<div style="border-top:none; border-left:1px solid rgba(255, 255, 255, 0.1); border-right:1px solid rgba(255, 255, 255, 0.1); ">
<a class="footer-logo" href="http://www.shufe.edu.cn/"><img class="myImg" src="images/footer-logo.png" alt="SUFE"></a>
</div>
</div>
<div class="col-md-4" style="color: rgba(255, 255, 255, 0.5);text-align:center;height: 145px;">
<div class="visible-md visible-lg" style="height: 15px;text-align:center;"></div>
<p>地址：上海市国定路777号 上海财经大学</p>
<p>Copyright © 花小旗 All Rights Reserved</p>
<p style="text-align:center;">豫ICP 备20005042号</p>
</div>
</div>
</section>
</footer>
</body>
</html>