-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinvestor_invest.html
178 lines (166 loc) · 9.32 KB
/
investor_invest.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
<!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/logo.ico" type="images/x-ico" />
<link rel="stylesheet" type="text/css" href="./css/head.css">
<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" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav" style="margin-top: 20px;">
<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">
<div>
<img src="./images/1.png" alt="golden_hind" style="height: 60px;margin-top: -20px;margin-left: -20px;">
<div style="margin-top: -40px;margin-left: 60px;"><b style="font-size: 55px;">花<i>小</i>旗</b></div>
</div>
</a>
</div>
<div id="main-nav" class="collapse navbar-collapse">
<ul class="nav navbar-nav" id="mainNav">
<li id="firstLink"><a href="./investor_index.html" class="scroll-link">主页</a></li>
<li class="active"><a href="#" class="scroll-link">发起投顾</a></li>
<li><a href="#" class="scroll-link">历史投顾</a></li>
<li><a href="./news.html" target="_blank" class="scroll-link">财经新闻</a></li>
<li style="font-size: 40px;" class="hidden-xs">|</li>
<li><a href="#" class="scroll-link" id="investor_id">id:13917768723</a></li>
<li><a href="#" class="scroll-link">修改信息</a></li>
</ul>
</div>
</nav>
</div>
</header>
<div style="height: 60px;"></div>
<div class="container">
<form action="" method="post">
<div class="invest_form">
<p>1.<span style="color: #fff;">预投金额</span> Amount</p>
<input name="investableAmount" value="100" type="number" /> <i class="fa fa-rmb" style="color: aliceblue;"></i>
<br> 在此处填写您此次投资的投入金额。
</div>
<div class="invest_form">
<p>2.<span style="color: #fff;">期望赎回时长</span> Duration</p>
<input name="exRedempyionDuration" value="12" type="number" /> <i class="fa fa-calendar" style="color: aliceblue;"></i>
<br> 在此处填写您此次投资计划赎回时间（单位为月份）。
</div>
<div class="invest_form">
<p>3.<span style="color: #fff;">交易间隔</span> Gap</p>
<input name="Gap_Date" value="2020-01-01" type="date" />
<br> 在此处填写您上次投资时间，便于计算您两次交易的时间间隔。
</div>
<div class="invest_form">
<p>4.<span style="color: #fff;">投资用途</span> Purpose</p>
<ul>
<li>
<label>
<input name="Purpose" value="A" type="radio" />
<span>A. 高弹性用途（如买车）</span>
</label>
</li>
<li>
<label>
<input name="Purpose" value="B" type="radio" />
<span>B. 低弾性用途（如购房）</span>
</label>
</li>
<li>
<label>
<input name="Purpose" value="C" type="radio" />
<span>C. 继续投资</span>
</label>
</li>
</ul>
</div>
<div class="text-center " style="margin: 35px;">
<button type="submit" style="text-align: center;">立刻投顾</button>
</div>
</form>
</div>
<footer style="background-color: #161616;padding-bottom: 0px;">
<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: 120px;">
<div class="col-md-12" style="height: 15px;"></div>
<div>
<div class="col-xs-4" style="text-align:center;">
<img class="myImg2" src="./images/头像1.jpg" alt="t.k.t">
</div>
<div class="col-xs-4" style="text-align:center;">
<img class="myImg2" src="./images/头像2.jpg" alt="lmh">
</div>
<div class="col-xs-4" style="text-align:center;">
<img class="myImg2" src="./images/头像3.jpg" alt="cc">
</div>
</div>
</div>
<div class="col-md-4 visible-md visible-lg" style="text-align:center;height: 120px;line-height: 100px;">
<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 style="padding-bottom: 10px;" 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: 120px;">
<div class="visible-md visible-lg" style="height: 15px;text-align:center;"></div>
<p>Copyright © 花小旗 All Rights Reserved</p>
<p style="text-align:center;">豫ICP 备20005042号</p>
</div>
</div>
</section>
</footer>
</body>
</html>