-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1375 lines (1350 loc) · 77.4 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>
<html>
<head>
<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="author" content="ThemeMarch">
<title>医疗健康行业</title>
<link rel="icon" href="assets/img/favicon.png">
<link rel="stylesheet" type="text/css" href="assets/css/plugins.css">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>
<body>
<div id="tm-preloader">
<div id="tm-preloader-in">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<header class="tm-header3">
<div class="tm-site-header">
<div class="tm-header-info-wrap">
<div class="container tm-header-info">
<a href="#"><i class="fa fa-phone"></i>1-800-915-6270</a>
<a href="#"><i class="fa fa-envelope"></i>[email protected]</a>
</div>
</div>
<div class="tm-header-menu">
<div class="container tm-header-menu-container">
<div class="tm-site-branding">
<a href="index.html" class="tm-logo-link">
<img src="assets/img/logo.png" alt="" class="tm-logo">
</a>
</div>
<nav class="tm-primary-nav tm-onepage-nav">
<ul class="tm-primary-nav-list">
<li class="menu-item menu-item-has-children current-menu-ancestor current-menu-parent">
<a href="#home" class="nav-link tm-smooth-move">主页</a>
</li>
<li class="menu-item"><a href="#about" class="nav-link tm-smooth-move">关于</a></li>
<li class="menu-item"><a href="#department" class="nav-link tm-smooth-move">我们部门</a></li>
<li class="menu-item"><a href="#doctor" class="nav-link tm-smooth-move">专家</a></li>
<li class="menu-item"><a href="#gallery" class="nav-link tm-smooth-move">医生</a></li>
<li class="menu-item"><a href="#price" class="nav-link tm-smooth-move">价格</a></li>
<li class="menu-item menu-item-has-children"><a href="#blog" class="nav-link tm-smooth-move">最新消息</a>
<ul>
<li class="menu-item"><a href="blog.html">博客</a></li>
</ul>
</li>
<li class="menu-item"><a href="#contact" class="nav-link tm-smooth-move">联系我们</a></li>
<li class="menu-item"><a href="#appointment" class="nav-link tm-smooth-move">预约专家</a></li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<section class="hero" id="home">
<div class="container">
<div class="slider-text">
<h1 class="tm-headline letters tm-rotate-text">全中国<br> 最优质的医疗 <br> 人员为
<span class="tm-words-wrapper">
<b class="is-visible">钟南山</b>
<b>林巧稚</b>
<b>邓铁涛</b>
<b>吴咸中</b>
<b>任应秋</b>
</span>
</h1>
<div class="empty-space col-sm-b20 col-xs-b10"></div>
<p>我们的服务质量和员工的专业精神是Trustlife Center 成功的原因。</p>
<div class="empty-space col-md-b55 col-sm-b35 col-xs-b25"></div>
<div class="tm-hero-btn"><a href="#appointment" class="tm-btn1">预约</a></div>
</div>
</div>
<div class="tm-hero-slider owl-carousel tm-dots1" id="tm-hero-slider">
<img src="assets/img/slide-01.jpg" alt="slide-01">
<img src="assets/img/slide-02.jpg" alt="slide-02">
<img src="assets/img/slide-03.jpg" alt="slide-03">
</div>
<div class="hero-overlay"></div>
<img src="assets/img/sweet-shap.png" alt="Sweet Shap" class="sweet-shap">
</section>
<section>
<div class="empty-space col-md-b100 col-xs-b40"></div>
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="empty-space col-md-b0 col-xs-b30"></div>
<div class="tm-icon-box">
<div class="tm-icon"><i class="fa fa-user-md"></i></div>
<h2 class="tm-icon-box-title">
合格医生</h2>
<p class="tm-icon-box-text">我们的医生拥有广泛的临床经验，从新合格的初级医生到高级顾问。</p>
</div>
</div>
<div class="col-lg-4">
<div class="empty-space col-md-b0 col-xs-b30"></div>
<div class="tm-icon-box">
<div class="tm-icon"><i class="fa fa-ambulance"></i></div>
<h2 class="tm-icon-box-title">紧急护理</h2>
<p class="tm-icon-box-text">我们的中心为各种常见疾病和伤害提供方便和高质量的护理。</p>
</div>
</div>
<div class="col-lg-4">
<div class="empty-space col-md-b0 col-xs-b30"></div>
<div class="tm-icon-box">
<div class="tm-icon"><i class="fa fa-hospital-o"></i></div>
<h2 class="tm-icon-box-title">24小时服务</h2>
<p class="tm-icon-box-text">我们的技术团队 24/7 全天候可用，我们总是用 10 辆救护车准备任何紧急情况。</p>
</div>
</div>
</div>
</div>
</section>
<section id="about">
<div class="empty-space col-md-b100 col-xs-b70"></div>
<div class="tm-section-heading text-center">
<h2>我们是谁</h2>
<div class="tm-section-seperator"><span></span></div>
<div class="empty-space col-md-b60 col-xs-b40"></div>
</div>
<div class="tm-relative">
<div class="tm-half-section-bg left">
<img src="assets/img/about-hafl-bg.jpg" alt="about hafl bg">
</div>
<div class="empty-space col-xs-b60"></div>
<div class="container">
<div class="row row-md-reverce">
<div class="col-lg-5">
<div class="tm-shedule-wrap">
<div class="tm-shedule">
<h3 class="tm-shedule-title">开放时间</h3>
<ul class="tm-shedule-list">
<li>
<span>周一至周五</span>
<span>8:00 - 18:00</span>
</li>
<li>
<span>星期六</span>
<span>9.00 - 18.00</span>
</li>
<li>
<span>星期日</span>
<span>闭门</span>
</li>
</ul>
</div>
<div class="empty-space col-md-b40 col-xs-b30"></div>
<div class="tm-shedule">
<h3 class="tm-shedule-title">参观时间</h3>
<ul class="tm-shedule-list">
<li>
<span>周一至周五</span>
<span>8:00 - 18:00</span>
</li>
<li>
<span>星期六</span>
<span>9.00 - 18.00</span>
</li>
<li>
<span>星期日</span>
<span>闭门</span>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="empty-space col-md-b30 col-xs-b0"></div>
<div class="tm-about-wrap tm-hf-hide">
<div class="tm-about tm-gray-bg wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.1s">
<h3 class="tm-about-title">为什么人们选择我们 <span>医院</span>?</h3>
<div class="tm-about-text">
<p>我们在全国各地提供最好的服务。人们选择我们医院是因为以下优点。 </p>
<p>我们有一份相关医生的名单,每个部门专家都有空,可用的救护车设施,OT / ICU,创伤护理一如既往地最好,我们的药房24/7开放，我们的费用是负担得起的。
</p>
</div>
<div class="empty-space col-xs-b25"></div>
<div class="tm-about-btn">
<a href="#" class="tm-btn1">阅读更多</a>
</div>
</div>
</div>
<div class="empty-space col-xs-b30"></div>
</div>
</div>
</div>
<div class="empty-space col-xs-b60"></div>
</div>
</section>
<section class="tm-gray-bg" id="department">
<div class="empty-space col-md-b100 col-xs-b70"></div>
<div class="tm-section-heading text-center">
<h2>我们的部门</h2>
<div class="tm-section-seperator"><span></span></div>
<div class="empty-space col-md-b60 col-xs-b40"></div>
</div>
<div class="container">
<div class="tm-tab-wrap">
<div class="tm-tabs-wrap">
<ul class="tabs">
<li><i class="icofont icofont-tooth"></i>牙齿保健</li>
<li><i class="icofont icofont-brain"></i>神经病学</li>
<li><i class="icofont icofont-crutches"></i>支撑物</li>
<li><i class="icofont icofont-pulse"></i>心脏病学</li>
<li><i class="icofont icofont-lungs"></i>肺</li>
<li><i class="icofont icofont-xray"></i>X-射线</li>
</ul>
</div>
<div class="empty-space col-md-b60 col-xs-b40"></div>
<div class="tm-tab-content">
<div class="tm-tabs-item">
<div class="row">
<div class="col-lg-6">
<div class="tm-dept-img"><img src="assets/img/1.dental.jpg" alt=""></div>
</div>
<div class="col-lg-6">
<div class="tm-dept-details-wrap">
<div class="tm-about tm-gray-bg">
<h3 class="tm-about-title">欢迎来到我们的 <span>牙齿保健</span></h3>
<div class="tm-about-text">
<p>15 年来，牙科保健中心一直致力于实现一个目标：确保我们的患者在尽可能舒适的情况下实现高水平的口腔健康</p>
<p>我们不仅提供一流的牙科服务，我们还确保您了解口腔健康的方方面面</p>
</div>
<div class="empty-space col-xs-b25"></div>
<div class="tm-about-btn">
<a href="#" class="tm-btn1">阅读 更多</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tm-tabs-item">
<div class="row">
<div class="col-lg-6">
<div class="tm-dept-img"><img src="assets/img/2.neurology.jpg" alt=""></div>
</div>
<div class="col-lg-6">
<div class="tm-dept-details-wrap">
<div class="tm-about tm-gray-bg">
<h3 class="tm-about-title">欢迎来到我们的 <span>神经病学</span></h3>
<div class="tm-about-text">
<p>我们 Trustlife 医院的神经内科作为全国最重伤者的接收点，收治脑部和脊柱患者</p>
<p>除了成为卓越中心外，神经内科还致力于成为国家和国际社区的资产</p>
</div>
<div class="empty-space col-xs-b25"></div>
<div class="tm-about-btn">
<a href="#" class="tm-btn1">阅读 更多</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tm-tabs-item">
<div class="row">
<div class="col-lg-6">
<div class="tm-dept-img"><img src="assets/img/3.crutches.jpg" alt=""></div>
</div>
<div class="col-lg-6">
<div class="tm-dept-details-wrap">
<div class="tm-about tm-gray-bg">
<h3 class="tm-about-title">欢迎来到我们的 <span>支撑物</span></h3>
<div class="tm-about-text">
<p>手术后尽快开始行走很重要。 但是在您的腿部愈合期间，您需要支撑才能行走。 如果您只需要一点帮助来保持平衡和稳定，Trustlife 可能是腿部受伤或手术后的不错选择</p>
<p>当您的腿只有一点虚弱或疼痛时，拐杖也很有用</p>
</div>
<div class="empty-space col-xs-b25"></div>
<div class="tm-about-btn">
<a href="#" class="tm-btn1">阅读 更多</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tm-tabs-item">
<div class="row">
<div class="col-lg-6">
<div class="tm-dept-img"><img src="assets/img/4.cardiology.jpg" alt=""></div>
</div>
<div class="col-lg-6">
<div class="tm-dept-details-wrap">
<div class="tm-about tm-gray-bg">
<h3 class="tm-about-title">欢迎来到我们的 <span>心脏病学</span></h3>
<div class="tm-about-text">
<p>心脏科全天候 24/7 全天候服务，是加拿大唯一一家可以全天候进行紧急血管成形术的医院</p>
<p>心脏病科由 3 名心脏病专家组成的强大而敬业的团队运作，他们拥有超过 20 年的经验</p>
</div>
<div class="empty-space col-xs-b25"></div>
<div class="tm-about-btn">
<a href="#" class="tm-btn1">阅读 更多</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tm-tabs-item">
<div class="row">
<div class="col-lg-6">
<div class="tm-dept-img"><img src="assets/img/5.pulmones.jpg" alt=""></div>
</div>
<div class="col-lg-6">
<div class="tm-dept-details-wrap">
<div class="tm-about tm-gray-bg">
<h3 class="tm-about-title">欢迎来到我们的 <span>肺</span></h3>
<div class="tm-about-text">
<p>15 多年前，我们开创了全国第一家专门从事肺部治疗的医院，因此当您所爱的人在我们的照顾下时，您可以放心</p>
<p>今天，我们的专长仍然是肺部疾病管理，并根据最新方案提供优质治疗 </p>
</div>
<div class="empty-space col-xs-b25"></div>
<div class="tm-about-btn">
<a href="#" class="tm-btn1">阅读 更多</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tm-tabs-item">
<div class="row">
<div class="col-lg-6">
<div class="tm-dept-img"><img src="assets/img/6.xray.jpg" alt=""></div>
</div>
<div class="col-lg-6">
<div class="tm-dept-details-wrap">
<div class="tm-about tm-gray-bg">
<h3 class="tm-about-title">欢迎来到我们的 <span>X-射线</span></h3>
<div class="tm-about-text">
<p>我们拥有高质量的X光机，我们的技术经验丰富。 我们在一小时内交付了 X 光报告</p>
<p>交接X光报告后，我们给出经验丰富的医生的初步建议，并推荐相关经验丰富的医生</p>
</div>
<div class="empty-space col-xs-b25"></div>
<div class="tm-about-btn">
<a href="#" class="tm-btn1">阅读 更多</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="empty-space col-md-b100 col-xs-b70"></div>
</section>
<section class="tm-relative" id="appointment">
<div class="tm-half-section-bg right">
<img src="assets/img/appointment-bg.jpg" alt="about hafl bg">
</div>
<div class="container">
<div class="row">
<div class="col-lg-7 tm-hf-hide">
<div class="empty-space col-md-b0 col-xs-b70"></div>
<div class="tm-appointment-heading tm-gray-bg wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.1s">
<div class="tm-section-heading text-center">
<h2>预约</h2>
<div class="tm-section-seperator"><span></span></div>
<p>如果您不想与任何专家预约，只需填写表格并提供有效数据，我们将通过电话与您联系以进行确认</p>
</div>
</div>
</div>
<div class="col-lg-5">
<div class="empty-space col-md-b60 col-xs-b40"></div>
<form method="POST" action="assets/php/appointment.php" class="tm-appointment-form" id="appointment-form">
<div id="tm-alert1"></div>
<div class="tm-form-field">
<input type="text" id="uname" name="uname" placeholder="全名" required>
<span class="bar"></span>
</div>
<div class="tm-form-field">
<input type="text" id="uemail" name="uemail" placeholder="电子邮件地址" required>
<span class="bar"></span>
</div>
<div class="tm-form-field">
<input type="text" id="unumber" name="unumber" placeholder="电话号码" required>
<span class="bar"></span>
</div>
<div class="tm-form-field">
<input name="udate" type="text" id="udate" placeholder="预定日期">
<span class="bar"></span>
<div class="date-icon"><i class="fa fa-calendar"></i></div>
</div>
<div class="tm-form-field">
<div class="tm-custom-select-wrap">
<select name="udepartment" class="tm-custom-select" id="udepartment">
<option value="department">部门</option>
<option value="dental-care">牙齿保健</option>
<option value="neurology">神经病学</option>
<option value="crutches">支撑物</option>
<option value="cardiology">心脏病学</option>
<option value="pulmonary">肺</option>
<option value="x-ray">X-射线</option>
</select>
</div>
</div>
<div class="tm-form-field">
<div class="tm-custom-select-wrap">
<select name="udoctor" class="tm-custom-select" id="udoctor">
<option value="doctor">医生</option>
<option value="jhon-doe">Dr. Jhon Doe</option>
<option value="mak-rushi">Dr. Mak Roshi</option>
<option value="mohoshin-kabir">Dr. Mohoshin Kabir</option>
<option value="nayon-borua">Dr. Nayon Borua</option>
<option value="rasel-islam">Dr. Rasel Islam</option>
<option value="mahid-islam">Dr. Mahid Islam</option>
</select>
</div>
</div>
<div class="tm-form-field">
<textarea cols="30" rows="10" id="umsg" name="umsg" placeholder="你的信息"></textarea>
<span class="bar"></span>
</div>
<div class="empty-space col-xs-b10"></div>
<div class="tm-form-field">
<button class="tm-btn1 tm-reverse" type="submit" id="appointment-submit" name="submit">预约</button>
</div>
</form>
<div class="empty-space col-md-b60 col-xs-b70"></div>
</div>
</div>
</div>
</section>
<section id="doctor">
<div class="empty-space col-md-b100 col-xs-b70"></div>
<div class="tm-section-heading text-center">
<h2>我们经验丰富的医生</h2>
<div class="tm-section-seperator"><span></span></div>
<div class="empty-space col-md-b60 col-xs-b40"></div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="tm-member-carousel owl-carousel tm-nam-tm-style1 tm-dots1">
<div class="tm-team-member">
<div class="tm-member-hover">
<a href="#" class="tm-member-thumb">
<img src="assets/img/doctor-01.jpg" alt="">
</a>
<div class="tm-member-social-btn-wrap">
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-facebook-square"></i>
<i class="fa fa-facebook-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-twitter-square"></i>
<i class="fa fa-twitter-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-linkedin-square"></i>
<i class="fa fa-linkedin-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-skype"></i>
<i class="fa fa-skype"></i>
</a>
</div>
</div>
</div>
<div class="tm-member-meta tm-gray-bg text-center">
<h3 class="tm-member-name"><a href="#">Dr. Willie Crowley</a></h3>
<span class="tm-member-speciality">心脏病专家</span>
</div>
</div>
<div class="tm-team-member">
<div class="tm-member-hover">
<a href="#" class="tm-member-thumb">
<img src="assets/img/doctor-02.jpg" alt="">
</a>
<div class="tm-member-social-btn-wrap">
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-facebook-square"></i>
<i class="fa fa-facebook-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-twitter-square"></i>
<i class="fa fa-twitter-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-linkedin-square"></i>
<i class="fa fa-linkedin-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-skype"></i>
<i class="fa fa-skype"></i>
</a>
</div>
</div>
</div>
<div class="tm-member-meta tm-gray-bg text-center">
<h3 class="tm-member-name"><a href="#">Dr. Jay Swanson</a></h3>
<span class="tm-member-speciality">妇科医生</span>
</div>
</div>
<div class="tm-team-member">
<div class="tm-member-hover">
<a href="#" class="tm-member-thumb">
<img src="assets/img/doctor-03.jpg" alt="">
</a>
<div class="tm-member-social-btn-wrap">
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-facebook-square"></i>
<i class="fa fa-facebook-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-twitter-square"></i>
<i class="fa fa-twitter-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-linkedin-square"></i>
<i class="fa fa-linkedin-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-skype"></i>
<i class="fa fa-skype"></i>
</a>
</div>
</div>
</div>
<div class="tm-member-meta tm-gray-bg text-center">
<h3 class="tm-member-name"><a href="#">Dr. Alex Abbott</a></h3>
<span class="tm-member-speciality">神经病学</span>
</div>
</div>
<div class="tm-team-member">
<div class="tm-member-hover">
<a href="#" class="tm-member-thumb">
<img src="assets/img/doctor-04.jpg" alt="">
</a>
<div class="tm-member-social-btn-wrap">
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-facebook-square"></i>
<i class="fa fa-facebook-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-twitter-square"></i>
<i class="fa fa-twitter-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-linkedin-square"></i>
<i class="fa fa-linkedin-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-skype"></i>
<i class="fa fa-skype"></i>
</a>
</div>
</div>
</div>
<div class="tm-member-meta tm-gray-bg text-center">
<h3 class="tm-member-name"><a href="#">Dr. Kay Conley</a></h3>
<span class="tm-member-speciality">诊断</span>
</div>
</div>
<div class="tm-team-member">
<div class="tm-member-hover">
<a href="#" class="tm-member-thumb">
<img src="assets/img/doctor-01.jpg" alt="">
</a>
<div class="tm-member-social-btn-wrap">
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-facebook-square"></i>
<i class="fa fa-facebook-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-twitter-square"></i>
<i class="fa fa-twitter-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-linkedin-square"></i>
<i class="fa fa-linkedin-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-skype"></i>
<i class="fa fa-skype"></i>
</a>
</div>
</div>
</div>
<div class="tm-member-meta tm-gray-bg text-center">
<h3 class="tm-member-name"><a href="#">Dr. Willie Crowley</a></h3>
<span class="tm-member-speciality">心脏病专家</span>
</div>
</div>
<div class="tm-team-member">
<div class="tm-member-hover">
<a href="#" class="tm-member-thumb">
<img src="assets/img/doctor-02.jpg" alt="">
</a>
<div class="tm-member-social-btn-wrap">
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-facebook-square"></i>
<i class="fa fa-facebook-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-twitter-square"></i>
<i class="fa fa-twitter-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-linkedin-square"></i>
<i class="fa fa-linkedin-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-skype"></i>
<i class="fa fa-skype"></i>
</a>
</div>
</div>
</div>
<div class="tm-member-meta tm-gray-bg text-center">
<h3 class="tm-member-name"><a href="#">Dr. Jay Swanson</a></h3>
<span class="tm-member-speciality">妇科医生</span>
</div>
</div>
<div class="tm-team-member">
<div class="tm-member-hover">
<a href="#" class="tm-member-thumb">
<img src="assets/img/doctor-03.jpg" alt="">
</a>
<div class="tm-member-social-btn-wrap">
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-facebook-square"></i>
<i class="fa fa-facebook-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-twitter-square"></i>
<i class="fa fa-twitter-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-linkedin-square"></i>
<i class="fa fa-linkedin-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-skype"></i>
<i class="fa fa-skype"></i>
</a>
</div>
</div>
</div>
<div class="tm-member-meta tm-gray-bg text-center">
<h3 class="tm-member-name"><a href="#">Dr. Alex Abbott</a></h3>
<span class="tm-member-speciality">神经病学</span>
</div>
</div>
<div class="tm-team-member">
<div class="tm-member-hover">
<a href="#" class="tm-member-thumb">
<img src="assets/img/doctor-04.jpg" alt="">
</a>
<div class="tm-member-social-btn-wrap">
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-facebook-square"></i>
<i class="fa fa-facebook-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-twitter-square"></i>
<i class="fa fa-twitter-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-linkedin-square"></i>
<i class="fa fa-linkedin-square"></i>
</a>
</div>
<div class="tm-member-socila-btn">
<a href="#" class="tm-social-btn white">
<i class="fa fa-skype"></i>
<i class="fa fa-skype"></i>
</a>
</div>
</div>
</div>
<div class="tm-member-meta tm-gray-bg text-center">
<h3 class="tm-member-name"><a href="#">Dr. Kay Conley</a></h3>
<span class="tm-member-speciality">诊断</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="empty-space col-md-b100 col-xs-b70"></div>
</section>
<section class="tm-gray-bg">
<div class="empty-space col-md-b100 col-xs-b70"></div>
<div class="tm-section-heading text-center">
<h2>对比之前之后</h2>
<div class="tm-section-seperator"><span></span></div>
<div class="empty-space col-md-b60 col-xs-b40"></div>
</div>
<div class="container">
<div class="before-after-gallery-slider owl-carousel tm-nam-tm-style1">
<div class="teeth-beforeafter">
<img src="assets/img/teeth-before-image.jpg" alt="teeth before">
<img src="assets/img/teeth-after-image.jpg" alt="teeth after">
</div>
<div class="teeth-beforeafter">
<img src="assets/img/face-before-image.jpg" alt="teeth before">
<img src="assets/img/face-after-image.jpg" alt="teeth after">
</div>
<div class="teeth-beforeafter">
<img src="assets/img/teeth-before-image.jpg" alt="teeth before">
<img src="assets/img/teeth-after-image.jpg" alt="teeth after">
</div>
<div class="teeth-beforeafter">
<img src="assets/img/face-before-image.jpg" alt="teeth before">
<img src="assets/img/face-after-image.jpg" alt="teeth after">
</div>
</div>
</div>
<div class="empty-space col-md-b100 col-xs-b70"></div>
</section>
<section id="gallery">
<div class="empty-space col-md-b100 col-xs-b70"></div>
<div class="tm-section-heading text-center">
<h2>查看我们的画廊</h2>
<div class="tm-section-seperator"><span></span></div>
<div class="empty-space col-md-b60 col-xs-b40"></div>
</div>
<div class="tm-portfolio-filter text-center">
<ul>
<li class="active"><a href="#" data-filter="*">全部</a></li>
<li><a href="#" data-filter=".cardiology">心脏病学</a></li>
<li><a href="#" data-filter=".neurology">神经病学</a></li>
<li><a href="#" data-filter=".urology">泌尿科</a></li>
<li><a href="#" data-filter=".pulmonary">肺</a></li>
<li><a href="#" data-filter=".traumatology">创伤学</a></li>
</ul>
</div>
<div class="tm-portfolio zoom-gallery tm-gutter-less">
<div class="tm-grid-sizer"></div>
<div class="tm-portfolio-item neurology">
<a href="assets/img/portfolio-01-lg.jpg" class="item-inner">
<img src="assets/img/portfolio-01.jpg" alt="portfolio-01">
<div class="tm-zoom-btn"></div>
<i class="tm-zoom-icon icofont icofont-drag1"></i>
</a>
</div>
<div class="tm-portfolio-item urology traumatology">
<a href="assets/img/portfolio-02-lg.jpg" class="item-inner">
<img src="assets/img/portfolio-02.jpg" alt="portfolio-02">
<div class="tm-zoom-btn"></div>
<i class="tm-zoom-icon icofont icofont-drag1"></i>
</a>
</div>
<div class="tm-portfolio-item cardiology pulmonary">
<a href="assets/img/portfolio-03-lg.jpg" class="item-inner">
<img src="assets/img/portfolio-03.jpg" alt="portfolio-03">
<div class="tm-zoom-btn"></div>
<i class="tm-zoom-icon icofont icofont-drag1"></i>
</a>
</div>
<div class="tm-portfolio-item neurology traumatology">
<a href="assets/img/portfolio-04-lg.jpg" class="item-inner">
<img src="assets/img/portfolio-04.jpg" alt="portfolio-04">
<div class="tm-zoom-btn"></div>
<i class="tm-zoom-icon icofont icofont-drag1"></i>
</a>
</div>
<div class="tm-portfolio-item urology">
<a href="assets/img/portfolio-05-lg.jpg" class="item-inner">
<img src="assets/img/portfolio-05.jpg" alt="portfolio-05">
<div class="tm-zoom-btn"></div>
<i class="tm-zoom-icon icofont icofont-drag1"></i>
</a>
</div>
<div class="tm-portfolio-item cardiology neurology pulmonary">
<a href="assets/img/portfolio-06-lg.jpg" class="item-inner">
<img src="assets/img/portfolio-06.jpg" alt="portfolio-06">
<div class="tm-zoom-btn"></div>
<i class="tm-zoom-icon icofont icofont-drag1"></i>
</a>
</div>
<div class="tm-portfolio-item urology pulmonary">
<a href="assets/img/portfolio-07-lg.jpg" class="item-inner">
<img src="assets/img/portfolio-07.jpg" alt="portfolio-07">
<div class="tm-zoom-btn"></div>
<i class="tm-zoom-icon icofont icofont-drag1"></i>
</a>
</div>
<div class="tm-portfolio-item cardiology traumatology">
<a href="assets/img/portfolio-08-lg.jpg" class="item-inner">
<img src="assets/img/portfolio-08.jpg" alt="portfolio-08">
<div class="tm-zoom-btn"></div>
<i class="tm-zoom-icon icofont icofont-drag1"></i>
</a>
</div>
</div>
</section>
<section>
<div class="empty-space col-md-b100 col-xs-b70"></div>
<div class="tm-section-heading text-center">
<h2>患者对我们的评价</h2>
<div class="tm-section-seperator"><span></span></div>
<div class="empty-space col-md-b60 col-xs-b40"></div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2">
<div class="owl-carousel tm-testimonial tm-testimonial-1 tm-dots1">
<div class="tm-single-testimonial">
<div class="tm-testimonial-thumb"><img src="assets/img/test-01.jpg" alt=""></div>
<div class="tm-testimonial-text">
<i class="fa fa-quote-right"></i>
<blockquote>他们救了我的命。 他们没有放弃，他们推动了一种能让我病情缓解的治疗方法。 他们继续拥有一些我曾经拥有过的最好的员工. </blockquote>
<div class="tm-testimonial-meta">
<h3>Alex Bieniek</h3>
<span>学生</span>
</div>
</div>
</div>
<div class="tm-single-testimonial">
<div class="tm-testimonial-thumb"><img src="assets/img/test-02.jpg" alt=""></div>
<div class="tm-testimonial-text">
<i class="fa fa-quote-right"></i>
<blockquote>只有最好的。 与顶尖专家的团队医学。 值得开车来这里，尤其是涉及到您的健康或所爱之人的健康时</blockquote>
<div class="tm-testimonial-meta">
<h3>Sheri Coburn</h3>
<span>老师</span>
</div>
</div>
</div>
<div class="tm-single-testimonial">
<div class="tm-testimonial-thumb"><img src="assets/img/test-03.jpg" alt=""></div>
<div class="tm-testimonial-text">
<i class="fa fa-quote-right"></i>
<blockquote>我喜欢这家医院，我绝对认为它是加拿大最好的医院，我的两个孩子都在那里，他们的工作人员非常好，他们绝对照顾我</blockquote>
<div class="tm-testimonial-meta">
<h3>Martha m.</h3>
<span>教授</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="empty-space col-md-b100 col-xs-b70"></div>
</section>
<section class="tm-fun-fact-wrap tm-bg">
<div class="empty-space col-md-b100 col-xs-b70"></div>
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="tm-fun-fact text-center">
<i class="icofont icofont-briefcase-alt-2 wow fadeInDown" data-wow-delay="0.2s" data-wow-duration="2s"></i>
<h2 class="tm-counter">25</h2>
<h3>多年经验</h3>
</div>
<div class="empty-space col-xs-b30"></div>
</div>
<div class="col-lg-3 col-md-6">
<div class="tm-fun-fact text-center">
<i class="icofont icofont-emo-simple-smile wow fadeInDown" data-wow-delay="0.4s" data-wow-duration="2s"></i>
<h2 class="tm-counter">2500</h2>
<h3>快乐的病人</h3>
</div>
<div class="empty-space col-xs-b30"></div>
</div>
<div class="col-lg-3 col-md-6">
<div class="tm-fun-fact text-center">
<i class="icofont icofont-doctor wow fadeInDown" data-wow-delay="0.6s" data-wow-duration="2s"></i>
<h2 class="tm-counter">150</h2>
<h3>医生人数</h3>
</div>
<div class="empty-space col-xs-b30"></div>
</div>
<div class="col-lg-3 col-md-6">
<div class="tm-fun-fact text-center">
<i class="icofont icofont-users-social wow fadeInDown" data-wow-delay="0.8s" data-wow-duration="2s"></i>
<h2 class="tm-counter">250</h2>
<h3>员工人数</h3>
</div>
<div class="empty-space col-xs-b30"></div>
</div>
</div>
</div>
<div class="empty-space col-lg-b70 col-xs-b40"></div>
</section>
<section id="price">
<div class="empty-space col-md-b100 col-xs-b70"></div>
<div class="tm-section-heading text-center">
<h2>定价计划</h2>
<div class="tm-section-seperator"><span></span></div>
<div class="empty-space col-md-b60 col-xs-b40"></div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="tm-pricing-carousel owl-carousel tm-nam-tm-style1 tm-dots1">
<div class="tm-price-list tm-gray-bg">
<div class="tm-price">
<h3>￥99</h3>
</div>
<h2 class="tm-pricing-heading">验血</h2>
<ul class="tm-test-list">
<li>第一说明</li>
<li>第二说明</li>
<li>第三说明</li>
<li>第四说明</li>
<li>第五说明</li>
</ul>
<a href="#" class="tm-btn1">现在联系</a>
</div>
<div class="tm-price-list tm-gray-bg">
<div class="tm-price">
<h3>￥210</h3>
</div>
<h2 class="tm-pricing-heading">血红蛋白测试</h2>
<ul class="tm-test-list">
<li>第一说明</li>
<li>第二说明</li>
<li>第三说明</li>
<li>第四说明</li>
<li>第五说明</li>
</ul>
<a href="#" class="tm-btn1">CONTACT NOW</a>
</div>
<div class="tm-price-list tm-gray-bg">
<div class="tm-price">
<h3>￥480</h3>
</div>
<h2 class="tm-pricing-heading">同型半胱氨酸</h2>
<ul class="tm-test-list">