<section>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style type="text/css">
/* footer section start */
*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
body.foot {
font-size:14px;
background: #fff;
max-width:1920px;
margin:0 auto;
overflow-x:hidden;
font-family: poppins;
}
#footer{
background: #f7f7f7;
padding: 3rem;
/* padding-top: 5rem; */
padding-top: 7rem;
padding-bottom: 80px;
background-image: url(https://arena.km.ua/wp-content/uploads/3538533.jpg);
}
#footer2{
background: #f7f7f7;
padding: 3rem;
margin-top: 0px;
/* padding-top: 5rem; */
padding-top: 7rem;
padding-bottom: 80px;
background-image: url(../images/cards/v748-toon-111.png);
}
.logo-footer{
/* max-width: 300px; */
}
.social-links{
/* display: flex;
flex-direction: column;
align-items: center;
justify-content: center; */
}
.social-links h2{
padding-bottom: 8px;
font-size: 20px;
font-weight: 600;
}
.social-links img{
padding-bottom: 25px;
}
.social-icons{
/* display: flex;
gap: 3rem; */
display: flex;
flex-direction: column;
gap: 1rem;
color: #777777;
}
.social-icons a{
/* font-size: 18px; */
/* background: #ffffff; */
/* box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
padding: 0.4rem 1rem 0.4rem 1rem;
border-radius: 3px;
color: #82074a; */
/* margin-right: 18px; */
color: #777777;
}
.social-icons a:hover{
color: #000;
}
.social-icons a i{
box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
padding: 0.4rem 1rem 0.4rem 1rem;
border-radius: 3px;
color: #82074a;
font-size: 16px;
margin-right: 12px;
}
li{
list-style: none;
}
.useful-link h2{
padding-bottom: 15px;
font-size: 20px;
font-weight: 600;
}
.useful-link img{
padding-bottom: 15px;
}
.use-links{
line-height: 32px;
}
.use-links li i{
font-size: 14px;
padding-right: 8px;
color: #898989;
}
.use-links li a{
color: #303030;
font-size: 15px;
font-weight: 500;
color: #777777;
}
.use-links li a:hover{
color: #000;
}
.address h2{
padding-bottom: 15px;
font-size: 20px;
font-weight: 600;
}
.address img{
padding-bottom: 15px;
}
.address-links li a{
color: #303030;
font-size: 15px;
font-weight: 500;
color: #777777;
}
.address-links li i{
font-size: 16px;
padding-right: 8px;
color: #82074a;
}
.address-links li i:nth-child(1){
padding-top: 9px;
}
.address-links .address1{
font-weight: 500;
font-size: 15px;
display: flex;
}
.address-links{
line-height: 32px;
color: #777777;
}
.copy-right-sec{
padding: 1.8rem;
background: #82074a;
color: #fff;
text-align: center;
}
.copy-right-sec a{
color: #fcd462;
font-weight: 500;
}
a{
text-decoration:none;
}
/* footer section end */
</style>
</head>
<body class="foot">
<!-- footer section start -->
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-3">
<img src="https://mse.nuu.edu.tw/var/file/31/1031/img/MSElogo.jpg" alt="" class="img-fluid logo-footer">
</div>
<div class="col-md-3">
<div class="useful-link">
<h2>Useful Links</h2>
<div class="use-links">
<li><a href="https://mse.nuu.edu.tw/p/404-1031-25848.php"><i class="material-icons">chevron_right</i>如何到達本系</a></li>
<li><a href="https://mse.nuu.edu.tw/p/404-1031-25850.php"><i class="material-icons">chevron_right</i>專任教師</a></li>
<li><a href="https://mse.nuu.edu.tw/p/404-1031-25856.php"><i class="material-icons">chevron_right</i>學期課表</a></li>
<li><a href="https://mse.nuu.edu.tw/p/404-1031-25860.php"><i class="material-icons">chevron_right</i>研究實驗室</a></li>
</div>
</div>
</div>
<div class="col-md-3">
<div class="social-links">
<h2>Follow Us</h2>
<img src="./assets/images/about/home_line.png" alt="">
<div class="social-icons">
<li><a href="https://m.facebook.com/people/%E5%9C%8B%E7%AB%8B%E8%81%AF%E5%90%88%E5%A4%A7%E5%AD%B8%E6%9D%90%E6%96%99%E7%B3%BB/100069742484108/?locale=zh_TW"><i class="fa fa-facebook-official"></i> Facebook</a></li>
<li><a href="https://www.instagram.com/explore/locations/1000561440/"><i class="fa fa-instagram"></i> Instagram</a></li>
<li><a href="https://www.linkedin.com/school/%E5%9C%8B%E7%AB%8B%E8%81%AF%E5%90%88%E5%A4%A7%E5%AD%B8/?originalSubdomain=tw"><i class="fa fa-linkedin"></i> Linkedin</a></li>
</div>
</div>
</div>
<div class="col-md-3">
<div class="address">
<h2>Address</h2>
<img src="./assets/images/about/home_line.png" alt="" class="img-fluid">
<div class="address-links">
<li class="address1"><i class="material-icons">location_on</i>(36063)苗栗市南勢里聯大二號</li>
<li class="address1"><i class="material-icons">location_on</i></i>No.2, Lianda, Miaoli 36063, Taiwan.</li>
<li class="address1"><a href=""><i class="material-icons">call</i>037-382230</a></li>
<li class="address1"><a href=""><i class="material-icons">fax</i>037-382247</a></li>
<li><a href="mailto:mse@nuu.edu.tw"><i class="material-icons">mail</i>mse@nuu.edu.tw</a></li>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- footer section end -->
<section id="copy-right">
<div class="copy-right-sec">國立聯合大學材料科學工程學系 </br> Department of Materials Science and Engineering, National United University.</div>
</section>
</body>
</section>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style type="text/css">
/* footer section start */
*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
body.foot {
font-size:14px;
background: #fff;
max-width:1920px;
margin:0 auto;
overflow-x:hidden;
font-family: poppins;
}
#footer{
background: #f7f7f7;
padding: 3rem;
/* padding-top: 5rem; */
padding-top: 7rem;
padding-bottom: 80px;
background-image: url(https://arena.km.ua/wp-content/uploads/3538533.jpg);
}
#footer2{
background: #f7f7f7;
padding: 3rem;
margin-top: 0px;
/* padding-top: 5rem; */
padding-top: 7rem;
padding-bottom: 80px;
background-image: url(../images/cards/v748-toon-111.png);
}
.logo-footer{
/* max-width: 300px; */
}
.social-links{
/* display: flex;
flex-direction: column;
align-items: center;
justify-content: center; */
}
.social-links h2{
padding-bottom: 8px;
font-size: 20px;
font-weight: 600;
}
.social-links img{
padding-bottom: 25px;
}
.social-icons{
/* display: flex;
gap: 3rem; */
display: flex;
flex-direction: column;
gap: 1rem;
color: #777777;
}
.social-icons a{
/* font-size: 18px; */
/* background: #ffffff; */
/* box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
padding: 0.4rem 1rem 0.4rem 1rem;
border-radius: 3px;
color: #82074a; */
/* margin-right: 18px; */
color: #777777;
}
.social-icons a:hover{
color: #000;
}
.social-icons a i{
box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
padding: 0.4rem 1rem 0.4rem 1rem;
border-radius: 3px;
color: #82074a;
font-size: 16px;
margin-right: 12px;
}
li{
list-style: none;
}
.useful-link h2{
padding-bottom: 15px;
font-size: 20px;
font-weight: 600;
}
.useful-link img{
padding-bottom: 15px;
}
.use-links{
line-height: 32px;
}
.use-links li i{
font-size: 14px;
padding-right: 8px;
color: #898989;
}
.use-links li a{
color: #303030;
font-size: 15px;
font-weight: 500;
color: #777777;
}
.use-links li a:hover{
color: #000;
}
.address h2{
padding-bottom: 15px;
font-size: 20px;
font-weight: 600;
}
.address img{
padding-bottom: 15px;
}
.address-links li a{
color: #303030;
font-size: 15px;
font-weight: 500;
color: #777777;
}
.address-links li i{
font-size: 16px;
padding-right: 8px;
color: #82074a;
}
.address-links li i:nth-child(1){
padding-top: 9px;
}
.address-links .address1{
font-weight: 500;
font-size: 15px;
display: flex;
}
.address-links{
line-height: 32px;
color: #777777;
}
.copy-right-sec{
padding: 1.8rem;
background: #82074a;
color: #fff;
text-align: center;
}
.copy-right-sec a{
color: #fcd462;
font-weight: 500;
}
a{
text-decoration:none;
}
/* footer section end */
</style>
</head>
<body class="foot">
<!-- footer section start -->
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-3">
<img src="https://mse.nuu.edu.tw/var/file/31/1031/img/MSElogo.jpg" alt="" class="img-fluid logo-footer">
</div>
<div class="col-md-3">
<div class="useful-link">
<h2>Useful Links</h2>
<div class="use-links">
<li><a href="https://mse.nuu.edu.tw/p/404-1031-25848.php"><i class="material-icons">chevron_right</i>如何到達本系</a></li>
<li><a href="https://mse.nuu.edu.tw/p/404-1031-25850.php"><i class="material-icons">chevron_right</i>專任教師</a></li>
<li><a href="https://mse.nuu.edu.tw/p/404-1031-25856.php"><i class="material-icons">chevron_right</i>學期課表</a></li>
<li><a href="https://mse.nuu.edu.tw/p/404-1031-25860.php"><i class="material-icons">chevron_right</i>研究實驗室</a></li>
</div>
</div>
</div>
<div class="col-md-3">
<div class="social-links">
<h2>Follow Us</h2>
<img src="./assets/images/about/home_line.png" alt="">
<div class="social-icons">
<li><a href="https://m.facebook.com/people/%E5%9C%8B%E7%AB%8B%E8%81%AF%E5%90%88%E5%A4%A7%E5%AD%B8%E6%9D%90%E6%96%99%E7%B3%BB/100069742484108/?locale=zh_TW"><i class="fa fa-facebook-official"></i> Facebook</a></li>
<li><a href="https://www.instagram.com/explore/locations/1000561440/"><i class="fa fa-instagram"></i> Instagram</a></li>
<li><a href="https://www.linkedin.com/school/%E5%9C%8B%E7%AB%8B%E8%81%AF%E5%90%88%E5%A4%A7%E5%AD%B8/?originalSubdomain=tw"><i class="fa fa-linkedin"></i> Linkedin</a></li>
</div>
</div>
</div>
<div class="col-md-3">
<div class="address">
<h2>Address</h2>
<img src="./assets/images/about/home_line.png" alt="" class="img-fluid">
<div class="address-links">
<li class="address1"><i class="material-icons">location_on</i>(36063)苗栗市南勢里聯大二號</li>
<li class="address1"><i class="material-icons">location_on</i></i>No.2, Lianda, Miaoli 36063, Taiwan.</li>
<li class="address1"><a href=""><i class="material-icons">call</i>037-382230</a></li>
<li class="address1"><a href=""><i class="material-icons">fax</i>037-382247</a></li>
<li><a href="mailto:mse@nuu.edu.tw"><i class="material-icons">mail</i>mse@nuu.edu.tw</a></li>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- footer section end -->
<section id="copy-right">
<div class="copy-right-sec">國立聯合大學材料科學工程學系 </br> Department of Materials Science and Engineering, National United University.</div>
</section>
</body>
</section>