Difference between revisions of "Team:Mingdao/Public Engagement"

 
Line 220: Line 220:
 
     margin-bottom: 1rem; }
 
     margin-bottom: 1rem; }
  
h2{
+
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>
<h2 style="text-align:center">Blood Testing</h2>
+
<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%">
   <h2 style="text-align:center">Biotech Workshop</h2>
+
   <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%">
   <h2 style="text-align:center">Debate Conference</h2>
+
   <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">&times;</span>
 
   <span onclick="this.parentElement.style.display='none'" class="closebtn">&times;</span>
   <h2>Box 1</h2>
+
   <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">&times;</span>
 
   <span onclick="this.parentElement.style.display='none'" class="closebtn">&times;</span>
   <h2>Box 2</h2>
+
   <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">&times;</span>
 
   <span onclick="this.parentElement.style.display='none'" class="closebtn">&times;</span>
   <h2>Box 3</h2>
+
   <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