(2 intermediate revisions by the same user not shown) | |||
Line 220: | Line 220: | ||
margin-bottom: 1rem; } | margin-bottom: 1rem; } | ||
− | + | h4{ | |
text-align: center; | text-align: center; | ||
margin-bottom: 2rem !important; | margin-bottom: 2rem !important; | ||
Line 228: | Line 228: | ||
font-weight:bold; | font-weight:bold; | ||
font-family:Helvetica; | font-family:Helvetica; | ||
+ | } | ||
+ | .text-area h2{ | ||
+ | text-align: center; | ||
+ | margin-bottom: 2rem !important; | ||
+ | margin-top: 2rem; | ||
+ | color: white !important; | ||
+ | font-size: 40px; | ||
+ | font-weight:bold; | ||
+ | font-family:serif; | ||
} | } | ||
h3{ | h3{ | ||
Line 411: | Line 420: | ||
<body> | <body> | ||
<div class="bg-container"> | <div class="bg-container"> | ||
− | + | ||
+ | |||
+ | |||
<div class="row"> | <div class="row"> | ||
<h1>Education & Public Engagement </h1> | <h1>Education & Public Engagement </h1> | ||
− | < | + | <h4 style="text-align:center">Blood Testing</h4> |
<p>Resize the browser window to see the effect.</p> | <p>Resize the browser window to see the effect.</p> | ||
Line 435: | Line 446: | ||
<p>Interview: Mr. Ching-Kuei Lin (CEO)</p> | <p>Interview: Mr. Ching-Kuei Lin (CEO)</p> | ||
<p> Date: Jul. 19, 2018 </p> | <p> Date: Jul. 19, 2018 </p> | ||
− | <p style="text-align: left"> Location: | + | <p style="text-align: left"> Location: Shin Yan Sheno Precision Industrial Co., Ltd. </p> |
<p style="text-align: left"> Reflection: syringe recycling problem, environmental friendly product </p> | <p style="text-align: left"> Reflection: syringe recycling problem, environmental friendly product </p> | ||
</a> | </a> | ||
Line 470: | Line 481: | ||
<div class="row"> | <div class="row"> | ||
<div class="column2" style="width:50%"> | <div class="column2" style="width:50%"> | ||
− | < | + | <h4 style="text-align:center">Biotech Workshop</h4> |
<p>Resize the browser window to see the effect.</p> | <p>Resize the browser window to see the effect.</p> | ||
</div> | </div> | ||
<div class="column2" style="width:50%"> | <div class="column2" style="width:50%"> | ||
− | < | + | <h4 style="text-align:center">Debate Conference</h4> |
<p>Resize the browser window to see the effect.</p> | <p>Resize the browser window to see the effect.</p> | ||
</div> | </div> | ||
Line 533: | Line 544: | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 623: | Line 551: | ||
<div id="b1" class="containerTab" style="display:none;background:green"> | <div id="b1" class="containerTab" style="display:none;background:green"> | ||
<span onclick="this.parentElement.style.display='none'" class="closebtn">×</span> | <span onclick="this.parentElement.style.display='none'" class="closebtn">×</span> | ||
− | < | + | <h4>Box 1</h4> |
<p>Lorem ipsum dolor sit amet, te quo doctus abhorreant, et pri deleniti intellegat, te sanctus inermis ullamcorper nam. Ius error diceret deseruisse ad</p> | <p>Lorem ipsum dolor sit amet, te quo doctus abhorreant, et pri deleniti intellegat, te sanctus inermis ullamcorper nam. Ius error diceret deseruisse ad</p> | ||
</div> | </div> | ||
Line 629: | Line 557: | ||
<div id="b2" class="containerTab" style="display:none;background:blue"> | <div id="b2" class="containerTab" style="display:none;background:blue"> | ||
<span onclick="this.parentElement.style.display='none'" class="closebtn">×</span> | <span onclick="this.parentElement.style.display='none'" class="closebtn">×</span> | ||
− | < | + | <h4>Box 2</h4> |
<p>Lorem ipsum dolor sit amet, te quo doctus abhorreant, et pri deleniti intellegat, te sanctus inermis ullamcorper nam. Ius error diceret deseruisse ad</p> | <p>Lorem ipsum dolor sit amet, te quo doctus abhorreant, et pri deleniti intellegat, te sanctus inermis ullamcorper nam. Ius error diceret deseruisse ad</p> | ||
</div> | </div> | ||
Line 635: | Line 563: | ||
<div id="b3" class="containerTab" style="display:none;background:red"> | <div id="b3" class="containerTab" style="display:none;background:red"> | ||
<span onclick="this.parentElement.style.display='none'" class="closebtn">×</span> | <span onclick="this.parentElement.style.display='none'" class="closebtn">×</span> | ||
− | < | + | <h4>Box 3</h4> |
<p>Lorem ipsum dolor sit amet, te quo doctus abhorreant, et pri deleniti intellegat, te sanctus inermis ullamcorper nam. Ius error diceret deseruisse ad</p> | <p>Lorem ipsum dolor sit amet, te quo doctus abhorreant, et pri deleniti intellegat, te sanctus inermis ullamcorper nam. Ius error diceret deseruisse ad</p> | ||
</div> | </div> |
Latest revision as of 01:10, 18 October 2018
Education & Public Engagement
Blood Testing
Resize the browser window to see the effect.
Biotech Workshop
Resize the browser window to see the effect.
Debate Conference
Resize the browser window to see the effect.