learningContent.html
21.6 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
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
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
<html>
<head>
<!-- META DATA -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Free Bootstrap Themes - Free Responsive Html5 Templates">
<meta name="author" content="#">
<title>Study</title>
<!-- Bootstrap Core CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<!-- <link rel="stylesheet" href="css/bootstrap1.min.css" type="text/css"> -->
<!-- Owl Carousel Assets -->
<link href="owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="owl-carousel/owl.theme.css" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/style2.css">
<!-- Custom Fonts -->
<link rel="stylesheet" href="font-awesome-4.4.0/css/font-awesome.min.css" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>
</head>
<body>
<header>
<nav>
<div class="header-txt1" style="display: flex;justify-content: space-between;">
<div class="header-img1">
<img src="./img/portfolio/B1.png" onclick="window.location.href='index.html'">
</div>
<div class="header-right1">
<div class="header-btnL">
<a href="login.html">
<div class="header-loginBtn" style="color: #323232;border-bottom: 1px solid #323232;margin-right: 30px;">退出登录</div>
</a>
</div>
<div>
<!-- <a href="index.html"><img src="./img/portfolio/Y9.png"></a> -->
<a class="header-right-btn" onclick="setPersonal()">
<!-- <h1 class="header-h1-btn" style="background-color: #66CA94;position: absolute;width: 40px;border-radius: 50%;"> </h1>
<div class="header-xian">
<div class="header-xian1"> </div>
<div class="header-xian2"> </div>
</div> -->
<img src="./img/portfolio/circle.png" style="width: 50px;height: 50px;">
</a>
</div>
</div>
</div>
</nav>
</header>
<div style="display: flex;">
<div style="flex:1;background-color: #f0f0f0;overflow-y: scroll;padding: 2% 2% 2% 5%;">
<h2 style='cursor:default'>实习内容</h2>
<div id="title-content"></div>
</div>
<div class="allList" style="flex:3; padding: 2% 5%;">
<div>
<!-- 内容页 -->
<div class="div_show1 divClass" style="display: none;">
<p style="color: #66CA94;">实习流程 Intern Program Process</p>
<h1>金融界的顶尖名企</h1>
<h1>求知若渴的职场技能</h1>
<p style="padding: 30px 0;" id="particulars"></p>
<p style="color: #66ca97;">已完成的实习项目<span style="padding-left: 10px;">3</span></p>
<p style="padding: 2% 0;width: 310px;line-height: 30px;">start-line虚拟实习项目，传授顶尖名企求知若渴的职场技能，助理学生成功开启职场道路</p>
<p style="color: #66ca97;padding-bottom: 2%;">已完成的实习项目<span style="padding-left: 10px;">3</span></p>
<img src="./images/03-1.png" style='width:100%;'>
<p style="padding: 30px 0;" id="accomplish"></p>
<div style="display: flex;justify-content: space-between;">
<div style="background-color: #f0f0f0;padding: 2% 3%;" id="downloadWork">
<!-- <a href="" target="_blank">
<img src='./images/03-4.png' style="padding-right: 5%;">
<span>下载实习作业</span>
</a> -->
</div>
<div style="background-color: #f0f0f0;padding: 2% 3%;display: flex;cursor: pointer;">
<img src='./images/03-5.png' style="padding-right: 5%;">
<!-- <span>提交实习作业</span> -->
<input type="file" class="selected-btn" id="file" name="file">
</div>
<div style="background-color: #66CA94;padding: 2% 3%;cursor: pointer;" onclick="postData();">
<img src='./images/bingo.png' style="padding-right: 5%;width: 30%;">
<span style="color: #fff;">恭喜你，完成</span>
</div>
</div>
<div style="display: flex;justify-content: space-between;padding-top: 5%;">
<div style="display: flex;place-items: center;cursor: pointer;">
<!-- <h5 style="position: absolute;background-color: #97DAB6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;"> </h5>
<a style="position: relative;left: 20px;color:#323232; z-index: 5;" onclick="last()">
<上一步骤</a> -->
<div> </div>
</div>
<!-- <div id="overchange">
<div style="display: flex;place-items: center;">
<h5 style="position: absolute;background-color: #97DAB6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;"> </h5>
<div onclick="setQuestionId()" style="position: relative;left: 20px;color:#323232; z-index: 5;">完成步骤></div>
</div>
</div> -->
<div id="nextchange">
<div style="display: flex;place-items: center;cursor: pointer;">
<h5 style="position: absolute;background-color: #97DAB6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;"> </h5>
<div onclick="next()" style="position: relative;left: 20px;color:#323232; z-index: 5;">下一步骤></div>
</div>
</div>
</div>
</div>
<!-- 答题 -->
<div class="div_show2 divClass" style="display: none;">
<div style="flex:3; padding: 2% 5%;">
<p style="color: #66CA94;">答题测试 Generate certificate</p>
<h1>答题测试</h1>
<h1 style="margin-bottom: 5%;">完成全部答题即可查看答案</h1>
<div style="border: 5px solid #66CA94;display: flex;flex-direction: column;">
<div style="overflow-y: scroll;">
<p style="padding: 40px;font-size: 26px;font-family: SourceHanSansCN, SourceHanSansCN-Medium;text-align: left;color: #323232;">选择题(共十道题，已完成0/10)</p>
<div id="recommend-List">
</div>
</div>
<button class="checkBtn" onclick="getValue()">完成答题查看答案</button>
</div>
<div style="display: flex;justify-content: space-between;padding-top: 5%;">
<div style="display: flex;place-items: center;cursor: pointer;">
<h5 style="position: absolute;background-color: #97DAB6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;"> </h5>
<a onclick="last()" style="position: relative;left: 20px;color:#323232; z-index: 5;">
<上一步骤</a>
</div>
<div style="display: flex;place-items: center;cursor: pointer;">
<h5 style="position: absolute;background-color: #97DAB6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;"> </h5>
<div onclick="next()" style="position: relative;left: 20px;color:#323232; z-index: 5;">下一步骤></div>
</div>
</div>
</div>
</div>
<!-- 录入信息页 -->
<div class="div_show3 divClass" style="display: none;">
<div style="flex:3; padding: 2% 5%;">
<p style="color: #66CA94;">录入信息 Input information</p>
<h1>打印生成的证书</h1>
<h1>将按照您提供的姓名生成</h1>
<div style="border: 5px solid #66CA94;padding:10%;display: flex;flex-direction: column;place-content: center;place-items: center;">
<p>1.请浏览个人中心，确认姓氏和名字是否正确。</p>
<p>实习证书将按照您提供的信息打印。如希望检查或修改，请点击以下按钮。</p>
<button style="padding: 2% 14%;background-color: #66ca94;border:1px solid #66ca94;color: #fff;" onclick="setPersonal()">我的信息</button>
<p>2.确认无误后，请点击右下角“完成步骤”按钮。</p>
<p>页面将自动返回，你将可以在页面顶部发现“下载证书”并提示下载</p>
<!-- <button class="checkBtn" onclick="setQuestionId()">生成证书</button> -->
<button style="padding: 2% 14%;background-color: #66ca94;border:1px solid #66ca94;color: #fff;" onclick="setQuestionId()">生成证书</button>
</div>
<div style="display: flex;justify-content: space-between;padding-top: 5%;">
<div style="display: flex;place-items: center;cursor: pointer;">
<h5 style="position: absolute;background-color: #97DAB6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;"> </h5>
<a onclick="last()" style="position: relative;left: 20px;color:#323232; z-index: 5;">
<上一步骤</a>
</div>
<div style="display: flex;place-items: center;cursor: pointer;">
<h5 style="position: absolute;background-color: #97DAB6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;"> </h5>
<div onclick="next()" style="position: relative;left: 20px;color:#323232; z-index: 5;">下一步骤></div>
</div>
</div>
</div>
</div>
<!-- 证书页 -->
<div class="div_show4 divClass" style="display: none;">
<div style="flex:3; padding: 2% 5%;">
<p style="color: #66CA94;">生成证书 Generate certificate</p>
<h1>证书生成完毕</h1>
<h1 style="margin-bottom: 5%;">您可直接下载保存您的证书</h1>
<div style="border: 5px solid #66CA94;display: flex;flex-direction: column;">
<div style="border-left: 5px solid #66ca97;
margin: 4%; border-right: 5px solid #66ca94;
background-color: #fff;padding: 0 5%;">
<div>
<img src="./images/pingan.png" style="margin-top:1%">
</div>
<h4 style="padding-top: 2%;">兹证明</h4>
<h4>宁靖同学于2020年12月25日</h4>
<h4>参与并完成了XX公司在Start_Line的XX实习项目</h4>
<p style="padding-top:2%">完成实习可获得提升一下专业能力</p>
<ul>
<li>1.请浏览个人中心，确认姓氏和名字是否正确。</li>
<li>2.请浏览个人中心，确认姓氏和名字是否正确。</li>
<li>3.请浏览个人中心，确认姓氏和名字是否正确。</li>
</ul>
<div style="display: flex;padding:5% 0">
<div style="padding-right: 50%;">
<p>签名：</p>
<p>部门职位：</p>
<p>公司名称：</p>
</div>
<div>
<p>签名：</p>
<p>部门职位：</p>
<p>公司名称：</p>
</div>
</div>
</div>
<button class="checkBtn">下载保存</button>
<!-- <button style="padding: 2% 18%;
background-color: #66ca94;
border:1px solid #66ca94;
color: #fff;font-size: 1.5em;margin: 0 27% 4%;">下载保存</button> -->
</div>
<div style="display: flex;justify-content: space-between;padding-top: 5%;">
<div style="display: flex;place-items: center;cursor: pointer;">
<h5 style="position: absolute;background-color: #97DAB6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;"> </h5>
<a onclick="last()" style="position: relative;left: 20px;color:#323232; z-index: 5;">
<上一步骤</a>
</div>
<div style="display: flex;place-items: center;cursor: pointer;">
<h5 style="position: absolute;background-color: #97DAB6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;"> </h5>
<div onclick="commitPro()" style="position: relative;left: 20px;color:#323232; z-index: 5;cursor: pointer;">完成</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div style="flex:3; padding: 2% 5%;">
<p style="color: #66CA94;">实习流程 Intern Program Process</p>
<h1>金融界的顶尖名企</h1>
<h1>求知若渴的职场技能</h1>
<p style="padding: 4% 0;">作为世界顶尖的行研机构，沙利行业研究覆盖12大主流商业板块， 全面覆盖科技、金融、汽车、快销、餐饮、健康、工业、教育、化工等板块。 通过这样的全覆盖行研模式，沙利文能最快的洞悉新的市场机会， 也能为企业战略、增长、发展、开拓提供全方位的视角。而行业研究本身， 除了为客户提供更加精确，更加有见解的洞察外，也是支持沙利文其他业务最最重要模块。 作为世界顶尖的行研机构，沙利行业研究覆盖12大主流商业板块， 全面覆盖科技、金融、汽车、快销、餐饮、健康、工业、教育、化工等板块。 通过这样的全覆盖行研模式，沙利文能最快的洞悉新的市场机会，
也能为企业战略、增长、发展、开拓提供全方位的视角。而行业研究本身， 除了为客户提供更加精确，更加有见解的洞察外，也是支持沙利文其他业务最最重要模块。
</p>
<p style="color: #66ca97;">已完成的实习项目<span>3</span></p>
<p style="padding: 2% 0;">已完成的实习项目已完成的实习项目已完成的实习项目已完成的实习项目</p>
<p style="color: #66ca97;padding-bottom: 2%;">已完成的实习项目<span>3</span></p>
<img src="./images/03-1.png" style='width:100%;'>
<p style="padding: 3% 0;">作为世界顶尖的行研机构，沙利行业研究覆盖12大主流商业板块， 全面覆盖科技、金融、汽车、快销、餐饮、健康、工业、教育、化工等板块。 通过这样的全覆盖行研模式，沙利文能最快的洞悉新的市场机会， 也能为企业战略、增长、发展、开拓提供全方位的视角。而行业研究本身， 除了为客户提供更加精确，更加有见解的洞察外，也是支持沙利文其他业务最最重要模块。
</p>
<div style="display: flex;justify-content: space-between;">
<div style="background-color: #f0f0f0;padding: 2% 3%;">
<img src='./images/03-4.png' style="padding-right: 5%;">
<span>下载实习作业</span>
</div>
<div style="background-color: #f0f0f0;padding: 2% 3%;">
<img src='./images/03-5.png' style="padding-right: 5%;">
<span>提交实习作业</span>
</div>
<div style="background-color: #f0f0f0;padding: 2% 3%;">
<img src='./images/03-2.png' style="padding-right: 5%;">
<span>恭喜你，完成</span>
</div>
</div>
<div style="display: flex;justify-content: space-between;padding-top: 5%;">
<div style="display: flex;place-items: center;">
<h5 style="position: absolute;background-color: #97DAB6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;"> </h5>
<a href="single.html" style="position: relative;left: 20px;color:#323232; z-index: 5;">
<上一步骤</a>
</div>
<div style="display: flex;place-items: center;">
<h5 style="position: absolute;background-color: #97DAB6;border-radius: 50%;z-index: 2;width: 40px;height: 40px;"> </h5>
<div onclick="setQuestionId()" style="position: relative;left: 20px;color:#323232; z-index: 5;">下一步骤></div>
</div>
</div>
</div> -->
</div>
<footer>
<div class="wrap-footer" style="background-color: #323232;">
<div class="container">
<div class="row" style="display: flex;justify-content: space-between;">
<div class="col-footer col-md-3" style="display: flex;flex-direction: column;place-content: center;">
<img src="img/portfolio/B2.png" width="50%">
<p class="footer-title" style="color: #fff;padding-top: 10%;font-size: 0.8em; text-transform:capitalize">成功职场第一步，从Start-Line开始</p>
</div>
<div class="col-footer col-md-3 widget_recent_entries" style="display: flex;flex-direction: column;place-items: center;place-content: center;">
<a class="footer-title" href="index.html" style="color:#66CA94">网站导航</a>
<a class="footer-title" href="index.html">网站首页</a>
<a class="footer-title" href="participated.html">实习项目</a>
</div>
<div class="col-footer col-md-3" style="display: flex;flex-direction: column;place-items: center;place-content: center;">
<a class="footer-title" href="index.html" style="color:#66CA94">关于我们</a>
<a class="footer-title" href="index.html">关于Start-Line</a>
<a class="footer-title" href="participated.html">联系我们</a>
</div>
<div class="col-footer col-md-3" style="display: flex;flex-direction: column;place-items: center;place-content: center;" id="sevenimg4">
<h2 class="footer-title" style="color: #66CA94;text-transform:capitalize">关注Start-Line</h2>
<div id='ewm-footer' style="text-align: center;">
</div>
<!-- <img src="img/portfolio/EWM.png" style="width: 50%;"> -->
</div>
</div>
</div>
</div>
</footer>
<!-- jQuery -->
<script type="text/javascript" src="js/jquery-2.1.1.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/agency.js"></script>
<!-- Plugin JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/cbpAnimatedHeader.js"></script>
<script src='learningContent.js'></script>
<script src="config.js"></script>
<!-- carousel -->
<script src="owl-carousel/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$("#owl-brand").owlCarousel({
autoPlay: 3000,
items: 1,
itemsDesktop: [1199, 1],
itemsDesktopSmall: [979, 2],
navigation: false,
navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>']
});
});
</script>
</body>
</html>