-
Notifications
You must be signed in to change notification settings - Fork 0
/
page-builder-3.html
2152 lines (2135 loc) · 221 KB
/
page-builder-3.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
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
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<title>FlexyCard HTML5 Responsive vCard Template - FlexyCodes Themes</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="FlexyCodes - FlexyCard vCard Template. Creating my personal page!" />
<!-- CSS | bootstrap -->
<!-- Credits: http://getbootstrap.com/ -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<!-- CSS | font-awesome -->
<!-- Credits: http://fortawesome.github.io/Font-Awesome/icons/ -->
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
<!-- CSS | Colors -->
<link rel="stylesheet" type="text/css" href="css/colors/DarkBlue.css" id="colors-style" />
<link rel="stylesheet" type="text/css" href="css/switcher.css" />
<!-- CSS | animate -->
<!-- Credits: http://daneden.github.io/animate.css/ -->
<link rel="stylesheet" type="text/css" href="css/animate.min.css" />
<!-- CSS | Normalize -->
<!-- Credits: http://manos.malihu.gr/jquery-custom-content-scroller -->
<link rel="stylesheet" type="text/css" href="css/jquery.mCustomScrollbar.css" />
<!-- CSS | Google Fonts -->
<link href='http://fonts.useso.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
<!-- CSS | Style -->
<!-- Credits: http://themeforest.net/user/FlexyCodes -->
<link rel="stylesheet" type="text/css" href="css/main.css" />
<!-- CSS | prettyPhoto -->
<!-- Credits: http://www.no-margin-for-errors.com/ -->
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" />
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon/favicon.ico">
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="css/icons/font-awesome-ie7.min.css"/>
<![endif]-->
<style>
@media only screen and (max-width: 991px) {
.resp-vtabs .resp-tabs-container {
margin-left: 0px !important;
}
.resp-vtabs ul.resp-tabs-list {
width: 10%;
margin-right: 2px !important;
}
}
@media only screen and (max-width: 800px) {
.widget-profil {
float: none !important;
}
}
.widget-profil {
float: left;
}
.resp-vtabs ul.resp-tabs-list {
float: right;
}
</style>
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Laoding page -->
<div id="preloader">
<div id="spinner"></div>
</div>
<!-- .slideshow -->
<ul class="cb-slideshow" id="cb_slideshow" style="display:none">
<li><span>Image 01</span>
<div></div>
</li>
<li><span>Image 02</span>
<div></div>
</li>
<li><span>Image 03</span>
<div></div>
</li>
<li><span>Image 04</span>
<div></div>
</li>
<li><span>Image 05</span>
<div></div>
</li>
<li><span>Image 06</span>
<div></div>
</li>
</ul>
<!-- /.slideshow -->
<!-- .wrapper -->
<div class="wrapper">
<!--- .Content -->
<section class="tab-content">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-3 widget-profil">
<div class="row">
<!-- Profile Image -->
<div class="col-lg-12 col-md-12 col-sm-3 col-xs-12 ">
<div class="image-holder one" id="pic_prof_1" style="display:block">
<img class="head-image up circle" src="images/img/up.png" width="150" height="150" alt="" />
<img class="head-image up-left circle" src="images/img/upleft.png" width="150" height="150" alt="" />
<img class="head-image left circle" src="images/img/left.png" width="150" height="150" alt="" />
<img class="head-image down-left circle" src="images/img/downleft.png" width="150" height="150" alt="" />
<img class="head-image down circle" src="images/img/down.png" width="150" height="150" alt="" />
<img class="head-image down-right circle" src="images/img/downright.png" width="150" height="150" alt="" />
<img class="head-image right circle" src="images/img/right.png" width="150" height="150" alt="" />
<img class="head-image up-right circle" src="images/img/upright.png" width="150" height="150" alt="" />
<img class="head-image front circle" src="images/img/front.gif" width="150" height="150" alt="" />
</div>
<!-- style for simple image profile -->
<div class="circle-img" id="pic_prof_2" style="display:none"></div>
</div>
<!-- End Profile Image -->
<div class="col-lg-12 col-md-12 col-sm-9 col-xs-12">
<!-- Profile info -->
<div id="profile_info">
<h1 id="name" class="transition-02">肖建芳</h1>
<h4 class="line">Java & Clojure 软件工程师</h4>
<h6><span class="fa fa-map-marker"></span> 中国 · 上海 </h6>
</div>
<!-- End Profile info -->
<!-- Profile Description -->
<div id="profile_desc">
<p>
没有到达不了的目的地，只有不够勇敢的心灵和不懂坚持的双脚。
</p>
<p>
苍茫大地一剑尽挽破，何处繁华笙歌落。斜倚云端千壶掩寂寞，纵使他人空笑我。
</p>
</div>
<!-- End Profile Description -->
<!-- Name -->
<div id="profile_social">
<h6>我的社交状况</h6>
<a href="https://www.facebook.com/shawn.hsiao.378"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="http://www.linkedin.com/in/jianfangxiao"><i class="fa fa-linkedin"></i></a>
<a href="tencent://message/?uin=309183912&Site=www.seirhsiao.github.io/&Menu=yes"><i class="fa fa-qq"></i></a>
<a href="weixin://contacts/profile/xjfweibo2012"><i class="fa fa-weixin"></i></a>
<div class="clear"></div>
</div>
<!-- End Name -->
</div>
</div>
</div>
<div class="col-md-9 flexy_content" style="padding-left: 0;padding-right: 0;">
<!-- verticalTab menu -->
<div id="verticalTab">
<ul class="resp-tabs-list">
<li class="tabs-profile hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a profile" data-tab-name="profile">
<span class="tite-list">简介</span>
<i class="fa fa-user icon_menu icon_menu_active"></i>
</li>
<li class="tabs-resume hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a" data-tab-name="resume">
<span class="tite-list">简历</span>
<i class="fa fa-tasks icon_menu"></i>
</li>
<li class="tabs-portfolio hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a" data-tab-name="portfolio">
<span class="tite-list">作品</span>
<i class="fa fa-briefcase icon_menu"></i>
</li>
<li class="tabs-blog hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a" data-tab-name="blog">
<span class="tite-list">博客</span>
<i class="fa fa-bullhorn icon_menu"></i>
</li>
<li class="tabs-contact hi-icon-wrap hi-icon-effect-5 hi-icon-effect-5a" data-tab-name="contact" style="margin-bottom: 48px !important;">
<span class="tite-list">联系</span>
<i class="fa fa-envelope icon_menu"></i>
</li>
<a href="http://seirhsiao.github.io/cv/xiaojianfang_resume.pdf" id="print"><i class="fa fa-print icon_print"></i> </a>
<a href="http://seirhsiao.github.io/cv/xiaojianfang_resume.pdf" id="downlowd"><i class="fa fa-download icon_print"></i> </a>
</ul>
<!-- /resp-tabs-list -->
<!-- resp-tabs-container -->
<div class="resp-tabs-container">
<!-- profile -->
<div id="profile" class="content_2">
<!-- .title -->
<h1 class="h-bloc">简介 - 关于我</h1>
<div class="row top-p">
<div class="col-md-6 profile-l">
<!--About me-->
<div class="title_content">
<div class="text_content">肖建芳</div>
<div class="clear"></div>
</div>
<ul class="about">
<li>
<i class="glyphicon glyphicon-user"></i>
<label>姓名</label>
<span class="value">肖建芳</span>
<div class="clear"></div>
</li>
<li>
<i class="glyphicon glyphicon-calendar"></i>
<label>出生日期</label>
<span class="value">01月18, 1991</span>
<div class="clear"></div>
</li>
<li>
<i class="glyphicon glyphicon-map-marker"></i>
<label>地址</label>
<span class="value"> 中国 · 上海</span>
<div class="clear"></div>
</li>
<li>
<i class="glyphicon glyphicon-envelope"></i>
<label>邮箱</label>
<span class="value">[email protected]</span>
<div class="clear"></div>
</li>
<li>
<i class="glyphicon glyphicon-phone"></i>
<label>手机</label>
<span class="value">+86 15800368582</span>
<div class="clear"></div>
</li>
<li>
<i class="glyphicon glyphicon-globe"></i>
<label>网站</label>
<span class="value"><a href="#" target="_blank">www.seirhsiao.github.io/</a></span>
<div class="clear"></div>
</li>
</ul>
<p style="margin-bottom:20px">
<i class="fa fa-quote-left"></i> 人们都说，世事如棋，而我却认为，人生如牌。下棋的双方在初始的时候是势均力敌的，而人生不是这样，没有人能决定自己出生在什么样的家庭，拥有什么样的背景，就好像你没有办法决定手中的扑克牌到底是好是坏，但是我们可以去选择面对它的态度。往往最后在牌局当中取得胜利的不是开始牌最好的人，而是那些真正如履薄冰，用生命与执著去打好每一张牌的人。因此，我真诚地希望加入贵公司，尽自己的所学和所能与贵公司一起在竞争和挑战中共同进步！在未来的工作和学习中，我将更加努力，以实际行动来证明我的能力及努力，“借君伯乐慧眼，始我千里之行”。
</p>
<p style="margin-bottom:20px">
<i class="fa fa-quote-left"></i>
<ul> 鄙人姓萧，名建芳，字俊贤。一介书生耳，胸怀鸿鹄之志，身兼济世之才，而苦于无所施，可谓从戎无望、报国无门。
<li> 相貌尚可，眉清目秀，天庭饱满，身高八尺，潇洒闲雅，评学兼优； 爱好甚广，三教九流，四诗五经，略有涉猎；勤于锻炼, 严于律己，洁身自好。</li>
<li> 人生苦短，大学三秋，今朝蹉跎，上负苍天，中愧父母，下败自身，后亏子孙。负苍天赐锦瑟华年，愧父母生有用之身，败自身半生碌碌，亏子孙似玉童年。一切美好只是昨日沉醉，肝胆苦涩才是今天滋味，想想明天应是日晒风吹，十年寒窗荣辱系于现。安身立世，成败决于大学。处风口浪尖，似汪洋小船，不可无力无向。胜负一时不定，我心一日不寂！雾锁江山，残雁依旧征空；虽受雨打风吹，仍效桃李争辉，岂甘做配花绿叶；处社会汪洋，何惧艰险，踏遍风口浪尖</li>
<li> 今幸贵公司留之，不求达官进阶，飞黄腾达，但能弥己之不足，学之所用，以增吾所不能！</li>
</ul>
</p>
</div>
<!-- End left-wrap -->
<div class="col-md-6 profile-r">
<div class="cycle-slideshow">
<img src="images/img-profile/about_1.jpg" alt="" />
<img src="images/img-profile/about_2.png" alt="" />
<img src="images/img-profile/about_3.png" alt="" />
</div>
</div>
</div>
<div class="clear"></div>
<div class="row" id="services">
<div class="col-md-12">
<div class="title_content">
<div class="text_content">工作经历</div>
<div class="clear"></div>
</div>
<div class="col-md-4 pack-service">
<div class="service">
<div class="service-icon"><i class="fa fa-tag"></i></div>
<div class="service-detail">
<h6>Java培训</h6>
<p><strong>2013年07月~ 2013年11月 在苏州高博软件培训中心。</strong></p>
</div>
</div>
</div>
<div class="col-md-4 pack-service">
<div class="service">
<div class="service-icon"><i class="fa fa-cogs"></i></div>
<div class="service-detail">
<h6>公司培训</h6>
<p><strong>2013年11月~ 2014年01月 在无锡市文思海辉有限公司</strong></p>
</div>
</div>
</div>
<div class="col-md-4 pack-service">
<div class="service">
<div class="service-icon"><i class="fa fa-arrows-alt"></i></div>
<div class="service-detail">
<h6>职场生涯</h6>
<p><strong>2014年03月 - 至今 <span>进入花旗金融信息（中国）有限公司</span></strong></p>
</div>
</div>
</div>
</div>
</div>
<!-- End Services -->
<div class="clear"></div>
<div class="border-list"></div>
<div class="row">
<div class="col-md-12">
<div class="bottom-p">
<div class="title_content">
<div class="text_content">项目经验</div>
<div class="clear"></div>
</div>
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" class="collapse_tabs">
2013年11月~ 2013年12月，RCMS资源分类管理平台
<i class="glyphicon glyphicon-chevron-up" style="float: right;font-size: 13px;"></i>
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
<i class="fa fa-quote-left"></i>
<p>
<li><strong>项目描述：</strong> 资源管理系统，文件分类、上传、下载、分享、移动、备份、排序</li>
<li><strong>一、用户管理：</strong>用户可以登录、注册，修改用户资料。</li>
<li><strong>二、文件管理：</strong> 用户可以在前台登录、注册之后，上传资源、查看、浏览、编辑、复制、移动、下载、排序、分享、备份用户资源，并且能看到和下载其他用户分享的资源。
</li>
<li><strong>工作职责描述：</strong>全权负责系统架构，数据库设计及系统权限管理，核心功能板块。包括文件上传、下载、浏览、分享、备份、编辑功能模块。其中亮点功能可以查看，编辑任何文本类型文件。与其他组员合作开发整个系统。</li>
<li><strong>操作系统：</strong>windows 7</li>
<li><strong>所用技能：</strong>Jsp、Servlet、Html、Xml、Css、Dom、JavaScript、Json、Structs、Hibernate、Spring等WEB开发技术; </li>
</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="collapse_tabs">
2013年12月~ 2013年01月，BankSystem银行系统
<i class="glyphicon glyphicon-chevron-down" style="float: right;font-size: 13px;"></i>
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body">
<i class="fa fa-quote-left"></i>
<p>
<li><strong>项目描述：</strong></li>
<li><strong>一、需求背景：</strong>
<ul>
<li>现在的银行在营业厅办理业务时，银行员工都是在黑屏状态下进行操作的，相当不便。相对之，现在网络技术飞速发展，各种软件做的功能全、界面优美、操作方便，大大提高了工作效率。为了改善银行员工的工作环境、提高工作效率，我们小组利用时下流行的Java语言，编写基于网络后台处理的银行管理软件，其操作方便、功能齐全、美观舒适，可很大的推进银行业的总体工作效率。</li>
<li>此软件采用Java EE技术，采用模块式架构体系，用Web操作实现银行各操作。</li>
</ul>
</li>
<li><strong>二、角色定义:</strong></li>
<li>本系统角色包括两种，银行业务员（Bank clerk）和银行经理（manager），其中，银行业务员和银行经理各有操作权限。
<br>
</li>
<li>银行业务员：
<ul>
<li>分为两类业务员，企业银行业务员和个人银行业务员。</li>
<li>企业银行业务员负责企业的所有业务操作，个人银行业务员负责个人的所有业务操作，他们分别根据业务流程图实现各种操作。</li>
<li>具体权限：
<ul>
<li> 1.处理六大业务：账户管理、存取款、定转活、冻结、转账、外汇。账户管理包括开户、查询、消户、挂失。存取款包括存款、取款。</li>
<li>2.每次操作后，生成操作报表。</li>
<li>3.负责录入用户信息，审核确认。</li>
<li>4.部分业务在提交前需要银行经理权限审核。</li>
</ul>
</li>
</ul>
</li>
<li>银行经理：
<ul>
<li>1.负责银行的利息、利率的设定，对于各种报表的操作。主要包括：</li>
<li>2.设定银行的汇率和利率，并进行更新。</li>
<li>3.负责生成相应业务报表，并打印、保存。</li>
<li>4.对相应报表进行处理或分发到处理人员。</li>
</ul>
</li>
</ul>
</li>
<li>
<p><strong>工作职责描述：</strong> 全权项目负责人管理开发活动并全权负责本版块开发活动，主要负责业务处理模块：
</p>
<ul>
<li>1.本模块包括个人业务和企业业务两个子模块。其中个人业务包括账户管理、存取款、冻结、转账和外汇五个功能模块，企业业务包括账户管理、存取款、转账和金融信息服务四个功能。 </li>
<li>2.利率和汇率设置模块：包含利率设置和汇率设置两个功能。 </li>
<li>3.报表模块：本模块包含业务报表、利息报表和异常报表。</li>
<li>4.各版块选项卡采用Structs2+Spring+Hibernate。</li>
</ul>
</li>
<li>
<p><strong>操作系统：</strong> windows 7</p>
</li>
<li>
<p><strong>所用技能：</strong> Java EE 开发技术，Structs2,Spring,Hibernate,jsp,javaScript</p>
</li>
</ul>
</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" class="collapse_tabs">
2014年07月~ 至今，Mars多资产风险评估系统
<i class="glyphicon glyphicon-chevron-down" style="float: right;font-size: 13px;"></i>
</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse">
<div class="panel-body">
<i class="fa fa-quote-left"></i>
<p>
<ul><strong>项目描述：</strong> 多资产风险系统(MARS)是一个编制和报告的框架，可以用来计算各种金融衍生品德风险措施。</ul>
<li><strong>一、基础架构：</strong>采用IBM Platform Symphony 作为可伸缩性极强的企业级网格服务器SOA中间件,可用于在可扩展、共享、异构的网格中运行分布式应用服务。使用Akka作为并发处理模型处理基于事件驱动的事件。底层使用c++库产品计算模型。同时使用轻量级Guice作为注入框架，wicket 作为控制架构，利用Kafka作为分布式发布-订阅消息系统。</li>
<li><strong>二、架构组件：</strong>
Services Providers是MARS架构的核心概念。它们是可重用功能的基本元素，基本上称为Providers。Providers的实现可能会承担的可用Providers容器。Providers容器是在MARS框架内重用的基本元素。它提供了处理/控制器的一部分，该框架的请求处理和响应管理功能。它支持的功能，如缓存，日志，异常处理，故障管理等功能的控制要求。
</li>
<li><strong>工作职责描述：</strong>全权负责系统架构，数据库设计及系统权限管理，核心功能板块。包括缓存管理服务，日志服务，故障管理，安全服务，通用组件服务，配置管理服务。与其他组员合作开发整个系统。</li>
<li><strong>操作系统：</strong>windows 7</li>
<li><strong>所用技能：</strong>Restful、Wicket,Guice,AKKA,Kafka,Shiro,Maven,Servlet、Html、Xml、Css、Dom、JavaScript、Json、Structs、Hibernate、Spring等WEB开发技术; </li>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<!-- End .profile -->
<!-- .resume -->
<div id="resume" class="content_2">
<!-- .title -->
<h1 class="h-bloc">简历 - 技能信息</h1>
<div class="row">
<!-- .resume-right -->
<div class="col-md-6">
<!-- .title_content -->
<div class="title_content" style="float: none;">
<div class="text_content">设计技能</div>
<div class="clear"></div>
</div>
<!-- /.title_content -->
<div class="skills">
<!-- .skillbar -->
<div class="skillbar clearfix" data-percent="75%">
<div class="skillbar-title"><span>Photoshop</span></div>
<div class="skillbar-bar"></div>
<div class="skill-bar-percent">75%</div>
</div>
<!-- /.skillbar -->
<!-- .skillbar -->
<div class="skillbar clearfix" data-percent="60%">
<div class="skillbar-title"><span>Illustrateur</span></div>
<div class="skillbar-bar"></div>
<div class="skill-bar-percent">60%</div>
</div>
<!-- /.skillbar -->
<!-- .skillbar -->
<div class="skillbar clearfix" data-percent="40%">
<div class="skillbar-title"><span>Indesign</span></div>
<div class="skillbar-bar"></div>
<div class="skill-bar-percent">40%</div>
</div>
<!-- /.skillbar -->
<!-- .skillbar -->
<div class="skillbar clearfix" data-percent="35%">
<div class="skillbar-title"><span>Flash</span></div>
<div class="skillbar-bar"></div>
<div class="skill-bar-percent">35%</div>
</div>
<!-- /.skillbar -->
</div>
<!-- .title_content -->
<div class="title_content" style="float: none;">
<div class="text_content">编程技能</div>
<div class="clear"></div>
</div>
<!-- /.title_content -->
<div class="skills">
<!-- .skillbar -->
<div class="skillbar clearfix" data-percent="85%">
<div class="skillbar-title"><span>java</span></div>
<div class="skillbar-bar"></div>
<div class="skill-bar-percent">85%</div>
</div>
<!-- /.skillbar -->
<!-- .skillbar -->
<div class="skillbar clearfix" data-percent="75%">
<div class="skillbar-title"><span>clojure</span></div>
<div class="skillbar-bar"></div>
<div class="skill-bar-percent">75%</div>
</div>
<!-- /.skillbar -->
<!-- .skillbar -->
<div class="skillbar clearfix" data-percent="70%">
<div class="skillbar-title"><span>shell</span></div>
<div class="skillbar-bar"></div>
<div class="skill-bar-percent">70%</div>
</div>
<!-- /.skillbar -->
<!-- .skillbar -->
<div class="skillbar clearfix" data-percent="60%">
<div class="skillbar-title"><span>c</span></div>
<div class="skillbar-bar"></div>
<div class="skill-bar-percent">60%</div>
</div>
<!-- /.skillbar -->
<!-- .skillbar -->
<div class="skillbar clearfix" data-percent="80%">
<div class="skillbar-title"><span>html</span></div>
<div class="skillbar-bar"></div>
<div class="skill-bar-percent">80%</div>
</div>
<!-- /.skillbar -->
<!-- .skillbar -->
<div class="skillbar clearfix" data-percent="65%">
<div class="skillbar-title"><span>javascript</span></div>
<div class="skillbar-bar"></div>
<div class="skill-bar-percent">65%</div>
</div>
<!-- .skillbar -->
<div class="skillbar clearfix" data-percent="60%">
<div class="skillbar-title"><span>css</span></div>
<div class="skillbar-bar"></div>
<div class="skill-bar-percent">60%</div>
</div>
<!-- .skillbar -->
<div class="skillbar clearfix" data-percent="70%">
<div class="skillbar-title"><span>xml</span></div>
<div class="skillbar-bar"></div>
<div class="skill-bar-percent">70%</div>
</div>
<!-- /.skillbar -->
<!-- /.skillbar -->
<!-- /.skillbar -->
</div>
<!-- .title_content -->
<div class="title_content" style="float: none;">
<div class="text_content">办公技能</div>
<div class="clear"></div>
</div>
<!-- /.title_content -->
<div class="skills">
<!-- .skillbar -->
<div class="skillbar clearfix" data-percent="70%">
<div class="skillbar-title"><span>MS Excel</span></div>
<div class="skillbar-bar"></div>
<div class="skill-bar-percent">70%</div>
</div>
<!-- /.skillbar -->
<!-- .skillbar -->
<div class="skillbar clearfix " data-percent="80%">
<div class="skillbar-title"><span>MS Word</span></div>
<div class="skillbar-bar"></div>
<div class="skill-bar-percent">80%</div>
</div>
<!-- /.skillbar -->
<!-- .skillbar -->
<div class="skillbar clearfix " data-percent="85%">
<div class="skillbar-title"><span>Powerpoint</span></div>
<div class="skillbar-bar"></div>
<div class="skill-bar-percent">85%</div>
</div>
<!-- /.skillbar -->
<!-- .skillbar -->
<div class="skillbar clearfix " data-percent="40%">
<div class="skillbar-title"><span>SharePoint</span></div>
<div class="skillbar-bar"></div>
<div class="skill-bar-percent">40%</div>
</div>
<!-- /.skillbar -->
</div>
<!-- .title_content -->
<div class="title_content" style="float: none;">
<div class="text_content">爱好技能</div>
<div class="clear"></div>
</div>
<!-- /.title_content -->
<div class="skills">
<!-- .skillbar -->
<div class="skillbar clearfix" data-percent="60%">
<div class="skillbar-title"><span>Music</span></div>
<div class="skillbar-bar"></div>
<div class="skill-bar-percent">60%</div>
</div>
<!-- /.skillbar -->
<!-- .skillbar -->
<div class="skillbar clearfix " data-percent="95%">
<div class="skillbar-title"><span>Sport</span></div>
<div class="skillbar-bar"></div>
<div class="skill-bar-percent">95%</div>
</div>
<!-- /.skillbar -->
<!-- .skillbar -->
<div class="skillbar clearfix " data-percent="85%">
<div class="skillbar-title"><span>Reading</span></div>
<div class="skillbar-bar"></div>
<div class="skill-bar-percent">85%</div>
</div>
<!-- /.skillbar -->
<!-- .skillbar -->
<div class="skillbar clearfix " data-percent="70%">
<div class="skillbar-title"><span>Travelling</span></div>
<div class="skillbar-bar"></div>
<div class="skill-bar-percent">70%</div>
</div>
<!-- /.skillbar -->
</div>
<!-- .title_content -->
<div class="title_content" style="float: none;">
<div class="text_content">语言技能</div>
<div class="clear"></div>
</div>
<!-- /.title_content -->
<div class="skills">
<!-- .skillbar -->
<div class="skillbar clearfix" data-percent="70%">
<div class="skillbar-title"><span>English</span></div>
<div class="skillbar-bar"></div>
<div class="skill-bar-percent">70%</div>
</div>
<!-- /.skillbar -->
</div>
<!-- .title_content -->
<div class="title_content" style="float: none;">
<div class="text_content">我的简历</div>
<div class="clear"></div>
</div>
<!-- /.title_content -->
<!-- .download_resume -->
<a class="download" style="margin:0;float: left;" href="http://seirhsiao.github.io/cv/xiaojianfang_resume.pdf">
<span data-hover="下载简历"><i class="glyphicon glyphicon-download-alt"></i> 下载简历</span>
</a>
<!-- /.download_resume -->
</div>
<!-- /.resume-right -->
<!-- .resume-left -->
<div class="col-md-6 resume-left">
<!-- .title_content -->
<div class="title_content" style="margin-bottom:5px">
<div class="text_content">工作经历</div>
<div class="clear"></div>
</div>
<!-- /.title_content -->
<!-- .attributes -->
<ul class="attributes">
<li>
<h5>java软件工程师 <span class="duration"><i class="fa fa-calendar color"></i> 2013年11月~ 2014年01月 </span></h5>
<h6><span class="fa fa-briefcase"></span> 无锡市文思海辉有限公司</h6>
<p>进入文思-花旗ICG项目组，在无锡开展为期3个月的公司实训</p>
</li>
<li>
<h5>java软件工程师 <span class="duration"><i class="fa fa-calendar color"></i> 2014年03月 - 至今 </span></h5>
<h6><span class="fa fa-briefcase"></span> 花旗金融信息（中国）有限公司</h6>
<p>进入花旗ICG Credit 部门 CVA Team </p>
</li>
</ul>
<!-- /.attributes -->
<br>
<!-- .title_content -->
<div class="title_content">
<div class="text_content">教育背景</div>
<div class="clear"></div>
</div>
<!-- /.title_content -->
<!-- .attributes -->
<ul class="attributes">
<li class="first">
<h5>java学员 <span class="duration"><i class="fa fa-calendar color"></i> 2013年07月~ 2013年11月</span></h5>
<h6><span class="fa fa-book"></span> 苏州高博软件培训中心</h6>
<p>
<ul>详细描述：
<li>1、掌握Java基础编程开发，Java SE基础开发，Java EE基础开发，Android 基础编程等编程技术；</li>
<li>2、 熟悉SQL Server2005/2008、MySQL5.0、Oracle数据库设计与使用，了解数据库建模工具PowerDesign进行数据库设计及UML。</li>
</ul>
</p>
</li>
<li>
<h5>在校学生 <span class="duration"><i class="fa fa-calendar color"></i> 2010年09月~ 2014年07月</span></h5>
<h6><span class="fa fa-book"></span> 南昌航空大学</h6>
<p>
<ul><strong>专业：</strong>电子商务
<li><strong>课程或学习情况描述：</strong>C++程序设计、java程序设计、jsp技术及应用、高级数据库、数据库原理及应用、网页色彩、静态网页设计、电子商务网站建设与管理、电子商务系统分析设计与实现、计算机网络技术、计算机应用实践、计算机文化基础等。</li>
</ul>
</p>
</li>
</ul>
<!-- /.attributes -->
<br>
<!-- .title_content -->
<div class="title_content">
<div class="text_content">获奖荣誉</div>
<div class="clear"></div>
</div>
<!-- /.title_content -->
<!-- .attributes -->
<ul class="attributes">
<li class="first">
<h5>创意 & 设计 <span class="duration"><i class="fa fa-calendar color"></i> 2013 - 2014</span></h5>
<h6><span class="fa fa-trophy"></span> 2013 - 2014年度文思-花旗ICG软件创意大赛</h6>
<p>集成自动化代码分析，样式检查，各种构建、测试、部署工具，通知管理。入围创意大赛前五名</p>
</li>
<li>
<h5>程序 & 设计 <span class="duration"><i class="fa fa-calendar color"></i> 2013 - 2014</span></h5>
<h6><span class="fa fa-trophy"></span>2013 - 2014年新人最佳程序设计大赛</h6>
<p>快速处理大数据分析，转换，加工，计算，传输。获得大赛冠军。</p>
</li>
</ul>
<!-- /.attributes -->
<br>
</div>
<!-- /.resume-left -->
</div>
<div style="clear: both"></div>
<!-- client reference -->
</div>
<!-- End .resume -->
<!-- .portfolio -->
<div id="portfolio" class="content_2">
<!-- .title -->
<h1 class="h-bloc">作品集 - 我的作品</h1>
<!-- .container-portfolio -->
<div class="container-portfolio">
<!-- #filters -->
<ul id="filters" class="clearfix">
<li><span class="filter active" data-filter="catWeb catGraphic catMotion logo">All</span></li>
<li><span class="filter" data-filter="catWeb">Web Design</span></li>
<li><span class="filter" data-filter="catGraphic">Graphic Design</span></li>
<li><span class="filter" data-filter="catMotion">Motion Graphic</span></li>
<li><span class="filter" data-filter="logo">Logo</span></li>
</ul>
<!-- /#filters -->
<!-- #portfoliolist -->
<div id="portfoliolist">
<!-- .portfolio -->
<div class="portfolio logo" data-cat="logo">
<!-- .portfolio-wrapper -->
<div class="portfolio-wrapper">
<a href="images/portfolio/1.jpg" rel="portfolio" title="">
<img src="images/portfolio/1.jpg" alt="Visual Infography" />
<div class="label">
<div class="label-text">
<a herf="images/portfolio/1.jpg" class="text-title">Project Name</a>
<span class="text-category">Logo</span>
</div>
<div class="label-bg"></div>
</div>
</a>
</div>
<!-- /.portfolio-wrapper -->
</div>
<!-- /.portfolio -->
<!-- .portfolio -->
<div class="portfolio catWeb" data-cat="catWeb">
<!-- .portfolio-wrapper -->
<div class="portfolio-wrapper">
<a href="http://www.youtube.com/watch?v=c9MnSeYYtYY" rel="portfolio">
<img src="images/portfolio/2.jpg" alt="Visual Infography" />
<div class="label">
<div class="label-text">
<a herf="images/portfolio/2.jpg" class="text-title">Project Name</a>
<span class="text-category">Web Design</span>
</div>
<div class="label-bg"></div>
</div>
</a>
</div>
<!-- /.portfolio-wrapper -->
</div>
<!-- /.portfolio -->
<!-- .portfolio -->
<div class="portfolio catWeb" data-cat="catWeb">
<!-- .portfolio-wrapper -->
<div class="portfolio-wrapper">
<a href="images/portfolio/3.jpg" rel="portfolio">
<img src="images/portfolio/3.jpg" alt="Sonor's Design" />
<div class="label">
<div class="label-text">
<a class="text-title">Project Name</a>
<span class="text-category">Web design</span>
</div>
<div class="label-bg"></div>
</div>
</a>
</div>
<!-- /.portfolio-wrapper -->
</div>
<!-- /.portfolio -->
<!-- .portfolio -->
<div class="portfolio catMotion" data-cat="catMotion">
<!-- .portfolio-wrapper -->
<div class="portfolio-wrapper">
<a href="images/portfolio/4.jpg" rel="portfolio">
<img src="images/portfolio/4.jpg" alt="Typography Company" />
<div class="label">
<div class="label-text">
<a class="text-title">Project Name</a>
<span class="text-category">Motion Graphic</span>
</div>
<div class="label-bg"></div>
</div>
</a>
</div>
<!-- /.portfolio-wrapper -->
</div>
<!-- /.portfolio -->
<!-- .portfolio -->
<div class="portfolio catWeb" data-cat="catWeb">
<!-- .portfolio-wrapper -->
<div class="portfolio-wrapper">
<a href="images/portfolio/5.jpg" title="Etiam quis mi eu elit tempor facilisis id et neque. Nulla sit amet sem sapien." rel="portfolio">
<img src="images/portfolio/5.jpg" alt="Weatherette" />
<div class="label">
<div class="label-text">
<a class="text-title">Project Name</a>
<span class="text-category">Web Design</span>
</div>
<div class="label-bg"></div>
</div>
</a>
</div>
<!-- /.portfolio-wrapper -->
</div>
<!-- /.portfolio -->
<!-- .portfolio -->
<div class="portfolio catMotion" data-cat="catMotion">
<!-- .portfolio-wrapper -->
<div class="portfolio-wrapper">
<a href="images/portfolio/6.jpg" rel="portfolio">
<img src="images/portfolio/6.jpg" alt="BMF" />
<div class="label">
<div class="label-text">
<a class="text-title">Project Name</a>
<span class="text-category">Motion Graphic</span>
</div>
<div class="label-bg"></div>
</div>
</a>
</div>
<!-- /.portfolio-wrapper -->
</div>
<!-- /.portfolio -->
<!-- .portfolio -->
<div class="portfolio catGraphic" data-cat="catGraphic">
<!-- .portfolio-wrapper -->
<div class="portfolio-wrapper">
<a href="images/portfolio/7.jpg" title="Etiam quis mi eu elit tempor facilisis id et neque. Nulla sit amet sem sapien." rel="portfolio">
<img src="images/portfolio/7.jpg" alt="Techlion" />
<div class="label">
<div class="label-text">
<a class="text-title">Project Name</a>
<span class="text-category">Graphic Design</span>
</div>
<div class="label-bg"></div>
</div>
</a>
</div>
<!-- /.portfolio-wrapper -->
</div>
<!-- /.portfolio -->
<!-- .portfolio -->
<div class="portfolio logo" data-cat="logo">
<!-- .portfolio-wrapper -->
<div class="portfolio-wrapper">
<a href="images/portfolio/8.jpg" rel="portfolio" title="Etiam quis mi eu elit tempor facilisis id et neque. Nulla sit amet sem sapien.">
<img src="images/portfolio/8.jpg" alt="KittyPic" />
<div class="label">
<div class="label-text">
<a class="text-title">Project Name</a>
<span class="text-category">Logo</span>
</div>
<div class="label-bg"></div>
</div>
</a>
</div>
<!-- /.portfolio-wrapper -->
</div>
<!-- /.portfolio -->
<!-- .portfolio -->
<div class="portfolio catWeb" data-cat="catWeb">
<!-- .portfolio-wrapper -->
<div class="portfolio-wrapper">
<a href="images/portfolio/9.jpg" title="Etiam quis mi eu elit tempor facilisis id et neque. Nulla sit amet sem sapien." rel="portfolio">
<img src="images/portfolio/9.jpg" alt="Graph Plotting" />
<div class="label">
<div class="label-text">
<a class="text-title">Project Name</a>
<span class="text-category">Web Design</span>
</div>
<div class="label-bg"></div>
</div>
</a>
</div>
<!-- /.portfolio-wrapper -->
</div>
<!-- /.portfolio -->
<!-- .portfolio -->
<div class="portfolio catGraphic" data-cat="catGraphic">
<!-- .portfolio-wrapper -->
<div class="portfolio-wrapper">
<a href="images/portfolio/10.jpg" rel="portfolio">
<img src="images/portfolio/10.jpg" alt="QR Quick Response" />
<div class="label">
<div class="label-text">
<a class="text-title">Project Name</a>
<span class="text-category">Graphic Design</span>
</div>
<div class="label-bg"></div>
</div>
</a>
</div>
<!-- /.portfolio-wrapper -->
</div>
<!-- /.portfolio -->
<!-- .portfolio -->
<div class="portfolio logo" data-cat="logo">
<!-- .portfolio-wrapper -->
<div class="portfolio-wrapper">
<a href="images/portfolio/11.jpg" title="Etiam quis mi eu elit tempor facilisis id et neque. Nulla sit amet sem sapien." rel="portfolio">
<img src="images/portfolio/11.jpg" alt="Mobi Sock" />
<div class="label">
<div class="label-text">
<a class="text-title">Project Name</a>
<span class="text-category">Logo</span>
</div>
<div class="label-bg"></div>
</div>
</a>
</div>
<!-- /.portfolio-wrapper -->
</div>
<!-- /.portfolio -->
<!-- .portfolio -->
<div class="portfolio logo" data-cat="logo">
<!-- .portfolio-wrapper -->
<div class="portfolio-wrapper">
<a href="images/portfolio/12.jpg" rel="portfolio">
<img src="images/portfolio/12.jpg" alt="Village Community Church" />
<div class="label">
<div class="label-text">
<a class="text-title">Project Name</a>
<span class="text-category">Logo</span>
</div>
<div class="label-bg"></div>
</div>
</a>
</div>
<!-- /.portfolio-wrapper -->
</div>
<!-- /.portfolio -->
<div class="clear"></div>
</div>
<!-- #portfoliolist -->
</div>
<!-- /.container-portfolio -->
</div>
<!-- End .portfolio -->
<!-- .blog -->
<div id="blog" class="content_2">
<h1 class="h-bloc">博客 - 我的博客</h1>
<br>
<div class="col-md-12">
<div class="row">
<!-- Page Blog -->
<div class="col-md-12" id="blog_page">
<!-- start Page Blog -->
<section id="blog-page">
<!-- Post 1 -->
<article id="post-1" class="blog-article">
<div class="col-md-12">
<div class="row">
<div class="col-md-12 post_media">
<div class="post-format-icon">
<a href="#" class="item-date"><span class="fa fa-picture-o"></span></a>
</div>
<div class="media">
<div class="he-wrap tpl2">
<div id="carousel-1" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel-1" data-slide-to="0" class="active"></li>
<li data-target="#carousel-1" data-slide-to="1"></li>
<li data-target="#carousel-1" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="images/blog/gufeng01.jpg" alt="" />
<div class="carousel-caption">
<!-- <h4>First Thumbnail label</h4>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> -->
</div>
</div>
<div class="item">
<img src="images/blog/gufeng02.jpg" alt="" />
<div class="carousel-caption">
<<!-- h4>First Thumbnail label</h4>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> -->
</div>
</div>
<div class="item">