10
10
<!-- Font CDN -->
11
11
< link href ="https://fonts.googleapis.com/icon?family=Material+Icons " rel ="stylesheet ">
12
12
< link href ="https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap " rel ="stylesheet ">
13
- <!-- main CSS -->
14
- < link rel ="stylesheet " href ="./css/main.css " type ="text/css ">
15
- < title > Complex Fluid Theory Laboratory</ title >
13
+ <!-- main CSS -->
14
+ < link rel ="stylesheet " href ="./css/main.css " type ="text/css ">
15
+ < title > Complex Fluid Theory Laboratory</ title >
16
16
17
17
</ head >
18
18
< body >
19
-
19
+
20
20
<!-- 因為 fixed-top 的 NavBar 會遮到最上方的內容,故需要將上方留白 -->
21
21
< div class ="topper "> </ div >
22
22
23
23
<!-- NavBar -->
24
24
< header >
25
25
< nav class ="navbar navbar-expand-lg navbar-light navbar-color fixed-top ">
26
- < a class ="navbar-brand ">
26
+ < a class ="navbar-brand ">
27
27
< img class ="d-block " width ="250 " height ="" src ="./img/4.png ">
28
28
</ a >
29
29
33
33
34
34
< div id ="navbarNav " class ="collapse navbar-collapse ">
35
35
< ul class ="navbar-nav justify-content-center d-flex fill-flex ">
36
- < li class ="nav-item ">
36
+ < li class ="nav-item ">
37
37
< a class ="nav-link " href ="Home.html "> Home</ a >
38
38
</ li >
39
39
49
49
< a class ="nav-link " href ="Publication.html "> Publication</ a >
50
50
</ li >
51
51
52
- < li class ="nav-item ">
52
+ < li class ="nav-item ">
53
53
< a class ="nav-link " href ="Photo.html "> Photo</ a >
54
54
</ li >
55
55
62
62
</ nav >
63
63
</ header >
64
64
65
- < div class ="container-fluid margin-block ">
65
+ < div class ="container-fluid margin-block ">
66
66
< div class ="container ">
67
67
68
- < h1 class ="text-uppercase ">
68
+ < h1 class ="text-uppercase ">
69
69
Contact
70
70
</ h1 >
71
71
72
72
< div class ="row justify-content-around ">
73
73
< div class ="col-xs-6 col-md-5 col-lg-5 col-xl-4 ">
74
74
75
- < h2 >
75
+ < h2 >
76
76
Prof. Hsiu-Yu Yu
77
- </ h2 >
77
+ </ h2 >
78
78
79
- < span class ="content-wrap ">
79
+ < span class ="content-wrap ">
80
80
< h5 > Email:</ h5 >
81
81
82
82
< h5 > Office Phone:</ h5 >
@@ -90,11 +90,11 @@ <h5>Address:</h5>
90
90
Taipei 10617, TaiwanfR.O.C.)
91
91
</ span >
92
92
93
- < h2 >
93
+ < h2 >
94
94
Laboratory
95
- </ h2 >
95
+ </ h2 >
96
96
97
- < span class ="content-wrap ">
97
+ < span class ="content-wrap ">
98
98
< h5 > Lab Phone:</ h5 >
99
99
+886-2-3366-3054
100
100
< h5 > Address:</ h5 >
@@ -130,62 +130,62 @@ <h5>Address:</h5>
130
130
</ div >
131
131
</ div >
132
132
133
- <!-- footer -->
133
+ <!-- footer -->
134
134
<!-- 若只用 footer 沒有 container-fluid 將會無法水平填滿視窗 -->
135
135
< footer class ="container-fluid footer-bg ">
136
- < div class ="footer-container ">
137
- <!-- footer 1 -->
138
- < div class ="row justify-content-end footer-padding-top ">
139
-
140
- <!-- column 1 -->
141
- < div class ="col-xs-6 col-sm-12 col-md-12 col-lg-4 flexbox ">
142
- < div class ="footer-padding ">
143
- < img src ="./img/logo.png " class ="w-100 " alt ="National Taiwan University Chemical Engineering ">
144
- </ div >
145
- </ div >
146
-
147
- <!-- column 2 -->
148
- < div class ="col-xs-6 col-sm-6 col-md-6 col-lg-4 ">
149
- < div class ="footer-padding ">
150
- < img src ="./img/icon/address.png " alt ="" class ="info-icon pull-left ">
151
- < span class ="info pull-left ">
152
- Address:
153
- < br > Department of Chemical Engineering,
154
- < br > National Taiwan University,
155
- < br > No. 1, Sec. 4, Roosevelt Rd.
156
- < br > Taipei 10617, Taiwan(R.O.C.)
157
- </ span >
158
- </ div >
159
- </ div >
160
-
161
- <!-- column 3 -->
162
- < div class ="col-xs-6 col-sm-6 col-md-6 col-lg-4 ">
163
- < div class ="footer-padding ">
164
- < img src ="./img/icon/phone.png " alt ="" class ="info-icon pull-left ">
165
- < span class ="info pull-left ">
166
- Office Phone: +886-2-3366-3036
167
- </ span >
168
- < img src ="./img/icon/fax.png " alt ="" class ="info-icon pull-left ">
169
- < span class ="info pull-left ">
170
- Fax: +886-2-2362-3040
171
- </ span >
172
- < img src ="./img/icon/message.png " alt ="Email " class ="info-icon pull-left ">
173
- < span class ="info pull-left ">
174
-
175
- </ span >
176
- < img src ="./img/icon/phone.png " alt ="Lab Phone " class ="info-icon pull-left ">
177
- < span class ="info pull-left ">
178
- Lab Phone: +886-2-3366-3054
179
- </ span >
180
- </ div >
181
- </ div >
182
- </ div >
183
-
184
- <!-- footer 2 -->
185
- < div class ="text-center footer-padding-bottom copyright ">
186
- Copyright © 2019 Complex Fluid Theory Laboratory. All rights reserved
187
- </ div >
188
- </ div >
136
+ < div class ="footer-container ">
137
+ <!-- footer 1 -->
138
+ < div class ="row justify-content-end footer-padding-top ">
139
+
140
+ <!-- column 1 -->
141
+ < div class ="col-xs-6 col-sm-12 col-md-12 col-lg-4 flexbox ">
142
+ < div class ="footer-padding ">
143
+ < img src ="./img/logo.png " class ="w-100 " alt ="National Taiwan University Chemical Engineering ">
144
+ </ div >
145
+ </ div >
146
+
147
+ <!-- column 2 -->
148
+ < div class ="col-xs-6 col-sm-6 col-md-6 col-lg-4 ">
149
+ < div class ="footer-padding ">
150
+ < img src ="./img/icon/address.png " alt ="" class ="info-icon pull-left ">
151
+ < span class ="info pull-left ">
152
+ Address:
153
+ < br > Department of Chemical Engineering,
154
+ < br > National Taiwan University,
155
+ < br > No. 1, Sec. 4, Roosevelt Rd.
156
+ < br > Taipei 10617, Taiwan(R.O.C.)
157
+ </ span >
158
+ </ div >
159
+ </ div >
160
+
161
+ <!-- column 3 -->
162
+ < div class ="col-xs-6 col-sm-6 col-md-6 col-lg-4 ">
163
+ < div class ="footer-padding ">
164
+ < img src ="./img/icon/phone.png " alt ="" class ="info-icon pull-left ">
165
+ < span class ="info pull-left ">
166
+ Office Phone: +886-2-3366-3036
167
+ </ span >
168
+ < img src ="./img/icon/fax.png " alt ="" class ="info-icon pull-left ">
169
+ < span class ="info pull-left ">
170
+ Fax: +886-2-2362-3040
171
+ </ span >
172
+ < img src ="./img/icon/message.png " alt ="Email " class ="info-icon pull-left ">
173
+ < span class ="info pull-left ">
174
+
175
+ </ span >
176
+ < img src ="./img/icon/phone.png " alt ="Lab Phone " class ="info-icon pull-left ">
177
+ < span class ="info pull-left ">
178
+ Lab Phone: +886-2-3366-3054
179
+ </ span >
180
+ </ div >
181
+ </ div >
182
+ </ div >
183
+
184
+ <!-- footer 2 -->
185
+ < div class ="text-center footer-padding-bottom copyright ">
186
+ Copyright © 2019 Complex Fluid Theory Laboratory. All rights reserved
187
+ </ div >
188
+ </ div >
189
189
</ footer >
190
190
191
191
<!-- Optional JavaScript -->
0 commit comments