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 416: | Line 425: | ||
<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 472: | 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 542: | 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 548: | 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 554: | 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.