Difference between revisions of "Team:Hong Kong HKUST/HP Intro"
| (43 intermediate revisions by 4 users not shown) | |||
| Line 1: | Line 1: | ||
{{Hong_Kong_HKUST}} | {{Hong_Kong_HKUST}} | ||
| − | <html> | + | <html lang="en";> |
| + | |||
<head> | <head> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<style> | <style> | ||
| − | + | /* | |
| − | + | @media only screen and (min-width: 768px) { | |
| − | + | div.wrapper{ | |
| − | + | display: none; | |
| − | + | } | |
} | } | ||
| − | + | @media only screen and (max-width: 768px) { | |
| − | + | .navbar-collapse ul { | |
| − | + | text-align: center; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
width: 100%; | width: 100%; | ||
| − | + | padding-bottom: 10px; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| + | */ | ||
| − | + | @media only screen and (max-width: 768px) { | |
| − | + | section.section { | |
| − | + | margin: -12px 0 60px 0; | |
| − | . | + | } |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | .section { | |
| − | + | margin: -12px 0 60px 200px; | |
| − | + | ||
| − | + | ||
} | } | ||
| − | + | .jumbotron { | |
| − | + | color: #333333; | |
| − | + | background-color: black; | |
| − | + | opacity: 0.85; | |
| + | padding-top: 40px; | ||
| + | padding-bottom: 80px; | ||
| + | margin-bottom: 0; | ||
} | } | ||
| − | + | .content_wrapper_neo{ | |
| − | . | + | width: auto; |
| − | + | margin-left: 60px; | |
| − | + | margin-right: 60px; | |
| − | + | top: 0px; | |
| − | + | padding:0; | |
| − | + | height: 100%; | |
| − | + | position: relative; | |
| − | + | display: block; | |
| + | z-index: 999; | ||
| + | -webkit-transition-duration: 0.8s; | ||
| + | -moz-transition-duration: 0.8s; | ||
| + | -o-transition-duration: 0.8s; | ||
| + | transition-duration: 0.8s; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</style> | </style> | ||
<body> | <body> | ||
| − | < | + | <section class="section jumbotron"> |
| − | + | <div class="content_wrapper_neo"> | |
| − | + | ||
| − | + | <h1 class="title text-center" style="color:white;"> | |
| − | < | + | <b>Human Practices - Introduction</b> |
| − | <div | + | </h1> |
| − | + | <blockquote><p style="color: white; font-size: 1.2em;">Our team this year focused on designing a synbio product – a useful application based on the Tristable Switch for the public. We researched and consulted the experts in the synbio field to polish up our design. | |
| − | + | <br><br> | |
| − | + | Other areas that we worked on include, education through teaching secondary school students, exploring intellectual property right policies, and assisting other iGEM teams in planning. | |
| − | + | </p></blockquote> | |
| − | + | </div> | |
| − | + | </section> | |
| − | + | <section class="section"> | |
| − | + | <div class="content_wrapper_neo"> | |
| − | + | <br> | |
| − | + | <br> | |
| − | + | <div class="row"> | |
| − | + | <div class="col-sm-6"> | |
| − | + | <a href="https://2016.igem.org/Team:Hong_Kong_HKUST/Ideas_and_Mechanism"><img class="img-responsive" src="https://static.igem.org/mediawiki/2016/3/3c/T--Hong_Kong_HKUST--ProductDesign_icon.png" style="margin: auto; width: 110%;"></a> | |
| − | + | </div> | |
| − | + | <div class="col-sm-6"> | |
| − | + | <a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP_Education"><img class="img-responsive" src="https://static.igem.org/mediawiki/2016/9/99/T--Hong_Kong_HKUST--Education_icon.png" style="margin: auto; width: 110%;"></a> | |
| + | </div> | ||
| + | </div> | ||
| + | <div class="row"> | ||
| + | <div class="col-sm-4"> | ||
| + | <a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP/Silver"><img class="img-responsive" src="https://static.igem.org/mediawiki/2016/6/63/T--Hong_Kong_HKUST--Difficulties_icon.png" style="margin: auto; width: 110%;"></a> | ||
| + | </div> | ||
| + | <div class="col-sm-4"> | ||
| + | <a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP_Intellectual_Property_Rights_Learning"><img class="img-responsive" src="https://static.igem.org/mediawiki/2016/5/52/T--Hong_Kong_HKUST--IntellectualRights_icon.png" style="margin: auto; width: 110%;"></a> | ||
| + | </div> | ||
| + | <div class="col-sm-4"> | ||
| + | <a href="https://2016.igem.org/Team:Hong_Kong_HKUST/HP/Gold"><img class="img-responsive" src="https://static.igem.org/mediawiki/2016/0/05/T--Hong_Kong_HKUST--Insights_icon.png" style="margin: auto; width: 110%;"></a> | ||
| + | </div> | ||
</div> | </div> | ||
| − | |||
| − | < | + | </div> |
| + | </section> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<script> | <script> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
// Get the modal | // Get the modal | ||
var popupbox = document.getElementById('mypopupbox'); | var popupbox = document.getElementById('mypopupbox'); | ||
| Line 206: | Line 117: | ||
popupbox.style.display = "none"; | popupbox.style.display = "none"; | ||
} | } | ||
| + | </script> | ||
| + | <script> | ||
| + | $(document).ready(function(){ | ||
| + | $("div#ustMenuWrapper li#ustHPTab").addClass("ustActiveTab"); | ||
| + | }); | ||
</script> | </script> | ||
</body> | </body> | ||
</html> | </html> | ||
Latest revision as of 03:23, 20 October 2016
Human Practices - Introduction
Our team this year focused on designing a synbio product – a useful application based on the Tristable Switch for the public. We researched and consulted the experts in the synbio field to polish up our design.
Other areas that we worked on include, education through teaching secondary school students, exploring intellectual property right policies, and assisting other iGEM teams in planning.
