Difference between revisions of "Team:Hong Kong HKU/HP/Silver"

 
(24 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<html>
 
<html>
  
−
<body>
 
  
−
<a href="#" class="Public Engagement">Public Engagement</a>
 
  
−
.Public Engagement {
+
 
−
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
+
 
−
background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
+
 
−
background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
+
 
−
background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
+
 
−
background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
+
<head>
−
background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
+
<style>
−
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
+
 
−
background-color:#77b55a;
+
.body {
−
border:3px solid #4b8f29;
+
    margin-top: 200px;
−
display:inline-block;
+
−
cursor:pointer;
+
−
color:#ffffff;
+
−
font-family:Verdana;
+
−
font-size:19px;
+
−
font-weight:bold;
+
−
padding:17px 56px;
+
−
text-decoration:none;
+
 
}
 
}
−
.Public Engagement:hover {
+
 
−
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
+
.button {
−
background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
+
    background-color: #4CAF50;
−
background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
+
    border: none;
−
background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);
+
    color: white;
−
background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
+
    padding: 15px 32px;
−
background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
+
    text-align: center;
−
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
+
    text-decoration: none;
−
background-color:#72b352;
+
    display: inline-block;
−
}
+
    font-size: 16px;
−
.Public Engagement:active {
+
    margin: 4px 2px;
−
position:relative;
+
    cursor: pointer;
−
top:1px;
+
 
}
 
}
 +
</style>
 +
</head>
 +
<body>
 +
<p style="margin-top:200px">Having done the experiments to put our diagnostic tool to the test, we needed to know what our end-users and the general public thought about our design. Through the activities conducted in the Human practices we tried to answer the aforementioned question. Our Human practice is divided into 3 sections
 +
<ul></p>
 +
  <li>Public Engagement </li>
 +
  <li>Collaboration </li>
 +
  <li>Integration</li>
 +
  <li>Safety</li>
 +
</ul>
  
−
       
+
<p>In order to widen our reach we made a <a href="https://www.facebook.com/igemhku2017/">facebook page</a>in which we shared articles and our progress we made through the iGEM project.</p>
  
  
−
</body>
+
<p> Click the links below to explore </p>
  
 +
<div style=" right: 0;  bottom: 0;  left: 0;  padding: 1rem;  text-align: center;">
 +
<a href="https://2017.igem.org/Team:Hong_Kong_HKU/Engagement" class="button">Engagement</a>
 +
 +
<a href="https://2017.igem.org/Team:Hong_Kong_HKU/safety" class="button">Safety</a>
 +
 +
<a href="https://2017.igem.org/Team:Hong_Kong_HKU/HP/Gold_Integrated" class="button">Integration</a>
 +
 +
<a href="https://2017.igem.org/Team:Hong_Kong_HKU/HP/Gold_Integrated" class="button">Collaboration</a>
 +
</div>
 +
 +
</body>
 
</html>
 
</html>

Latest revision as of 15:10, 1 November 2017

Having done the experiments to put our diagnostic tool to the test, we needed to know what our end-users and the general public thought about our design. Through the activities conducted in the Human practices we tried to answer the aforementioned question. Our Human practice is divided into 3 sections

  • Public Engagement
  • Collaboration
  • Integration
  • Safety

In order to widen our reach we made a facebook pagein which we shared articles and our progress we made through the iGEM project.

Click the links below to explore