-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1247 lines (911 loc) · 60.6 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 lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Start">
<meta name="author" content="Devcrud">
<title>YZUIEM </title>
<!-- font icons -->
<link rel="stylesheet" href="assets/vendor/themify-icons/css/themify-icons.css">
<link rel="stylesheet" href="assets/css/style.css">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendors/swiper/swiper-bundle.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400"> <!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/demo.css" />
<link rel="stylesheet" href="css/templatemo-style.css">
<script type="text/javascript" src="js/modernizr.custom.86080.js"></script>
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="40" id="home">
<!-- page Navigation -->
<nav class="navbar custom-navbar navbar-expand-md fixed-top" data-spy="affix" data-offset-top="10">
<div class="container">
<a class="navbar-brand" href="#">
<img src="assets/imgs/header_logo.png" alt="">
</a>
<button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!--header item-->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#intro">探索工管系</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#future">就業多元化</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">特色亮點</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#life">精彩生活</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#grad">系友分享</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#QA">Q&A</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- End Of Second Navigation -->
<!-- Page Header -->
<header class="header">
<div class="overlay">
<p class="subtitle ">加入元智工管，成就你的夢想</p>
<h1 class="title">YZU IEM</h1>
<p2>資訊科技 X 工程技術 X 管理科學</p2>
</div>
<div class="video">
<a href="https://www.youtube.com/watch?v=hxYM-PtyB5A" class=" flex fa fa-play-circle-o" style="font-size:24px; color:aliceblue;"></a>
</div>
</header>
<!-- End Of Page Header -->
<!-- What is IEM Section -->
<section id="intro" class="section pt-0 ">
<div class="container">
<h6 class="section-title text-center">什麼是工業工程與管理？</h6>
<h6 class="section-subtitle text-center mb-5 pb-3">工業工程師在職場中扮演的角色是「系統整合者」，透過不斷尋求更容易、更有效率、更經濟且更令心情愉快的工作方法，
<br>就是工業工程的精神所在，也是公司裡不可或缺的靈魂人物。</h6>
<div class="row">
<div class="col-md-3">
<div class="card mb-4 mb-md-0">
<div class="card-body">
<img class="card-img-1" src="assets/imgs/card-1.png" alt="">
<h5 class="card-title mt-3"> 大一/夯實基礎 <h5>
<h6 class="mb-0 text-justify " style= "line-height: 1.6;">微積分、統計學、資料庫設計、資訊概論、基礎程式設計、問題創意思解...</h6>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card mb-4 mb-md-0">
<div class="card-body">
<img class="card-img-1" src="assets/imgs/card-2.png" alt="">
<h5 class="card-title mt-3">大二/選擇專業<h5>
<h6 class="mb-0 text-justify " style= "line-height: 1.6;">製造程序、作業研究、品質管制、人因工程、工程經濟、系統模擬與應用...</h6>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card mb-4 mb-md-0">
<div class="card-body">
<img class="card-img-1" src="assets/imgs/card-3.png" alt="">
<h5 class="card-title mt-3">大三/深入研究<h5>
<h6 class="mb-0 text-justify " style= "line-height: 1.6;">雲端科技與服務、資料分析、統計建模與電腦化實作、
半導體製造工程、基礎物聯網應用與實作...</h6>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card mb-4 mb-md-0">
<div class="card-body">
<img class="card-img-1" src="assets/imgs/card-4.png" alt="">
<h5 class="card-title mt-3">大四/成果發表<h5>
<h6 class="mb-0 text-justify " style= "line-height: 1.6;">應用課程所學並培養學生團隊合作、
溝通技巧與批判性思考等各式軟硬實力...</h6>
</div>
</div>
<div class="right" style="float: right; display:block; right: 0;">
<button class="button-48 " onclick="location.href='assets/files/course_map.pdf';"><p>課程、就業地圖 →</p></button>
</div>
</div>
</div>
</div>
</section>
<section class="our-courses " id="future">
<div class="container">
<div class="row">
<div class="col-md-6 offset-md-3">
<div class="faq-title text-center pb-3">
<h2>元智工管畢業生就業最多元</h2>
</div>
</div>
<div class="col-lg-12">
<div class="naccs">
<div class="tabs">
<div class="row">
<div class="col-lg-3">
<div class="menu">
<div class="active gradient-border "><span>智慧工廠</span></div>
<div class="gradient-border "><span>生管工程師</span></div>
<div class="gradient-border "><span>資料科學</span></div>
<div class="gradient-border "><span>製程工程師</span></div>
<div class="gradient-border "><span>品質管理工程師</span></div>
</div>
</div>
<div class="col-lg-9">
<ul class="nacc">
<li class="active">
<div>
<div class="right-content " >
<h4>智慧工廠(Smart Factory)</h4>
<p>智慧工廠(Smart Factory)和智慧製造(Smart Manufacutring)是「工業 4.0」或「第四次工業革命」技術轉型的一部分。
<br><br>
前三次的工業革命，即蒸汽機發明、生產線的運用、電腦的力量，
都是由創新的新技術中誕生，並完全改變了我們加工和製造貨物的方式。如今，第四次工業革命將由數位轉型和智慧自動化驅動。</p>
<span>Smart Factory</span>
<span>Smart Manufacutring</span>
</div>
<div class=" card">
<img src="assets/imgs/class/factory-plant.png" alt="">
</div>
</div>
</li>
<li >
<div>
<div class="right-content " >
<h4>生管工程師(Production Engineers)</h4>
<p>主要責任生產和物料的計畫和排程。每天要面對許多的問題和挑戰，譬如客戶要求插單、提前交貨、變更訂單數量、機器故障停機、供應商延遲交貨、進或品質不良等。
<br><br>
為了如期出貨給客戶，生管工程師既要保持生產線的效率及正常運作，
又要維持很低的存貨水準。他(她)是製造工廠裡的靈魂人物，神經中樞。</p>
<span>Production Engineers</span>
</div>
<div class="card">
<img src="assets/imgs/class/integrated-system.png" alt="">
</div>
</div>
</li>
<li >
<div>
<div class="right-content " >
<h4>資料科學(Data Science)</h4>
<p>結合了統計學、資料庫、資料辨識技術、人工智慧等多個領域，
從零散的資料中擷取有價值的知識(Knowledge)，而從事資料科學工作的人則稱為資料科學家(Data Scientists)。
<br><br>
資料科學家結合上述一系列的技能來分析由網路使用、智慧手機、感測器、生產機台、
運輸物流等傳送而來的資料，以協助企業進行重要決策。</p>
<span>Data Science</span>
<span>Data Scientists</span>
</div>
<div class="card">
<img src="assets/imgs/class/business-report.png" alt="">
</div>
</div>
</li>
<li >
<div>
<div class="right-content " >
<h4>製程工程師(Manufacturing Engineers)</h4>
<p>製程工程師(Manufacturing Engineers)的工作內容，是協助解決製程問題，
考量材料、成本、設備與產品規格等條件，制定出最適化的產品製程，藉此提升生產效率和品質。
<br><br>
多數的半導體製程工程師都在半導體中游企業工作，研究積體電路的製程和製作技術。</p>
<span>Manufacturing Engineers</span>
</div>
<div class="card">
<img src="assets/imgs/class/manufacturing.png" alt="">
</div>
</div>
</li>
<li >
<div>
<div class="right-content " >
<h4>品質管理工程師(Quality Engineers)</h4>
<p>品質管理工程師(Quality Engineers)掌管公司(及工廠)產品的品質保證（Quality Assurance；QA）和品質控制（Quality Control；QC）。
QA是透過系統性的品質管理機制，全面性確保對外（包含供應商、協力廠商以及客戶）
以及對內（一路從新產品設計、研發、生產製造、出貨到售後服務）等各項工作及流程符合標準規範與程序，以確保產品品質。
<br><br>
QC的工作內容則包含產品的品質檢驗，發現品質問題後的分析、改善及不合格品的控制等，
以確保產品出廠零缺陷並達到客戶的標準及零客訴的目標。</p>
<span>Quality Engineers</span>
<span>Quality Assurance</span>
<span>Quality Control</span>
</div>
<div class="card">
<img src="assets/imgs/class/storage-stacks2.png" alt="">
</div>
</div>
</li>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End OF -->
<!-- Portfolio Section -->
<section id="about" class="section portfolio-section" >
<div class="container">
<div class="faq-title text-center pb-3">
<h2>特色亮點</h2>
<h6 class="section-subtitle text-center">工管系的課程設計除了培育學生具備專業競爭力外，
<br>
也重視學生學習動機與興趣激發，培養人際溝通與問題解決能力，幫你/妳養成職場關鍵軟實力！</h6>
</div>
<div class="filters">
<a href="#" data-filter=".web" class="active">
全面提升
</a>
<a href="#" data-filter=".advertising">
畢業即就業
</a>
<a href="#" data-filter=".branding">
國際交流
</a>
</div>
<div class="portfolio-container">
<div class="col-md-6 col-lg-4 web new">
<div class="portfolio-item">
<img src="assets/imgs/feature/web-1.jpg" class="img-fluid" alt="Download free bootstrap 4 admin dashboard, free boootstrap 4 templates">
<p5 class="my-2 font-weight-bold ">跟著 Google Microsoft 進入雲端學習</p5>
<p class="text-justify ">元智大學引進「Google Cloud雲端學程計畫」、打造桃園第一座「微軟國際課程與認證中心」，
加速AI人才培育，提升學生技術力與就業競爭力。</p>
<div style="float: right;">
<button class="button-48 " onclick="location.href='assets/files/cloud.pdf';"><p>VIEW MORE →</p></button>
</div>
<!--
<div class="content-holder">
<a class="img-popup" href="assets/imgs/web-1.jpg"></a>
<div class="text-holder">
<h6 class="title">跟著Google, Microsoft一起進入雲端學習</h6>
<p class="subtitle">元智大學引進「Google Cloud雲端學程計畫」、打造桃園第一座「微軟國際課程與認證中心」，
加速AI人才培育，提升學生技術力與就業競爭力。</p>
</div>
</div>
-->
</div>
</div>
<div class="col-md-6 col-lg-4 web new">
<div class="portfolio-item">
<img src="assets/imgs/feature/web-2.jpg" class="img-fluid" alt="Download free bootstrap 4 admin dashboard, free boootstrap 4 templates">
<p5 class="my-2 font-weight-bold ">教育品質國際認證</p5>
<p class="text-justify ">2008、2014、2020連續3次通過中華工程教育協會 IEET(Institute of Engineering Education Taiwan)
工程及科技教育的六年認證，經專業評鑑機構認可本系教學品質已達國際級水準。</p>
</div>
</div>
<div class="col-md-6 col-lg-4 web new">
<div class="portfolio-item">
<img src="assets/imgs/feature/web-3.jpg" class="img-fluid" alt="Download free bootstrap 4 admin dashboard, free boootstrap 4 templates">
<p5 class="my-2 font-weight-bold ">豐富的校系獎學金</p5>
<p class="text-justify ">工管系提供多種獎助學金，鼓勵學生優秀表現，使學生得以兼顧課業與生活所需，強化未來的職場競爭力。</p>
<div style="float: right;">
<button class="button-48 " onclick="location.href='http://www.iem.yzu.edu.tw/chinese/studentArea/Default_under.aspx';"><p>VIEW MORE →</p></button>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 advertising ">
<div class="portfolio-item">
<img src="assets/imgs/feature/advertising-1.jpg" class="img-fluid" alt="Download free bootstrap 4 admin dashboard, free boootstrap 4 templates">
<p5 class="my-2 font-weight-bold ">遠東集團辦學</p5>
<p class="text-justify ">元智大學由遠東企業創辦人徐有庠先生創立，與遠東集團合作密切，提供元智學生海內外實習名額，
畢業後可直接進入集團企業任職，取得就業保障!</p>
<div style="float: right;">
<button class="button-48 " onclick="location.href='https://sites.google.com/view/yzu-feg-imap/%E9%A6%96%E9%A0%81?authuser=0';"><p>VIEW MORE →</p></button>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 advertising">
<div class="portfolio-item">
<img src="assets/imgs/feature/advertising-2.jpg" class="img-fluid" alt="Download free bootstrap 4 admin dashboard, free boootstrap 4 templates">
<p5 class="my-2 font-weight-bold ">產學合作</p5>
<p class="text-justify ">每學年皆辦理多場企業實地參訪，產業遍及各行業，包括 RFID 中心、三陽工業、
福特六和汽車、台中鞋技中心、鴻海人因工程中心、東森購物、桃園國際機場、欣興電子、技嘉科技、3Ｍ（楊梅廠）、大昌華嘉、欣興電子、
捷盟物流、翔丰物流、立益物流、嘉里大榮、台積創新館、臺大醫院品質管理中心等。!</p>
</div>
</div>
<div class="col-md-6 col-lg-4 advertising ">
<div class="portfolio-item">
<img src="assets/imgs/feature/advertising-3.jpg" class="img-fluid" alt="Download free bootstrap 4 admin dashboard, free boootstrap 4 templates">
<p5 class="my-2 font-weight-bold ">學用合一</p5>
<p class="text-justify ">自2019年起與遠東先進纖維股份有限公司(簡稱遠東先進)，進行多年的經濟部「智慧機械人才培育計劃」。該計劃由遠東先進主導，
邀請十多位專家擔任講師為本系學生授課，並進行許多前瞻性的專題研究，例如「AI人工智慧應用取代主管命令」、
「工業智慧電網人工智慧開發」、「900HP空壓機耗能分析與故障預測」、「冷凍機耗能分析與故障預測」等。</p>
</div>
</div>
<div class="col-md-6 col-lg-4 branding">
<div class="portfolio-item">
<img src="assets/imgs/feature/branding-1.jpg" class="img-fluid" alt="Download free bootstrap 4 admin dashboard, free boootstrap 4 templates">
<p5 class="my-2 font-weight-bold ">積極培養學生具全球移動力</p5>
<p class="text-justify ">本系專業課程多以英語授課 (English Medium Instruction, EMI) ，供學生逐漸適應外語環境，未來從容應付國際就業市場。亦在每學年辦理 1-2
場國際參訪交流(疫情期間暫緩辦理)，參訪地點遍佈大陸、日本、美國、韓國及新加坡等，並與美國羅德島大學
(University of Rhode Island)合作，暑假期間到該校進行海外學園的交流活動。</p>
</div>
</div>
<div class="col-md-6 col-lg-4 branding ">
<div class="portfolio-item">
<img src="assets/imgs/feature/branding-2.jpg" class="img-fluid" alt="Download free bootstrap 4 admin dashboard, free boootstrap 4 templates">
<p5 class="my-2 font-weight-bold ">工作與國際接軌</p5>
<p class="text-justify ">本系畢業生的學歷資格受到其他23個會員國（例如：美國、英國、澳洲、紐西蘭、愛爾蘭、加拿大、日本、韓國、馬來西亞、新加坡、香港、印度、中國大陸、南非、…）
認可，保障有意前往國外工作的你。</p>
</div>
</div>
<div class="col-md-6 col-lg-4 branding ">
<div class="portfolio-item">
<img src="assets/imgs/feature/branding-3.png" class="img-fluid" alt="Download free bootstrap 4 admin dashboard, free boootstrap 4 templates">
<p5 class="my-2 font-weight-bold">積拓展國際視野</p5>
<p class="text-justify ">誰說只有出國才能認識外國朋友及文化、體驗不同的風俗民情呢? 本系提供給學生非常好的機會及環境能與國際接軌。不僅在課堂裡能與國際學生接觸，
也會在逢年過節時舉辦許多文化活動與國際學生交流，如元宵節、端午節、中秋節、萬聖節及聖誕節等中、西各項特色活動。</p>
</div>
</div>
</div>
</div>
</section>
<!-- End of portfolio section -->
<!--關鍵數據-->
<section id="cta" class="cta" >
<section class="cta " id="testmonial ">
<div class="container center">
<h2 class="title text-center mb-5">關鍵數據</h2>
<div class="row" >
<div class="col-lg-7 " data-aos="fade-right" data-aos-delay="100" style=" align-items: center; display: flex; flex-wrap: wrap; align-items: center; ">
<p > 元智工管系除了打磨學生的專業實力外，致力於提供猶如家般的溫馨環境，
系學會從大一新生入學起就籌畫了多元的活動等著你來體驗；亦在校園各項運動、活動中較其他系所有更佳的凝聚力，
取得優異的表現，充分展現工管系同學的青春活力、領導力及創造力；此外，系上有許多的國際學生，
透過經常性地舉辦IEM Live的文化交流活動，提供沈浸式的英語環境，宛如置身在外國。</p>
</div>
<div class="col-lg-5 align-self-center">
<div class="row">
<div class="col-4" style=" align-items: center; display: flex; flex-wrap: wrap; align-items: center; ">
<div class="card ">
<div class="card-body">
<h5 class="card-title mt-3 text-center p4">專任師資數<h5>
<div class="value text-center p3" akhi="18">0</div>
</div>
</div>
</div>
<div class="col-4" style=" align-items: center; display: flex; flex-wrap: wrap;">
<div class="card ">
<div class="card-body">
<h5 class="card-title mt-3 text-center p4">特色實驗室<h5>
<div class="value text-center p3" akhi="12">0</div>
</div>
</div>
</div>
<div class="col-4" style=" align-items: center; display: flex; flex-wrap: wrap;">
<div class="card">
<div class="card-body">
<h5 class="card-title mt-3 text-center p4">在學學生數<h5>
<div class="value text-center p3" akhi="500">0</div>
</div>
</div>
</div>
<div class="col-6" style=" align-items: center; display: flex; flex-wrap: wrap;">
<div class="card ">
<div class="card-body">
<h5 class="card-title mt-3 text-center p4">畢業系友數 <h5>
<div class="value text-center p3" akhi="4906">2500</div>
</div>
</div>
</div>
<div class="col-6" style=" align-items: center; display: flex; flex-wrap: wrap;">
<div class="card ">
<div class="card-body">
<h5 class="card-title mt-3 text-center p4">畢業第一年平均薪資 <h5>
<div class="value text-center p3" akhi="45000">30000</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<!--精彩生活-->
<!-- projects section start -->
<div class="section layout_padding" id="life">
<div class="col-md-6 offset-md-3">
<div class="faq-title text-center pb-3">
<h2>精彩生活</h2>
<h6 class="section-subtitle text-center">來看看元智工管系的生活吧!</h6>
</div>
</div>
<div class="container">
<!--
<h1 class="our_text">精彩生活</h1>
<p class="ipsum_text">來看看元智工管系的生活吧!</p>
-->
<div id="main_slider" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="projects_section2">
<div class="container_main1">
<div>
<h6 class="section-subtitle-life text-center">國際交流學習分享</h6>
</div>
<div class="row">
<div class="col-sm-4">
<div class="container_main1">
<img src="assets/imgs/life/image1-1.jpg" alt="Avatar" class="image" style="width:100%">
<h1 class="modern_text">與國際學生互相交流學習</h1>
</div>
</div>
<div class="col-sm-4">
<div class="container_main1">
<img src="assets/imgs/life/image1-2.jpg" alt="Avatar" class="image" style="width:100%">
<h1 class="modern_text">跨國文化交流，拓展視野</h1>
</div>
</div>
<div class="col-sm-4">
<div class="container_main1">
<img src="assets/imgs/life/image1-3.jpg" alt="Avatar" class="image" style="width:100%">
<h1 class="modern_text">!!!!TEXT!!!!</h1>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="projects_section2">
<div class="container_main1">
<div>
<h6 class="section-subtitle-life text-center">元智工管活動</h6>
</div>
<div class="row">
<div class="col-sm-4">
<div class="container_main1">
<img src="assets/imgs/life/image2-1.png" alt="Avatar" class="image" style="width:100%">
<h1 class="modern_text">元智工管籃球隊</h1>
</div>
</div>
<div class="col-sm-4">
<div class="container_main1">
<img src="assets/imgs/life/image2-2.jpg" alt="Avatar" class="image" style="width:100%">
<h1 class="modern_text">元智工管畢業謝師宴</h1>
</div>
</div>
<div class="col-sm-4">
<div class="container_main1">
<img src="images/img-6.png" alt="Avatar" class="image" style="width:100%">
<h1 class="modern_text">!!!!TEXT!!!!</h1>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="projects_section2">
<div class="container_main1">
<div>
<h6 class="section-subtitle-life text-center">學術交流與討論</h6>
</div>
<div class="row">
<div class="col-sm-4">
<div class="container_main1">
<img src="assets/imgs/life/image3-1.jpg" alt="Avatar" class="image" style="width:100%">
<h1 class="modern_text">!!!!TEXT!!!!</h1>
</div>
</div>
<div class="col-sm-4">
<div class="container_main1">
<img src="assets/imgs/life/image3-2.jpg" alt="Avatar" class="image" style="width:100%">
<h1 class="modern_text">!!!!TEXT!!!!</h1>
</div>
</div>
<div class="col-sm-4">
<div class="container_main1">
<img src="assets/imgs/life/image3-3.jpg" alt="Avatar" class="image" style="width:100%">
<h1 class="modern_text">!!!!TEXT!!!!</h1>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- projects section end -->
<!--
<section class="section">
<div class="photobanner">
<img class="first" src="assets/imgs/life/image1.jpg" alt="" class="hover-shadow" />
<img src="assets/imgs/life/image2.jpg" alt="" />
<img src="assets/imgs/life/image3.jpg" alt="" />
<img src="assets/imgs/life/image4.jpg" alt="" />
<img src="assets/imgs/life/image5.png" alt="" />
<img src="assets/imgs/life/image6.jpg" alt="" />
<img src="assets/imgs/life/image7.jpg" alt="" />
<img src="assets/imgs/life/image8.jpg" alt="" />
<img src="assets/imgs/life/image9.jpg" alt="" />
<img src="assets/imgs/life/image10.jpg" alt="" />
<img src="assets/imgs/life/image11.jpg" alt="" />
<img src="assets/imgs/life/image12.jpg" alt="" />
</div>
-->
</section>
<!-- ======= 畢業生有話說======= -->
<section id="grad" class="testimonials section">
<div class="col-md-6 offset-md-3">
<div class="faq-title text-center pb-3">
<h2>系友分享</h2>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="section-title" data-aos="fade-right">
<h2>學長姐有話說</h2>
<p>看看學長姐一路走來的心路歷程吧！我們有最專業的課程、最豐富的資源，期望養成學生從容面對瞬息萬變的環境。</p>
</div>
</div>
<div class="col-lg-9" data-aos="fade-up" data-aos-delay="100">
<div class="testimonials-slider swiper" data-aos="fade-up" data-aos-delay="100">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-item">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
大學生活更加強調自主管理以及自我學習的積極性和重要性， 同時也希望學生在增強個人能力的同時注重團隊協作。
元智大學和工管系都為學生提供了非常多的課程和資源， 也提供了許多鍛鍊和展示自己的機會，只要稍加利用就可以變成十分寶貴的經驗。
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
<div class="col-12" style="position: absolute; bottom: 0; margin-bottom: 10%; left: -2%; " >
<img src="assets/imgs/graduate/image1.png" class="testimonial-img" alt="">
<h3>吳澤楷</h3>
<h4>Ceo & Founder</h4>
</div>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
大學教育希望學生有自己的想法，這也是我喜歡在大學中上課的原因，
工管系幾乎一半以上的課程都需要報告，
從探索題目、交流意見、進行實驗到呈現結果，每個環節都能夠不斷加強自身的能力。
系上有很多不同領域的優秀教授，不論是最佳化、品質管理、大數據分析、機器學習、生產管理等，都能在工管系中學習到。
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
<div class="col-12" style="position: absolute; bottom: 0; margin-bottom: 10%; left: -2%; " >
<img src="assets/imgs/graduate/image2.png" class="testimonial-img" alt="">
<h3>林大洋</h3>
<h4>Designer</h4>
</div>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
對我來說在大學最重要的轉捩點是在大二暑期，那時候在老師的推薦下去嘉里大榮物流公司實習。 從學業上來說，
這兩個月實習經驗，讓我跳脫了教室跟課本瞭解現實的情況。
同時對我在學習大三專業科目時更能將各科知識相互融會貫通，同時從專業課程中學習解決與分析問題方式， 擴展發現問題的視野。
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
<div class="col-12" style="position: absolute; bottom: 0; margin-bottom: 10%; left: -2%; " >
<img src="assets/imgs/graduate/image3.png" class="testimonial-img" alt="">
<h3>連倢</h3>
<h4>Store Owner</h4>
</div>
</div>
</div><!-- End testimonial item -->
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
</section><!-- End Testimonials Section -->
<!--Team-->
<div>
</div>
<!-- 畢業生 -->
<!--Team-->
<div id="portfolio" class="our-portfolio section pt-0">
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-3">
<div class="section-heading wow bounceIn" data-wow-duration="1s" data-wow-delay="0.2s">
<h2>元智工管系畢業生</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-sm-6">
<div class="item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.3s">
<div class="hidden-content">
<p style="text-align: justify;">元智工管必修的課程補強本身在相關領域所缺少的理論知識，加上教授豐富的學術及業界的經驗，
將理論與實務結合，使對於相關的理論更加了解。</p>
</div>
<div class="showed-content">
<img src="assets/imgs/team/image1.png" alt="">
<h6 class="components-section-title ">李從仁</h6>
<h5>欣興電子 資深副理</h5>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.3s">
<div class="hidden-content">
<p style="text-align: justify;">回到學生時代，
對未來的職涯規劃的第一個決策點為”坐在辦公室“上班，畢業後第一個工作是PM，
自小PM做到主導專案的PM，自台商公司做到外商公司...
</p>
</div>
<div class="showed-content">
<img src="assets/imgs/team/image2.png" alt="">
<h6 class="components-section-title ">蘇韵旋</h6>
<h5>Apple 工程專案經理</h5>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="item wow bounceInUp" data-wow-duration="1s" data-wow-delay="0.3s">
<div class="hidden-content">
<p style="text-align: justify;">於2002年創立歐易亞科技，旗下「iChannels通路王」
是台灣最大的聯盟行銷平台，也是第一家提供CPA(Cost Per Action)
大幅提升廣告的效益與ROI。
</p>
</div>
<div class="showed-content">
<img src="assets/imgs/team/image3.png" alt="">
<h6 class="components-section-title ">王彥堯</h6>
<h5>歐易亞科技創立人</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Tabs
<div class="tab_css container ">
<input id="tab1" type="radio" name="tab" checked="checked"/>
<label for="tab1">畢業生有話說</label>
<div class="tab_content">
<div class="row ">
<div class="col-md-4">
<div class="card ">
<div class="card-body">
<img class="card-img card-small" src="assets/imgs/graduate/image1.png" alt="">
<h5 class="card-title mt-3 text-center">吳澤楷<h5>
<p class="card-title mt-3 text-justify ">大學生活更加強調自主管理以及自我學習的積極性和重要性，
同時也希望學生在增強個人能力的同時注重團隊協作。元智大學和工管系都為學生提供了非常多的課程和資源，
也提供了許多鍛鍊和展示自己的機會，只要稍加利用就可以變成十分寶貴的經驗。<p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card ">
<div class="card-body">
<img class="card-img card-small" src="assets/imgs/graduate/image2.png" alt="">
<h5 class="card-title mt-3 text-center">林大洋<h5>
<p class="card-title mt-3 text-justify ">在課程上，大學教育希望學生要有自己的想法，
這也是我喜歡在大學中上課的原因，工管系幾乎一半以上的課程都需要團體報告，從探索題目、交流意見、進行實驗到呈現結果，
每個環節都能夠不斷加強自身的能力。
系上有很多不同領域的優秀教授，不論是最佳化、品質管理、大數據分析、機器學習、生產管理等等領域，都能在工管系中學習到。<p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card ">
<div class="card-body ">
<img class="card-img card-small" src="assets/imgs/graduate/image3.png" alt="">
<h5 class="card-title mt-3 text-center">連倢<h5>
<p class="card-title mt-3 text-justify ">對我來說在大學最重要的轉捩點是在大二暑期，那時候在老師的推薦下去嘉里大榮物流公司實習。
從學業上來說，這兩個月實習經驗，讓我跳脫了教室跟課本瞭解現實的情況。
同時對我在學習大三專業科目時更能將各科知識相互融會貫通，同時從專業課程中學習解決與分析問題方式，
擴展發現問題的視野。<p>
</div>
</div>
</div>
</div>
<div style="float: right; ">
<button class="button-48 " onclick="location.href='http://www.iem.yzu.edu.tw/chinese/future/alumni/index.html';"><p>VIEW MORE →</p></button>
</div>
</div>
<input id="tab2" type="radio" name="tab"/>
<label for="tab2">傑出校友</label>
<div class="tab2_content">
<div class="row">