-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·1065 lines (1006 loc) · 54 KB
/
index.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 IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<title>医宝宝 | 专业的患患交流平台</title>
<meta name="description" content="医宝宝－专业的患患交流平台">
<meta name="author" content="htmlcoder.me">
<!-- Mobile Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.ico">
<!-- Web Fonts -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700,300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:700,400,300' rel='stylesheet' type='text/css'>
<!-- Bootstrap core CSS -->
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Font Awesome CSS -->
<link href="fonts/font-awesome/css/font-awesome.css" rel="stylesheet">
<!-- Plugins -->
<link href="css/animations.css" rel="stylesheet">
<!-- Worthy core CSS file -->
<link href="css/style.css" rel="stylesheet">
<!-- Custom css -->
<link href="css/custom.css" rel="stylesheet">
</head>
<body class="no-trans" onselectstart="return false;" oncontextmenu="alert('欢迎来到医宝宝！');return false;" onkeydown="if(event.keyCode==27) return false;">
<!-- avoid source script -->
<script type="text/javascript">
document.onmousedown = click; //bind mouse click event
document.onkeydown = ctrl_key; //bind key board event
function click() {
if (event.button == 2) //mouse right click up
{
alert('欢迎来到医宝宝！');
return false;
}
}
function ctrl_key() {
if (event.keyCode == 17) { //CTRL+S
window.alert("欢迎来到医宝宝！");
return false;
}
if (event.keyCode == 123) { //F12
alert('欢迎来到医宝宝！');
return false;
}
}
</script>
<!-- avoid source script end -->
<!-- scrollToTop -->
<!-- ================ -->
<div class="scrollToTop"><i class="icon-up-open-big"></i></div>
<!-- header start -->
<!-- ================ -->
<header class="header fixed clearfix navbar navbar-fixed-top">
<div class="container">
<div class="row">
<div class="col-md-4">
<!-- header-left start -->
<!-- ================ -->
<div class="header-left clearfix">
<!-- logo -->
<div class="logo smooth-scroll">
<a href="#banner"><img id="logo" src="images/logo.png" alt="Worthy"></a>
</div>
<!-- name-and-slogan -->
<div class="site-name-and-slogan smooth-scroll">
<div class="site-name"><a href="#banner">医宝宝</a></div>
<div class="site-slogan">患者患者之间的<a target="_blank" href="http://yibaobao188.com">交流</a></div>
</div>
</div>
<!-- header-left end -->
</div>
<div class="col-md-8">
<!-- header-right start -->
<!-- ================ -->
<div class="header-right clearfix">
<!-- main-navigation start -->
<!-- ================ -->
<div class="main-navigation animated">
<!-- navbar start -->
<!-- ================ -->
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse scrollspy smooth-scroll" id="navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#banner">主页</a></li>
<li><a href="#services">我们的应用</a></li>
<li><a href="#interaction">患患交流</a></li>
<li><a href="#sports">健康运动</a></li>
<li><a href="#about">关于我们</a></li>
<li><a href="#contact">联系我们</a></li>
</ul>
</div>
</div>
</nav>
<!-- navbar end -->
</div>
<!-- main-navigation end -->
</div>
<!-- header-right end -->
</div>
</div>
</div>
</header>
<!-- header end -->
<!-- banner start -->
<!-- ================ -->
<div id="banner" class="banner">
<div class="banner-image"></div>
<div class="banner-caption">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 object-non-visible" data-animation-effect="fadeIn">
<h1 class="text-center">我 叫<span>医宝宝</span></h1>
<p class="lead text-center">雨下整夜我的爱溢出就像雨水，窗台蝴蝶像诗里纷飞的美丽章节，我接着写把永远爱你写进诗的结尾，你是我唯一想要的了解。</p>
</div>
</div>
</div>
</div>
</div>
<!-- banner end -->
<!-- section start -->
<!-- ================ -->
<div class="section translucent-bg bg-image-1 blue">
<div class="container object-non-visible" data-animation-effect="fadeIn">
<h1 id="services" class="text-center title">我们的应用</h1>
<div class="space"></div>
<div class="row">
<div class="service-grids">
<div class="col-md-4 service-grid">
<img src="images/icon1.png">
<img src="images/R1.png">
<h4>苹果版</h4>
<p>我们的应用ios版下载地址</p>
<a href="#" class="button hvr-shutter-in-horizontal">点击下载</a>
</div>
<div class="col-md-4 service-grid">
<img src="images/icon2.png">
<img src="images/R1.png">
<h4>安卓版</h4>
<p>我们的应用android版下载地址</p>
<a href="#" class="button hvr-shutter-in-horizontal">点击下载</a>
</div>
<div class="col-md-4 service-grid">
<img src="images/icon3.png">
<img src="images/R1.png">
<h4>WP版</h4>
<p>我们的应用WP版下载地址</p>
<a href="#" class="button hvr-shutter-in-horizontal">点击下载</a>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- section start -->
<!-- ================ -->
<div class="translucent-bg blue">
<div class="container">
<div class="list-horizontal">
<div class="row">
<div class="col-xs-2">
<div class="list-horizontal-item">
<img src="images/client-1.png" alt="client">
</div>
</div>
<div class="col-xs-2">
<div class="list-horizontal-item">
<img src="images/client-2.png" alt="client">
</div>
</div>
<div class="col-xs-2">
<div class="list-horizontal-item">
<img src="images/client-3.png" alt="client">
</div>
</div>
<div class="col-xs-2">
<div class="list-horizontal-item">
<img src="images/client-4.png" alt="client">
</div>
</div>
<div class="col-xs-2">
<div class="list-horizontal-item">
<img src="images/client-5.png" alt="client">
</div>
</div>
<div class="col-xs-2">
<div class="list-horizontal-item">
<img src="images/client-6.png" alt="client">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- section end -->
</div>
<!-- section end -->
<!-- section start -->
<!-- ================ -->
<div class="section translucent-bg bg-image-2 pb-clear">
<div class="container object-non-visible" data-animation-effect="fadeIn">
<h1 id="interaction" class="title text-center">患患交流</h1>
<div class="space"></div>
<div class="row">
<div class="col-md-4">
<div class="media testimonial">
<div class="media-left">
<img src="images/testimonial-1.png" alt="">
</div>
<div class="media-body">
<h3 class="media-heading">双截棍</h3>
<blockquote>
<p>快使用双截棍 哼哼哈兮快使用双截棍 哼哼哈兮习武之人切记 仁者无敌是谁在练太极 风生水起快使用双截棍 哼哼哈兮快使用双截棍 哼哼哈兮如果我有轻功 飞檐走壁为人耿直不屈 一身正气 哼</p>
<footer>小小曾<cite title="Source Title">T .. T</cite></footer>
</blockquote>
</div>
</div>
</div>
<div class="col-md-4">
<div class="media testimonial">
<div class="media-left">
<img src="images/testimonial-2.png" alt="">
</div>
<div class="media-body">
<h3 class="media-heading">发如雪</h3>
<blockquote>
<p>你发如雪 凄美了离别我焚香感动了谁 邀明月 让回忆皎洁 爱在月光下完美 你发如雪 纷飞了眼泪 我等待苍老了谁 红尘醉 微醺的岁月我用无悔 刻永世爱你的碑</p>
<footer>小小宇<cite title="Source Title">~ .. ~</cite></footer>
</blockquote>
</div>
</div>
</div>
<div class="col-md-4">
<div class="media testimonial">
<div class="media-left">
<img src="images/testimonial-3.png" alt="">
</div>
<div class="media-body">
<h3 class="media-heading">红尘客栈</h3>
<blockquote>
<p>剑出鞘恩怨了 谁笑我只求今朝拥你 入怀抱 红尘客栈风似刀 骤雨落宿命敲 任武林谁领风骚 我却只为你折腰 过荒村野桥寻世外古道 远离人间尘嚣 柳絮飘执子之手逍遥</p>
<footer>小小龙<cite title="Source Title">c .. c</cite></footer>
</blockquote>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="media testimonial">
<div class="media-left">
<img src="images/testimonial-2.png" alt="">
</div>
<div class="media-body">
<h3 class="media-heading">黑色毛衣</h3>
<blockquote>
<p>看着那白色的蜻蜓 在空中忘了前进 还能不能 重新编织 脑海中起毛球的记忆 再说我爱你 可能雨也不会停 黑色毛衣 藏在哪里 就让回忆永远停在那里</p>
<footer>小小丁<cite title="Source Title">s .. s</cite></footer>
</blockquote>
</div>
</div>
</div>
<div class="col-md-4">
<div class="media testimonial">
<div class="media-left">
<img src="images/testimonial-3.png" alt="">
</div>
<div class="media-body">
<h3 class="media-heading">彩虹</h3>
<blockquote>
<p>哪里有彩虹告诉我 能不能把我的愿望还给我 为什么天这么安静 所有的云都跑到我这里 有没有口罩一个给我 释怀说了太多就成真不了 也许时间是一种 也是我现在正服下的毒药</p>
<footer>小小光<cite title="Source Title">m .. m</cite></footer>
</blockquote>
</div>
</div>
</div>
<div class="col-md-4">
<div class="media testimonial">
<div class="media-left">
<img src="images/testimonial-1.png" alt="">
</div>
<div class="media-body">
<h3 class="media-heading">可爱女人</h3>
<blockquote>
<p>漂亮的让我面红的可爱女人 温柔的让我心疼的可爱女人 透明的让我感动的可爱女人 坏坏的让我疯狂的可爱女人 漂亮的让我面红的可爱女人 温柔的让我心疼的可爱女人 透明的让我感动的可爱女人</p>
<footer>小小露<cite title="Source Title">n .. n</cite></footer>
</blockquote>
</div>
</div>
</div>
</div>
</div>
<!-- section start -->
<!-- ================ -->
<div class="default-bg space blue">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1 class="text-center">Let's Work Together!</h1>
</div>
</div>
</div>
</div>
<!-- section end -->
</div>
<!-- section end -->
<!-- section start -->
<!-- ================ -->
<div class="section">
<div class="container">
<h1 class="text-center title" id="sports">健康运动</h1>
<div class="separator"></div>
<p class="lead text-center">运动，一种涉及体力和技巧的由一套规则或习惯所约束的活动，通常具有竞争性。<br>物布时空永不均产生了普遍运动，普遍的运动生灭着万事万物。</p>
<br>
<div class="row object-non-visible" data-animation-effect="fadeIn">
<div class="col-md-12">
<!-- isotope filters start -->
<div class="filters text-center">
<ul class="nav nav-pills">
<li class="active"><a href="#" data-filter="*">All</a></li>
<li><a href="#" data-filter=".web-design">Web design</a></li>
<li><a href="#" data-filter=".app-development">App development</a></li>
<li><a href="#" data-filter=".site-building">Site building</a></li>
</ul>
</div>
<!-- isotope filters end -->
<!-- portfolio items start -->
<div class="isotope-container row grid-space-20">
<div class="col-sm-6 col-md-3 isotope-item web-design">
<div class="image-box">
<div class="overlay-container">
<img src="images/portfolio-1.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-1">
<i class="fa fa-search-plus"></i>
<span>Web Design</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-1">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-1" tabindex="-1" role="dialog" aria-labelledby="project-1-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-1-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>运行移动。 汉 董仲舒 《雨雹对》：“运动抑扬，更相动薄。” 宋曾巩 《谢熙宁八年历日表》：“窃以治历於中，所以察天时之运动；班正於外，所以一王度之推行。”《封神演义》第四六回：“运动乾坤颠倒理，转移日月互为明。”孙中山《民权主义》第六讲：“那机器能够发生十万匹马力，来运动轮船，这便是机械本体的力量。”</p>
<p>犹行动。 汉 陆贾 《新语·慎微》：“若汤武之君，伊吕之臣，因天时而行罚，顺阴阳而运动。”《梁书·侯景传》：“臣虽才谢古人，实颇更事，抚民率众，自幼及长，少来运动，多无遗策。” 鲁迅 《故事新编·起死》：“还是莫管闲事罢，快到 楚国 去干你自家的运动。”</p>
</div>
<div class="col-md-6">
<img src="images/portfolio-1.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
<div class="col-sm-6 col-md-3 isotope-item app-development">
<div class="image-box">
<div class="overlay-container">
<img src="images/portfolio-2.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-2">
<i class="fa fa-search-plus"></i>
<span>App Development</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-2">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-2" tabindex="-1" role="dialog" aria-labelledby="project-2-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-2-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>运转；转动。《隋书·天文志上》：“ 梁 华林 重云殿 前所置铜仪……其运动得东西转，以象天行。” 清 李斗 《扬州画舫录·草河录上》：“至今木鹤尚存，惟首能运动，以定时刻。”孙中山《民生主义》第一讲：“外国利用瀑布和河滩的水力来运动发电机，发生很大的电力。”</p>
<p>谓人或动物活动。《太平广记》卷二二六引 唐 颜师古 《大业拾遗记·水饰图经》：“木人长二尺许，衣以绮罗，装以金碧，及作杂禽兽鱼鸟，皆能运动如生，随曲水而行。”《三国演义》第七五回：“原来箭头有药，毒已入骨，右臂青肿，不能运动。” 张天翼 《移行·包氏父子四》：“他想把脚呀手的都运动个畅快。”</p>
</div>
<div class="col-md-6">
<img src="images/portfolio-2.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
<div class="col-sm-6 col-md-3 isotope-item web-design">
<div class="image-box">
<div class="overlay-container">
<img src="images/portfolio-3.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-3">
<i class="fa fa-search-plus"></i>
<span>Web Design</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-3">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-3" tabindex="-1" role="dialog" aria-labelledby="project-3-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-3-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>为达到某种目的而奔走活动。《朱子语类》卷一一五：“又如人作商，亦须先安排许多财本，方可运动；若财本不赡，则运动未得。”《二十年目睹之怪状》第五五回：“﹝苟鷽楼后来又运动了官场，包收什么捐，尽情剥削。”丁玲《梦珂》一：“终日斗鸡走马，直到看看快把祖遗的三百多亩田花完了，没奈何只好去运动做官。”</p>
<p>挥动；舞动。《英烈传》第三十回：“ 刘基 便登将台，把五方旗号，按方运动，发出了三声号炮，击了三通鼓，诸将都台下听令。” 蒋光慈 《我是一个无产者》诗：“手能运动飞舞的笔龙，口能做狮虎般的呼吼。” 茅盾 《子夜》七：“他机械地运动着他的刀叉。”</p>
</div>
<div class="col-md-6">
<img src="images/portfolio-3.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
<div class="col-sm-6 col-md-3 isotope-item site-building">
<div class="image-box">
<div class="overlay-container">
<img src="images/portfolio-4.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-4">
<i class="fa fa-search-plus"></i>
<span>Site Building</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-4">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-4" tabindex="-1" role="dialog" aria-labelledby="project-4-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-4-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>犹施展。《西游记》第三二回：“只看你腾那乖巧，运动神机，仔细保你师父；假若怠慢了些儿，西天路莫想去得。”《古今小说·张道陵七试赵昇》：“鬼帅空施伎俩，魔王枉逞英雄，谁知大道有神通，一片精神运动。”</p>
<p>发动；动员。 陈少白 《兴中会革命史要》：“其时 台湾 割给 日本 未久， 日本 政府恐 中国 人运动 台湾 人反对他，所以检查 中国 人进口，非常苛刻。” 蔡元培 《贫儿院与贫儿教育的关系》：“现在还没有这种组织，运动别人，别人也不肯信。” 鲁迅 《集外集·编校后记》：“说到那一封信，我的运动 达夫先生 一并译出，实在也不只一次了。”</p>
</div>
<div class="col-md-6">
<img src="images/portfolio-4.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
<div class="col-sm-6 col-md-3 isotope-item app-development">
<div class="image-box">
<div class="overlay-container">
<img src="images/portfolio-5.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-5">
<i class="fa fa-search-plus"></i>
<span>App Development</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-5">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-5" tabindex="-1" role="dialog" aria-labelledby="project-5-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-5-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>指体育活动。 冰心 《超人·离家的一年》：“他运动过度，玩足球伤了踝骨，卧了几天，心里很不好过。”秦牧《长街灯语·生命在于运动》：“让我们大家都来记住这句话：生命在于运动。”《新华月报》1952年第7期：“发展体育运动，增强人民体质。”</p>
<p>军事用语。移动前进。 刘白羽 《平明小札·启明星》：“炮兵不敢再发射，不知我们的人运动到哪里了。” 茹志鹃 《百合花》：“我们十多副担架挤在一个小巷子里，准备往前运动。”孙绍钧《“向我开炮”》：“两个排敌人，从二号、四号目标，分四路向我运动上来，请开炮！”</p>
</div>
<div class="col-md-6">
<img src="images/portfolio-5.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
<div class="col-sm-6 col-md-3 isotope-item web-design">
<div class="image-box">
<div class="overlay-container">
<img src="images/portfolio-6.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-6">
<i class="fa fa-search-plus"></i>
<span>Web Design</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-6">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-6" tabindex="-1" role="dialog" aria-labelledby="project-6-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-6-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>指政治、文化、生产等方面有组织、有目的而规模声势较大的群众性活动。梁启超《清代学术概论》一：“凡时代思潮，无不由‘继续的群众运动’而成。” 贾植芳 《更下》：“他也不是正牌军人，起先和我在 北平 一齐干过学生运动的。” 柳青 《创业史》第一部第十一章：“ 增福兄弟！自从运动一来，你兄弟忙得日夜不着家边。”孙犁《秀露集·克明序》：“背着这个黑锅，经过一九六六年以来的运动，其遭遇的艰辛，是可以想象的。”</p>
<p>哲学范畴。物质的存在形式及其固有属性。它包括宇宙间所发生的一切变化和过程，从简单的位置变动到复杂的人类思维。 毛泽东 《矛盾论》二：“矛盾是简单的运动形式（例如机械性的运动）的基础，更是复杂的运动形式的基础。” 艾思奇 《辩证唯物主义历史唯物主义》第二章二：“辩证唯物主义认为，运动是物质的不可分离的根本属性，物质的任何一种形态都处于运动中，运动是物质存在最根本的形式。” 巴金 《沉落》：“好像一切的运动已经停止，这个世界已陷入静止的状态，它的末日就快来了。”</p>
</div>
<div class="col-md-6">
<img src="images/portfolio-6.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
<div class="col-sm-6 col-md-3 isotope-item site-building">
<div class="image-box">
<div class="overlay-container">
<img src="images/portfolio-7.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-7">
<i class="fa fa-search-plus"></i>
<span>Site Building</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-7">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-7" tabindex="-1" role="dialog" aria-labelledby="project-7-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-7-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>一种涉及体力与技巧的有一套规则或习惯所约束的活动，通常具有竞争性。另一种是指以身体练习为基本手段，结合日光、空气、水等自然因素和卫生措施，达到增强体能、增进健康、丰富社会文化娱乐生活为目的的一种社会活动。体育对于促进身体的正常发育和发展、提高心理健康水平、增强社会适应能力、培养全面发展的人才具有重要的作用。二是指在学校教育环境中，指导学生学习和掌握体育的基本知识与技能，使他们形成体育锻炼意识，提高体育活动能力，增进健康的教育活动。体育既是教育的有效手段，又是教育的重要内容。</p>
<p>运动是物质的固有性质和存在方式，是物质所固有的根本属性，没有不运动的物质，也没有离开物质的运动。运动具守恒性，即运动既不能被创造又不能被消灭，其具体形式则是多样的并且互相转化，在转化中运动总量不变。</p>
</div>
<div class="col-md-6">
<img src="images/portfolio-7.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
<div class="col-sm-6 col-md-3 isotope-item web-design">
<div class="image-box">
<div class="overlay-container">
<img src="images/portfolio-8.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-8">
<i class="fa fa-search-plus"></i>
<span>Web Design</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-8">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-8" tabindex="-1" role="dialog" aria-labelledby="project-8-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-8-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>根据文物和建筑等历史证据表明，中国早在公元前2000年左右便已开始进行体育运动。体操在中国古代时期是十分流行的项目。为法老修筑的纪念碑可以看出，包括游泳、垂钓等体育运动已经在上千年前的古埃及发展起来并建立了体育规则。在埃及开展的其他体育项目还包括投掷标枪、跳高和摔角。古代波斯的体育运动包括传统伊朗武术项目英雄体育，它同打仗技巧有着密切联系。同样起源于古代波斯的运动项目还包括马球和马上长矛比武。</p>
<p>体育运动自古代奥运会时期发展至今，其组织性和相关规则不断得到加强。工业化使得在发达及发展中国家的居民有了更多的闲暇时间，这让他们可以参加并观看观赏性体育运动，体育运动曾参与人数增加，传播更为普遍。随着大众媒体和全球联系的加强，这一趋势更加明显。体育运动专业化成为主流，体育运动更加流行，体育迷们通过广播、电视、互联网追逐职业运动员，同时他们也自己参与业余的体育运动，从中得到锻炼和娱乐。</p>
</div>
<div class="col-md-6">
<img src="images/portfolio-8.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
<div class="col-sm-6 col-md-3 isotope-item web-design">
<div class="image-box">
<div class="overlay-container">
<img src="images/portfolio-9.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-9">
<i class="fa fa-search-plus"></i>
<span>Web Design</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-9">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-9" tabindex="-1" role="dialog" aria-labelledby="project-9-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-9-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>生活中的运动。次数：每天数次。时间：每天累计30分钟以上。强度：适中。这类活动主要包括走路、爬楼梯、骑车上班、园艺活动、家务、逛街、购物等。在这其中最好的是走路、骑车和园艺。如果平时没有机会做园艺，可多走路和骑车，最好每次能坚持30分钟以上。家务劳动中，擦窗、拖地、洗衣服都能起到不错的运动效果。</p>
<p>伸展运动。次数：每周5—7次。时间：6—10个动作，每个持续30秒。强度：伸展至有拉紧感。这类运动主要包括瑜伽、拉筋动作、柔软体操等。上班族应多做肩颈背部的拉伸，比如站在墙边，双手沿墙不断向上伸的“爬墙运动”；双手在身后握拳拉伸背部；手举过头顶，腰部后弯，拉伸腹部。</p>
</div>
<div class="col-md-6">
<img src="images/portfolio-9.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
<div class="col-sm-6 col-md-3 isotope-item site-building">
<div class="image-box">
<div class="overlay-container">
<img src="images/portfolio-10.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-10">
<i class="fa fa-search-plus"></i>
<span>Site Building</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-10">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-10" tabindex="-1" role="dialog" aria-labelledby="project-10-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-10-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>有氧运动和休闲运动。次数：每周3—5次。时间：每次20分钟以上。强度：中等偏高。有氧运动有慢跑、骑自行车、游泳、登山、有氧舞蹈、健身操等；休闲运动包括网球、篮球、高尔夫等球类运动。这类运动可以锻炼心肺功能，休闲运动还能陶冶情操。体重较重的人，可以首选游泳，以减轻关节负重。</p>
<p>肌肉运动。次数：每周2—3次。时间：每10个动作为1组，做1—3组。强度：略超肌肉负荷。包括重量训练、仰卧起坐、俯卧撑、拉力带等。日常生活中肌肉力量训练最容易被忽视。有氧运动对肌肉的影响很小，所以每周要抽出时间进行专门的力量训练。适合日常训练的有仰卧起坐、起卧撑(先做一个俯卧撑，然后收腿、站起来，再重复上述动作)，还可以用哑铃进行一些上肢的负重练习。</p>
</div>
<div class="col-md-6">
<img src="images/portfolio-10.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
<div class="col-sm-6 col-md-3 isotope-item web-design">
<div class="image-box">
<div class="overlay-container">
<img src="images/portfolio-11.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-11">
<i class="fa fa-search-plus"></i>
<span>Web Design</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-11">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-11" tabindex="-1" role="dialog" aria-labelledby="project-11-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-11-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>静态活动。不要连续超过60分钟。这类活动包括看电视、玩电脑、工作等，虽然坐着也能消耗能量，但量很小。最好坐1小时就起来活动一下。比如上班族，可以规定自己每次上完厕所回来后站3分钟，或做上一组伸展运动。/p>
<p>“生命在于运动”，它能塑造我们强健的身体，增强我们抵抗疾病的能力。然而，对人体而言，运动也是有极限的，一旦超过了这个限度的，对人可能非但无益，反而会有害了。</p>
</div>
<div class="col-md-6">
<img src="images/portfolio-11.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
<div class="col-sm-6 col-md-3 isotope-item app-development">
<div class="image-box">
<div class="overlay-container">
<img src="images/portfolio-12.jpg" alt="">
<a class="overlay" data-toggle="modal" data-target="#project-12">
<i class="fa fa-search-plus"></i>
<span>App Development</span>
</a>
</div>
<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-12">Project Title</a>
</div>
<!-- Modal -->
<div class="modal fade" id="project-12" tabindex="-1" role="dialog" aria-labelledby="project-12-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="project-12-label">Project Title</h4>
</div>
<div class="modal-body">
<h3>Project Description</h3>
<div class="row">
<div class="col-md-6">
<p>美国神经科学家贾斯廷·罗德就在研究中发现，那些运动成瘾的老鼠的大脑反应比运动量正常的老鼠迟钝。该项报告发表在《神经科学》和《行为神经科学》杂志上。由此罗德指出，“运动虽然对大脑有益，但也应该适可而止。”</p>
<p>人是动物，应该运动。但是，必须具体问题具体分析，有些人则不能运动或者说不能剧烈运动，比如：刚做完了大手术、严重心脑血管疾病、刚刚劳作一天、体质差、营养不良等等。中国的重要哲学思想“中庸之道”意思就是适量、张弛有度。对于一般人来说，运动太少或者过度都是有害的。有的人听专家说：“每天必须走一万步”，结果三个月后住院了，因运动量过大膝盖积水。2012年11月广州举办马拉松比赛导致两名年轻人因剧烈运动死亡。因过度运动致病、致死的人很多。每个人体质不同，一定要根据自己当时的体质决定运动量，运动必须个性化、科学化即个性化科学运动。严格的讲，运动和饮食一样，都是一门个性化的科学。北京市身心智医学研究所所长、中国营养专家张金波说：“个性化科学运动应该是经过科学营养技术检查身体营养食物缺乏还是过剩来决定每个人运动量的多少，营养过剩则说明缺乏运动，而营养缺乏则绝对不能剧烈或长时间运动，体质差的人过量运动是非常有害的，头晕、摔倒甚至会猝死”。</p>
</div>
<div class="col-md-6">
<img src="images/portfolio-12.jpg" alt="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal end -->
</div>
</div>
<!-- portfolio items end -->
</div>
</div>
</div>
</div>
<!-- section end -->
<!-- section start -->
<!-- ================ -->
<div class="default-bg space">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1 class="text-center">100+ 快乐健康的运动供你选择!</h1>
</div>
</div>
</div>
</div>
<!-- section end -->
<!-- section start -->
<!-- ================ -->
<div class="section clearfix object-non-visible" data-animation-effect="fadeIn">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 id="about" class="title text-center">关于我们<span>医宝宝</span></h1>
<p class="lead text-center">一盏离愁 孤单伫立在窗口 我在门后 假装你人还没走 旧地如重游 月圆更寂寞 夜半清醒的烛火 不忍苛责我 一壶漂泊 浪迹天涯难入喉 你走之后 酒暖回忆思念瘦 水向东流 时间怎么偷 花开就一次成熟 我却错过</p>
<div class="space"></div>
<div class="row">
<div class="col-md-6">
<img src="images/section-image-1.png" alt="">
<div class="space"></div>
</div>
<div class="col-md-6">
<p>谁在用琵琶弹奏 一曲东风破岁月在墙上剥落 看见小时候犹记得那年我们都还很年幼而如今琴声幽幽 我的等候你没听过谁在用琵琶弹奏 一曲东风破枫叶将故事染色 结局我看透篱笆外的古道我牵着你走过荒烟漫草的年头 就连分手都很沉默</p>
<p>一壶漂泊 浪迹天涯难入喉 你走之后 酒暖回忆思念瘦 水向东流 时间怎么偷 花开就一次成熟 我却错过 谁在用琵琶弹奏 一曲东风破 岁月在墙上剥落 看见小时候 犹记得那年我们都还很年幼 而如今琴声幽幽 我的等候你没听过</p>
<ul class="list-unstyled">
<li><i class="fa fa-caret-right pr-10 text-colored"></i> 开放的患者交流平台</li>
<li><i class="fa fa-caret-right pr-10 text-colored"></i> 专业的健康理疗</li>
<li><i class="fa fa-caret-right pr-10 text-colored"></i> 全面的运动建议</li>
<li><i class="fa fa-caret-right pr-10 text-colored"></i> 人性化的服务</li>
<li><i class="fa fa-caret-right pr-10 text-colored"></i> 方便的应用周边</li>
</ul>
</div>
</div>
<div class="space"></div>
<h2>开发者简介</h2>
<div class="row">
<div class="col-md-6">
<p>谁在用琵琶弹奏 一曲东风破 枫叶将故事染色 结局我看透 篱笆外的古道我牵着你走过</p>
<p>荒烟漫草的年头 就连分手都很沉默 谁在用琵琶弹奏 一曲东风破</p>
<p>岁月在墙上剥落 看见小时候 犹记得那年我们都还很年幼 而如今琴声幽幽 我的等候你没听过 谁在用琵琶弹奏 一曲东风破 枫叶将故事染色 结局我看透 篱笆外的古道我牵着你走过荒烟漫草的年头 就连分手都很沉默</p>
</div>
<div class="col-md-6">
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
小小曾 #1
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
海平面远方开始阴霾 悲伤要怎么平静纯白 我的脸上 始终挟带 一抹浅浅的无奈
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingTwo">
<h4 class="panel-title">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
小小丁 #2
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
<div class="panel-body">
海平面远方开始阴霾 悲伤要怎么平静纯白 我的脸上 始终挟带 一抹浅浅的无奈
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingThree">
<h4 class="panel-title">
<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
小小龙 #3
</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
<div class="panel-body">
海平面远方开始阴霾 悲伤要怎么平静纯白 我的脸上 始终挟带 一抹浅浅的无奈
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- section end -->
<!-- footer start -->
<!-- ================ -->
<footer id="footer">
<!-- .footer start -->
<!-- ================ -->
<div class="footer section">
<div class="container">
<h1 class="title text-center" id="contact">联系我们</h1>
<div class="space"></div>
<div class="row">
<div class="col-sm-6">
<div class="footer-content">
<p class="large">医宝宝为您提供最便捷的患者交流服务</p>
<ul class="list-icons">
<li><i class="fa fa-map-marker pr-10"></i> 四川省华西坝。 620000 </li>
<li><i class="fa fa-phone pr-10"></i> +86 1234567890</li>
<li><i class="fa fa-fax pr-10"></i> +86 1234567890 </li>
<li><i class="fa fa-envelope-o pr-10"></i> [email protected]</li>
</ul>
<ul class="social-links">
<li class="facebook"><a target="_blank" href="https://www.facebook.com/"><i class="fa fa-facebook"></i></a></li>
<li class="twitter"><a target="_blank" href="https://twitter.com/"><i class="fa fa-twitter"></i></a></li>
<li class="googleplus"><a target="_blank" href="http://plus.google.com"><i class="fa fa-google-plus"></i></a></li>
<li class="skype"><a target="_blank" href="http://www.skype.com"><i class="fa fa-skype"></i></a></li>
<li class="linkedin"><a target="_blank" href="http://www.linkedin.com"><i class="fa fa-linkedin"></i></a></li>
<li class="youtube"><a target="_blank" href="http://www.youtube.com"><i class="fa fa-youtube"></i></a></li>
<li class="flickr"><a target="_blank" href="http://www.flickr.com"><i class="fa fa-flickr"></i></a></li>
<li class="pinterest"><a target="_blank" href="http://www.pinterest.com"><i class="fa fa-pinterest"></i></a></li>
</ul>
</div>
</div>
<div class="col-sm-6">
<div class="footer-content">
<form role="form" id="footer-form">
<div class="form-group has-feedback">
<label class="sr-only" for="name2">Name</label>