Team:Hong Kong HKUST/preteam

From 2014.igem.org

(Difference between revisions)
 
(10 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<style>
+
<style type="text/css">
-
      .pull-right{
+
#interview,#presentation,#article
-
      float: right}
+
{margin-top:20px;width:25%;margin-right:20px;float:left;height:auto;border:2px solid;
-
 
+
border-radius:15px; padding:5px;font-family:"Trebuchet MS", Helvetica, sans-serif;}
-
  .thumbnail {
+
#presentation1
-
    border: 1px solid #ddd;
+
{margin-top:20px;width:29%;float:left;height:auto;border:2px solid;
-
    border-radius: 4px;
+
border-radius:15px; padding:5px;margin-left:210px;font-family:"Trebuchet MS", Helvetica, sans-serif;}
-
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+
#article1{margin-top:20px;width:29%;float:left;height:auto;border:2px solid;
-
    display: block;
+
border-radius:15px; padding:5px;margin-left:20px;font-family:"Trebuchet MS", Helvetica, sans-serif;}
-
    line-height: 20px;
+
#interview
-
    padding: 4px;
+
{margin-left:85px;background:#6599FF;}
-
    transition: all 0.2s ease-in-out 0s;
+
#presentation
-
}
+
{background:#35bb91;}
-
    img {
+
#article
-
    vertical-align: middle;}
+
{background:#6599FF;}
-
+
#presentation1,#article1{background:#35bb91;}
-
element.style {
+
h3{margin-left:10px;font-size:24px;}</style>
-
    text-align: justify;
+
<link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Template:Team:Hong_Kong_HKUST/anti-main.css&action=raw&ctype=text/css" type="text/css" >
-
    width: 450px;
+
-
}
+
-
.pull-left {
+
-
    float: left;}
+
-
+
-
 
+
-
</style>
+
-
 
+
<link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Template:Team:Hong_Kong_HKUST/indexpage.css&action=raw&ctype=text/css" type="text/css" >
<link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Template:Team:Hong_Kong_HKUST/indexpage.css&action=raw&ctype=text/css" type="text/css" >
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script>
-
 
+
<script src="https://2014.igem.org/wiki/index.php?title=Template:Team:Hong_Kong_HKUST/access-menu.js&action=raw&ctype=text/css"></script>
-
 
-
<script>
 
-
$(document).ready(function(){
 
-
  $(window).scroll(function(){
 
-
var scrollTop = $(window).scrollTop();
 
-
if (scrollTop > 49) {
 
-
$('#menu').addClass('fixed');
 
-
} else {
 
-
$('#menu').removeClass('fixed');
 
-
}
 
-
  });
 
-
});
 
-
 
-
</script>
 
-
 
-
 
-
 
-
 
-
 
-
 
-
<script>
 
-
var on = true;
 
-
var myVar = setInterval(function(){ if(on) {slides()}on=true;},3000);
 
-
 
-
function slides(i) {
 
-
  document.getElementsByClassName("slide_pic")[1].style.width="0px";
 
-
  document.getElementsByClassName("slide_pic")[2].style.width="100%";
 
-
  var slide = document.getElementsByClassName("slide_pic")[0];
 
-
  document.getElementById("slide").appendChild(slide);
 
-
  if(i) {
 
-
  on = false;
 
-
  }
 
-
}
 
-
function back_slide(i) {
 
-
  document.getElementsByClassName("slide_pic")[1].style.width="0px";
 
-
  document.getElementsByClassName("slide_pic")[0].style.width="100%";
 
-
  var slide = document.getElementsByClassName("slide_pic")[4];
 
-
  var slide2 = document.getElementsByClassName("slide_pic")[0];
 
-
  document.getElementById("slide").insertBefore(slide,slide2);
 
-
  if(i) {
 
-
  on = false;
 
-
  }
 
-
}
 
-
</script>
 
</head>
</head>
 +
 +
<body>
 +
<nav role="navigation">
 +
<ul class="access-menu">
 +
<li><a href="#">Home</a></li>
 +
<li>
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor">Pneumosensor</a>
 +
<ul class="access-submenu">
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/module_one">Sensing</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/module_two">Expressing</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/parts">Parts</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/data">Data</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/characterization">Characterization</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/results">Results</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/pneumosensor/future_work">Future Work</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator">Riboregulator</a>
 +
<ul class="access-submenu">
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/CR_TA_Feature_Page">Feature Page</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/RNA_devices_catalog">Catalog Page</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/parts">Parts</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/data">Data</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/characterization">Characterization</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/results">Results</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/riboregulator/future_work">Future Work</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice">Human Practice</a>
 +
<ul class="access-submenu">
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit">Start-up Kit</a></li>
 +
<li class= "indent_list"><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/handbook" >--Handbook</a></li>
 +
<li class= "indent_list"><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/report" >--Report</a></li>
 +
<li class= "indent_list"><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/database" >--Database</a></li>
 +
<li class= "indent_list"><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/start-up_kit/interview" >--Interview</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/outreach">Outreach</a></li>
 +
<li class= "indent_list"><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/outreach/Workshop" >--Workshop</a></li>
 +
<li class= "indent_list"><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/outreach/talks" >--Talk</a></li>
 +
<li class= "indent_list"><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/outreach/isf_academy" >--ISF Academy</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/human_practice/safety_and_ethics">Safety and Ethics</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team">Team</a>
 +
<ul class="access-submenu">
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/members">Members</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/advisers">Advisers</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/instructors">Instructors</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/attribution">Attributions</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/team/acknowledgement">Acknowledgement</a></li>
 +
<li><a href="https://igem.org/Team.cgi?year=2014">Official Team Profile</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/wetlab">Wetlab</a>
 +
<ul class="access-submenu">
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/wetlab/notebook">Notebook</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/wetlab/protocols">Protocols</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/wetlab/safety">Safety</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/Achievements">Achievements</a>
 +
<ul class="access-submenu">
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/acheivement/medal_requirement">Medal Requirements</a></li>
 +
<li><a href="https://2014.igem.org/Team:Hong_Kong_HKUST/acheivement/deliverable">Deliverable</a></li>
 +
</ul>
 +
</li>
 +
<li class="access_logo">
 +
<a href="https://2014.igem.org/Main_Page"><img src= "https://static.igem.org/mediawiki/2014/5/55/Hkust_logo.gif"></a>
 +
</li>
 +
<li class="access_logo">
 +
<a href="http://www.ust.hk/"><img src= "https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"></a>
 +
</li>
 +
-
<body>
 
-
<div id='nav_container'>
 
-
<nav>
 
-
 
-
<ul id="menu">
 
-
<li><a href="#">Home</a></li>
 
-
        <li><a href="#">Team</a>
 
-
        <!-- First Tier Drop Down -->
 
-
        <ul>
 
-
            <li><a href="#">Members</a></li>
 
-
            <li><a href="#">Advisers</a></li>
 
-
            <li><a href="#">Instructor</a></li>
 
-
        </ul>       
 
-
        </li>
 
-
        <li><a href="#">Project</a>
 
-
        <!-- First Tier Drop Down -->
 
-
        <ul>
 
-
            <li><a href="#">Main Project</a>
 
-
<ul>
 
-
                <li><a href="#">Overview</a></li>
 
-
                <li><a href="#">Module one </a></li>
 
-
                <li><a href="#">Module two</a></li>
 
-
<li><a href="#">Data</a></li>
 
-
<li><a href="#">Characterization</a></li>
 
-
            </ul></li>
 
-
            <li><a href="#">Side Project</a>
 
-
<ul>
 
-
                <li><a href="#">Overview</a></li>
 
-
                <li><a href="#">Parts</a></li>
 
-
                <li><a href="#">Catalogue</a></li>
 
-
<li><a href="#">Feature pages</a></li>
 
-
            </ul></li>
 
-
       
 
-
        </ul>
 
-
        </li>
 
-
        <li><a href="#">Human Practice</a>
 
-
<ul>
 
-
                <li><a href="#">Overview</a></li>
 
-
                <li><a href="#">Start up kit</a>
 
-
<ul>
 
-
<li><a href="#">Interview</a></li>
 
-
<li><a href="#">Report</a></li>
 
-
<li><a href="#">Database</a></li>
 
-
</ul></li>
 
-
                <li><a href="#">Talks</a></li>
 
-
<li><a href="#">Outreach</a></li>
 
-
            </ul></li>
 
-
        <li><a href="#">wetlab</a>
 
-
<ul>
 
-
<li><a href="#">Protocol</a></li>
 
-
<li><a href="#">Notebook</a></li>
 
-
<li><a href="#">Safety</a></li>
 
-
</ul></li>
 
-
        <li><a href="#">Achievement</a>
 
-
<ul>
 
-
<li><a href="#">Medal Requirement</a></li>
 
-
<li><a href="#">Deliverable</a></li>
 
-
</ul></li>
 
</ul>
</ul>
-
 
</nav>
</nav>
-
</div>
+
<!-- ================ do not touch any thing above this, dont even think about it =========================-->
-
<h1> </h1>
+
-
<!-- ================ do not touch any thing above this, dont even think about it =========================-->
+
-
 
+
-
<div id="content_container">
+
<div id="content_container">
<div class= "banner_area">
<div class= "banner_area">
-
<img src= 'banner_mod.png' />
+
<img src= 'https://static.igem.org/mediawiki/2014/archive/3/3c/20140930022303!HKUST_2014_pneumosensor_banner.jpg' />
-
 
+
<!--banner should be larger and height should be more than 400px-->
</div>
</div>
-
 
+
<hr>
 +
<section id="slide">
 +
<button onclick="back_slide(true)" class="prev">&#171;</button>
 +
<button onclick="slides(true)" class="next">&#187;</button>
 +
<div class="slide_pic">
 +
<img class="picture" src="Photos/1.jpg"/>
 +
</div>
 +
<div class="slide_pic">
 +
<img src="Photos/2.jpg"/>
 +
</div>
 +
<div class="slide_pic">
 +
<img src="Photos/3.jpg"/>
 +
</div>
 +
<div class="slide_pic">
 +
<img src="Photos/4.jpg"/>
 +
</div>
 +
<div class="slide_pic">
 +
<img src="Photos/5.jpg"/>
 +
</div>
 +
</section>
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<html>
Line 187: Line 170:
</head>
</head>
<body>
<body>
-
  <div class="tabs">
+
-
    <a data-toggle="tab1">HKUST</a>
+
-
    <a data-toggle="tab2">Students</a>
+
-
    <a data-toggle="tab3">Advisers</a>
+
-
  </div>
+
<div class="tabContent">   
<div class="tabContent">   
    
    
Line 200: Line 179:
<tr><td colspan=2>
<tr><td colspan=2>
-
     <h2>HKUST</h2></td></tr>
+
     <a href="http://www.ust.hk" style="font-size:40px;text-decoration: underline">HKUST</a></td></tr>
<tr><td>
<tr><td>
-
     <p style="font-size:16px"; align="justify">
+
 
 +
     <p style="font-size:14px;line-height:200%;"; align:justify">
The Hong Kong University of Science and Technology is an international research university. Founded  
The Hong Kong University of Science and Technology is an international research university. Founded  
in 1991, HKUST is an international research university with strong ties to global thought leaders,  
in 1991, HKUST is an international research university with strong ties to global thought leaders,  
Line 210: Line 190:
hillside and waterfront complex overlooking the Clear Water Bay peninsula, less than 30 minutes' driving  
hillside and waterfront complex overlooking the Clear Water Bay peninsula, less than 30 minutes' driving  
time from Central Hong Kong.  
time from Central Hong Kong.  
-
<br>
 
-
<br>
 
-
You can follow our activity in the most common social networks:
 
-
<br>
 
-
<a href="">
 
-
<img title="Facebook" alt="Facebook" src="https://static.igem.org/mediawiki/2013/9/91/1380788391_facebook_square.png">
 
-
</a>
 
-
<a href="">
 
-
<img title="Twitter" alt="Twitter" src="https://static.igem.org/mediawiki/2013/b/b6/1380788385_twitter_square.png">
 
-
</a>
 
-
<a href="">
 
-
<img title="Youtube" alt="Youtube" src="https://static.igem.org/mediawiki/2013/e/ea/1380788439_youtube_square_color.png">
 
-
</a>
 
-
<a href="">
 
-
<img title="Instagram" alt="Instagram" src="https://static.igem.org/mediawiki/2013/5/5f/1380788401_instagram_square_color.png">
 
-
</a>
 
-
<br>
 
-
<br>
 
-
If you want to contact us, become a sponsor or you liked the idea, please address us using the button below:
 
<br>
<br>
-
<a class="btn btn-primary btn-large" href="mailto:vlc.biocampus.igem@gmail.com?subject='Contact from iGEM'">Contact us</a>
 
  </p></td>
  </p></td>
-
<td valign="top"><img class="thumbnail pull-right" style="width:400px" alt="The team" src="https://www.ab.ust.hk/hro/PubDoc/careers/common/photos/hkust.jpg"></td>
+
<td valign="top"><img class="thumbnail pull-right" style="width:400px; margin-left:40px;height:400px;width:500px" alt="The team" src="https://static.igem.org/mediawiki/2014/2/2e/HKUST.jpg"></td>
</tr></table>
</tr></table>
   </div>
   </div>
-
 
+
<div id="interview">
-
<div id="tab2">
+
<center>
-
  </div>
+
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/members">
-
 
+
<h3>MEMBERS</h3>
-
  <div id="tab3">
+
</a>
-
    <table width="100%" height="171" border="10" align="center" cellpadding="0" cellspacing="0" class="curvedEdges">
+
</center>
-
<tr><td>Advisers<br><br>Hello!</td></tr>
+
</div>
-
</table>
+
<div id="presentation">
-
  </div>
+
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/advisors"></a>
-
 
+
<center>
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/advisors">
 +
<h3>ADVISORS</h3>
 +
</a>
 +
</center>
 +
</div>
 +
<div id="article">
 +
<center>
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/instructors">
 +
<h3>INSTRUCTORS</h3>
 +
</a>
 +
</center>
 +
</div>
 +
<div id="presentation1">
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/attribution"></a>
 +
<center>
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/attribution">
 +
<h3>ATTRIBUTION</h3>
 +
</a>
 +
</center>
 +
</div>
 +
<div id="article1">
 +
<center>
 +
<a href="https://2014.igem.org/Team:Hong_Kong_HKUST/acknowledge">
 +
<h3>ACKNOWLEDGEMENT</h3>
 +
</a>
 +
</center>
 +
</div>
    
    

Latest revision as of 11:34, 3 October 2014

HTML5 jQuery Tabs
HKUST

The Hong Kong University of Science and Technology is an international research university. Founded in 1991, HKUST is an international research university with strong ties to global thought leaders, whilst having wide-ranging connections with Mainland China. It promotes interdisciplinary studies, dedicated to educating well-rounded students to acquire a strong entrepreneurial spirit and innovative thinking at the necessary foundation and skills for the changing world. The University is housed in a hillside and waterfront complex overlooking the Clear Water Bay peninsula, less than 30 minutes' driving time from Central Hong Kong.

The team

INSTRUCTORS

Retrieved from "http://2014.igem.org/Team:Hong_Kong_HKUST/preteam"