<p>
<meta charset="UTF-8" />
<style type="text/css">body,h1,h2,h3,h4,h5,h6 {font-family: "微軟正黑體", sans-serif}
.flex-container {
display: flex;
}
.flex-container > div {
/*background-color: #fff;*/
margin: 20px;
padding: 10px;
font-size: 1.15em;
/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 15px 0 rgba(0, 0, 0, 0.19);
text-align: center;
float: left;
/*若一列4位 寬width:25%
若一列3位 寬width:33.33%*/
width: 25%;
/*padding: 10px;*/
}
div.container {
padding: 7px;
text-align:left;
width:90%;
}
.division {
text-align: left;
font-size: 1.2em;
padding-left:3em;
padding-bottom:2em;
}
.tta:link, a:visited {
background-color: #EBEBEB;
color: 000;
padding: 10px 20px;
text-align: center;
/*text-decoration: none;
display: inline-block;*/
letter-spacing: 2px;
}
.tta:hover, a:active {
background-color: #000000;
color: #fff;
}
.t1-button:first-child{
background-color:#000;color:#fff;
padding: 10px 20px;
text-align: center;
letter-spacing: 3px;
}
</style>
<!--上方"教師組別"--></p>
<div class="division">系所師資：<a class="t1-button">教師列表</a> <a class="tta" href="#">計算機專業領域</a> <a class="tta" href="#">xxxxxx組</a> <a class="tta" href="#">xxxxxx組</a></div>
<div class="flex-container">
<div><img alt="男性教師示意圖" height="" src="/var/file/4/1004/img/1919/male.png" width="85%" />
<div class="container">
<h3 style="font-weight:bold;">王大明 (DA, MING, WANG)</h3><br />
<p style="line-height:1.7em">專任教授 / XXXXX中心主任<br />
聯絡分機：#0000 / <span style="color:#C30"><a href="mailto:abc@ntut.edu.tw"><span style="color:#C30">Email</span></a><br />
<a href="https://ar.ntut.edu.tw/professor/%E7%8E%8B%E6%B0%B8%E9%90%98/1358" target="_blank"><span style="color:#C30">更多歷程介紹</span></a></span></p>
</div>
</div>
<div><img alt="女性教師示意圖" height="" src="/var/file/4/1004/img/1919/female.png" width="85%" />
<div class="container">
<h3 style="font-weight:bold;">丁美玫 (MEI MEI, DING )</h3><br />
<p style="line-height:1.7em">副教授<br />
聯絡分機：#0000 / <a href="mailto:abc@ntut.edu.tw"><span style="color:#C30">Email</span></a><br />
<a href="https://ar.ntut.edu.tw/professor/%E7%8E%8B%E6%B0%B8%E9%90%98/1358" target="_blank"><span style="color:#C30">更多歷程介紹</span></a></p>
</div>
</div>
<div><img alt="男性教師示意圖" height="" src="/var/file/4/1004/img/1919/male.png" width="85%" />
<div class="container">
<h3 style="font-weight:bold;">王大明 (DA, MING, WANG)</h3><br />
<p style="line-height:1.7em;">兼任教授<br />
聯絡分機：#0000 / <a href="mailto:abc@ntut.edu.tw"><span style="color:#C30">Email</span></a><br />
<a href="https://ar.ntut.edu.tw/professor/%E7%8E%8B%E6%B0%B8%E9%90%98/1358" target="_blank"><span style="color:#C30">更多歷程介</span></a></p>
</div>
</div>
<!--第四位老師-->
<div><img alt="女性教師示意圖" height="" src="/var/file/4/1004/img/1919/female.png" width="85%" />
<div class="container">
<h3 style="font-weight:bold;">丁美玫 (MEI MEI, DING )</h3><br />
<p style="line-height:1.7em">副教授<br />
聯絡分機：#0000 / <a href="mailto:abc@ntut.edu.tw"><span style="color:#C30">Email</span></a><br />
<a href="https://ar.ntut.edu.tw/professor/%E7%8E%8B%E6%B0%B8%E9%90%98/1358" target="_blank"><span style="color:#C30">更多歷程介紹</span></a></p>
</div>
</div>
<!--end--></div>
<!--第2列3位老師-->
<div class="flex-container">
<div><img alt="男性教師示意圖" height="" src="/var/file/4/1004/img/1919/male.png" width="85%" />
<div class="container">
<h3 style="font-weight:bold;">王大明 (DA, MING, WANG)</h3><br />
<p style="line-height:1.7em">專任教授 / XXXXX中心主任<br />
聯絡分機：#0000 / <a href="mailto:abc@ntut.edu.tw"><span style="color:#C30">Email</span></a><br />
<a href="https://ar.ntut.edu.tw/professor/%E7%8E%8B%E6%B0%B8%E9%90%98/1358" target="_blank"><span style="color:#C30">更多歷程介紹</span></a></p>
</div>
</div>
<div><img alt="女性教師示意圖" height="" src="/var/file/4/1004/img/1919/female.png" width="85%" />
<div class="container">
<h3 style="font-weight:bold;">丁美玫 (MEI MEI, DING )</h3><br />
<p style="line-height:1.7em">專任教授<br />
聯絡分機：#0000 / <a href="mailto:abc@ntut.edu.tw"><span style="color:#C30">Email</span></a><br />
<a href="https://ar.ntut.edu.tw/professor/%E7%8E%8B%E6%B0%B8%E9%90%98/1358" target="_blank"><span style="color:#C30">更多歷程介紹</span></a></p>
</div>
</div>
<div><img alt="男性教師示意圖" height="" src="/var/file/4/1004/img/1919/male.png" width="85%" />
<div class="container">
<h3 style="font-weight:bold;">王大明 (DA, MING, WANG)</h3><br />
<p style="line-height:1.7em">兼任教授<br />
聯絡分機：#0000 / <a href="mailto:abc@ntut.edu.tw"><span style="color:#C30">Email</span></a><br />
<a href="https://ar.ntut.edu.tw/professor/%E7%8E%8B%E6%B0%B8%E9%90%98/1358" target="_blank"><span style="color:#C30">更多歷程介</span></a></p>
</div>
</div>
</div>
<!--第3列-->
<div class="flex-container">
<div><img alt="男性教師示意圖" height="" src="/var/file/4/1004/img/1919/male.png" width="85%" />
<div class="container">
<h3 style="font-weight:bold;">王大明 (DA, MING, WANG)</h3><br />
<p style="line-height:1.7em">專任教授 / XXXXX中心主任<br />
聯絡分機：#0000 / <a href="mailto:abc@ntut.edu.tw"><span style="color:#C30">Email</span></a><br />
<a href="https://ar.ntut.edu.tw/professor/%E7%8E%8B%E6%B0%B8%E9%90%98/1358" target="_blank"><span style="color:#C30">更多歷程介紹</span></a></p>
</div>
</div>
<div><img alt="女性教師示意圖" height="" src="/var/file/4/1004/img/1919/female.png" width="85%" />
<div class="container">
<h3 style="font-weight:bold;">丁美玫 (MEI MEI, DING )</h3><br />
<p style="line-height:1.7em">副教授<br />
聯絡分機：#0000 / <a href="mailto:abc@ntut.edu.tw"><span style="color:#C30">Email</span></a><br />
<a href="https://ar.ntut.edu.tw/professor/%E7%8E%8B%E6%B0%B8%E9%90%98/1358" target="_blank"><span style="color:#C30">更多歷程介紹</span></a></p>
</div>
</div>
<div><img alt="男性教師示意圖" height="" src="/var/file/4/1004/img/1919/male.png" width="85%" />
<div class="container">
<h3 style="font-weight:bold;">王大明 (DA, MING, WANG)</h3><br />
<p style="line-height:1.7em">兼任教授<br />
聯絡分機：#0000 / <a href="mailto:abc@ntut.edu.tw"><span style="color:#C30">Email</span></a><br />
<a href="https://ar.ntut.edu.tw/professor/%E7%8E%8B%E6%B0%B8%E9%90%98/1358" target="_blank"><span style="color:#C30">更多歷程介</span></a></p>
</div>
</div>
</div>
