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

 
(2 intermediate revisions by the same user not shown)
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 411: Line 420:
 
<body>
 
<body>
 
<div class="bg-container">
 
<div class="bg-container">
</div>
+
 
 +
 
 +
 
 
<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 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: SHIN YAN SHENO PRECISION INDUSTRIAL CO., LTD. </p>
+
       <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%">
   <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 533: Line 544:
 
</div>
 
</div>
  
<h1>Entrepreneurship</h1>
 
<div class="row">
 
<div class="column3">
 
    <div class="card2">
 
<img src="" style="width:100%">
 
      <h3></h3>
 
      <p></p>
 
      <p>  </p>
 
      <p>  </p>
 
      <p>  </p>
 
    </div>
 
  </div>
 
 
  <div class="column">
 
    <div class="card">
 
<video playinline controls="true">
 
  <source src="https://static.igem.org/mediawiki/2018/3/39/T--Mingdao--HomePage_intro.mp4" type="video/mp4";  >
 
    </video>
 
      <h3>Proposal</h3>
 
      <p>Interview: Mr. Ching-Kuei Lin (CEO)</p>
 
      <p> Date: Jul. 19, 2018 </p>
 
      <p> Location: SHIN YAN SHENO PRECISION INDUSTRIAL CO., LTD. </p>
 
      <p> Reflection: syringe recycling problem, environmental friendly product </p>
 
</a>
 
    </div>
 
  </div>
 
 
  <div class="column">
 
    <div class="card">
 
<a href="https://2018.igem.org/Team:Mingdao/Human_Practices_SWOT">
 
<img src="https://static.igem.org/mediawiki/2018/9/97/T--Mingdao--HP_SWOT.png" style="width:100%">
 
      <h3>SWOT analysis</h3>
 
      <p>Interview: a HIV/AIDS social worker  </p>
 
      <p>Date: Aug. 22, 2018 </p>
 
      <p> Location: Lourdes association office in Taichung </p>
 
      <p> Reflection: patient care, dignity and privacy </p>
 
</a>
 
    </div>
 
  </div>
 
 
 
  <div class="column">
 
    <div class="card">
 
<a href="https://2018.igem.org/Team:Mingdao/DM_test">
 
<img src="https://static.igem.org/mediawiki/2018/9/91/T--Mingdao--HomePage_DM_p1.png" style="width:100%">
 
      <h3>Marketing</h3>
 
      <p>Interview: the public </p>
 
      <p> Date: Aug. 19, 2018 </p>
 
      <p>Location: Shin Kong Mitsukoshi Department Store Co., Ltd., Taichung </p>
 
      <p> Reflection: blood testing preference, safety, accuracy </p>
 
</a>
 
    </div>
 
  </div>
 
 
 
<div class="column3">
 
    <div class="card2">
 
<img src="" style="width:100%">
 
      <h3></h3>
 
      <p></p>
 
      <p>  </p>
 
      <p>  </p>
 
      <p>  </p>
 
    </div>
 
  </div>
 
 
</div>
 
 
 
<h1>Conclusion & Perspective</h1>
 
<h2> Every Deed Begins with a Purpose </h2>
 
<div class="row">
 
<div class="column5">
 
    <div class="card2">
 
    </div>
 
  </div>
 
 
<div class="column4">
 
    <div class="card3">
 
<p style="text-indent:2em; color:white; font-size:20px;">
 
All in all, it’s hard to deny that people still have concerns about our project. Convincing the public that our product is safety and security is a difficult task. For adults, based on their personal experiences, they recognize that mosquitoes bring nothing but disease and itching. So it might came upon a bad impression for them, however, they did support us to do more and are eager to know what our final product is. For primary school students, they are quite young and don’t have too much concerns about safety, they prefer a natural bite more than a scared syringe. Promotion and propaganda for GMO products as well as realizing the way to spreading HIV infectious diseases play an indispensable role within our project. Moreover, because of the survey, we came up with our applied device, which keeps mosquitoes secure in a cage as small as a matchbox. And combined with the other experiences, we’ve come up with an idea of peeling off mosquito wings for preventing escaping. Our product hasn’t come true, our journey never stops, every deed begins with a purpose, and the purpose makes our life meaningful.
 
</p>
 
    </div>
 
  </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">&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 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">&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 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">&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