Difference between revisions of "Team:CityU HK/Design"

 
(62 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<html>
+
<html >
−
<head>
+
  <head>
−
<title>Team - iGEM2015 wiki</title>
+
    <meta charset="UTF-8">
 +
    <title>Sticky Navigation</title>
 +
   
 +
   
 +
   
 +
    <link rel='stylesheet prefetch' href='http://guilh.com/css/sticky-header.css'>
  
 +
        <style>
 +
      /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */
 +
      * {
 +
  box-sizing: border-box;
 +
}
 +
body {
 +
  margin: 0;
 +
  padding-top: 250px;
 +
}
 +
header {
 +
  height: 300px;
 +
  padding-top: 50px;
 +
  background: #f07057;
 +
}
 +
.main-nav,
 +
.main {
 +
  position: relative;
 +
}
 +
.main-nav {
 +
  background: #fff;
 +
  height: 80px;
 +
  z-index: 150;
 +
  margin-bottom: -80px;
 +
  box-shadow: 0 2px 3px rgba(0,0,0,.4);
 +
}
 +
header,
 +
.main-nav-scrolled {
 +
  position: fixed;
 +
  width: 100%;
 +
  top: 0;
 +
}
 +
.main {
 +
  background: #f2f2e8;
 +
  padding: 110px 50px 50px;
 +
  column-count: 2;
 +
  column-gap: 40px;
 +
}
  
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+
    </style>
−
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+
  
−
+
   
−
<link rel="stylesheet" type="text/css" href="http://cdn2.editmysite.com/css/sites.css?buildTime=1234" />
+
        <script src="https://2015.igem.org/Team:CityU_HK/prefixfree.min_js?action=raw&ctype=text/javascript"></script>
−
<link rel="stylesheet" type="text/css" href="http://cdn1.editmysite.com/editor/libraries/fancybox/fancybox.css?1234" />
+
−
<link rel="stylesheet" type="text/css" href="http://cdn2.editmysite.com/css/social-icons.css?buildtime=1234" media="screen,projection" />
+
−
<link rel="stylesheet" type="text/css" href="files/main_style.css?1440597364" title="wsite-theme-css" />
+
−
<link href='http://fonts.googleapis.com/css?family=Lato:400,300,300italic,700,400italic,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
+
−
<link href='http://fonts.googleapis.com/css?family=Fjalla+One&subset=latin,latin-ext' rel='stylesheet' type='text/css' />
+
  
−
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
+
   
−
<script src="http://cdn2.editmysite.com/js/site/main.js?buildTime=1234"></script>
+
  </head>
  
−
<style type='text/css'>
+
  <body>
−
.wsite-elements.wsite-not-footer div.paragraph, .wsite-elements.wsite-not-footer p, .wsite-elements.wsite-not-footer .product-block .product-title, .wsite-elements.wsite-not-footer .product-description, .wsite-elements.wsite-not-footer .wsite-form-field label, .wsite-elements.wsite-not-footer .wsite-form-field label, #wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {}
+
−
#wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {}
+
−
.wsite-elements.wsite-footer div.paragraph, .wsite-elements.wsite-footer p, .wsite-elements.wsite-footer .product-block .product-title, .wsite-elements.wsite-footer .product-description, .wsite-elements.wsite-footer .wsite-form-field label, .wsite-elements.wsite-footer .wsite-form-field label{}
+
−
.wsite-elements.wsite-not-footer h2, .wsite-elements.wsite-not-footer .product-long .product-title, .wsite-elements.wsite-not-footer .product-large .product-title, .wsite-elements.wsite-not-footer .product-small .product-title, #wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {}
+
−
#wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {}
+
−
.wsite-elements.wsite-footer h2, .wsite-elements.wsite-footer .product-long .product-title, .wsite-elements.wsite-footer .product-large .product-title, .wsite-elements.wsite-footer .product-small .product-title{}
+
−
#wsite-title {}
+
−
.wsite-menu-default a {}
+
−
.wsite-menu a {}
+
−
.wsite-image div, .wsite-caption {}
+
−
.galleryCaptionInnerText {}
+
−
.fancybox-title {}
+
−
.wslide-caption-text {}
+
−
.wsite-phone {}
+
−
.wsite-headline {}
+
−
.wsite-headline-paragraph {}
+
−
.wsite-button-inner {}
+
−
.wsite-not-footer blockquote {}
+
−
.wsite-footer blockquote {}
+
−
.blog-header h2 a {}
+
−
#wsite-content h2.wsite-product-title {}
+
−
.wsite-product .wsite-product-price a {}
+
−
</style>
+
−
<style>
+
−
.wsite-background {background-image: url('//cdn1.editmysite.com/uploads/5/7/0/0/57008745/background-images/235688676.jpg') !important;background-repeat: no-repeat !important;background-position: 50% 50% !important;background-size: 100% !important;background-color: transparent !important;background: inherit;}
+
−
body.wsite-background {background-attachment: fixed !important;}.wsite-background.wsite-custom-background{ background-size: cover !important}
+
−
</style>
+
  
−
</head>
+
    <header>
 +
  <h1>This is a Sticky Nav Demo!</h1>
 +
  <p>Creating one of these isn't so bad. Let's learn how with this sweet little demo!</p>
 +
</header>
 +
<nav class="main-nav">
 +
  <a href="#">Nav Link 1</a>
 +
  <a href="#">Nav Link 2</a>
 +
  <a href="#">Nav Link 3</a>
 +
  <a href="#">Nav Link 4</a>
 +
</nav>
 +
<div class="main">
 +
  <h2>Lorem ipsum dolor sit amet</h2>
 +
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fringilla, purus in porttitor pellentesque, erat arcu tincidunt diam, dapibus faucibus leo mauris at sapien. In porttitor vehicula sodales. Vivamus massa neque, facilisis eu felis ut, aliquet convallis nisi. Nam elementum tellus vitae gravida fermentum. Nullam et imperdiet leo. Integer ut euismod lorem, in placerat lacus. Curabitur bibendum arcu ut feugiat commodo. Suspendisse ut mi vel orci ullamcorper tincidunt. Nam vitae fringilla nibh. Nullam hendrerit blandit velit eu hendrerit.</p>
  
−
<body class="tall-header-page  wsite-page-team"><input type="checkbox" id="navTrigger" />
+
  <p>Praesent eu enim non massa pellentesque lobortis. In in sagittis dolor. Aliquam non massa erat. Ut aliquet gravida tellus, sed volutpat nibh condimentum et. Nunc quam purus, vehicula quis venenatis et, porttitor vel dolor. Cras facilisis dui id elit bibendum, in ullamcorper leo ultricies. Praesent rutrum lacus sit amet sem convallis, ut interdum dolor vestibulum.</p>
  
−
   <div class="wrapper">
+
   <p>Tum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In iaculis pharetra odio, sit amet consectetur elit facilisis ac. Praesent eget tristique ipsum. Donec malesuada bibendum lacinia. Praesent non purus sodales, pulvinar mi vitae, tincidunt leo. Phasellus vitae elit ut nisl semper fringilla id rutrum dolor. Donec a massa adipiscing, cursus risus vitae, porttitor tortor. Nullam sagittis est sapien, sit amet pharetra turpis imperdiet vel. Etiam sit amet ligula pretium, vulputate eros ac, bibendum velit. Aenean convallis ante purus, ac bibendum orci laoreet ac. Donec a convallis mauris. Nulla non lacus non ipsum pretium tempor. In hac habitasse platea dictumst. Aenean at ipsum vulputate, sagittis dui ut, pharetra neque. Nam eget sodales orci. Aliquam pharetra nunc at nisl pellentesque, nec fringilla enim iaculis.</p>
−
  <div class="paris-header">
+
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fringilla, purus in porttitor pellentesque, erat arcu tincidunt diam, dapibus faucibus leo mauris at sapien. In porttitor vehicula sodales. Vivamus massa neque, facilisis eu felis ut, aliquet convallis nisi. Nam elementum tellus vitae gravida fermentum. Nullam et imperdiet leo. Integer ut euismod lorem, in placerat lacus. Curabitur bibendum arcu ut feugiat commodo. Suspendisse ut mi vel orci ullamcorper tincidunt. Nam vitae fringilla nibh. Nullam hendrerit blandit velit eu hendrerit.</p>
−
      <div class="container">
+
−
      <label for="navTrigger" class="nav-trigger hamburger"><span></span></label>
+
−
      <div class="logo"><span class="wsite-logo">
+
  
−
<a href="">
+
  <p>Praesent eu enim non massa pellentesque lobortis. In in sagittis dolor. Aliquam non massa erat. Ut aliquet gravida tellus, sed volutpat nibh condimentum et. Nunc quam purus, vehicula quis venenatis et, porttitor vel dolor. Cras facilisis dui id elit bibendum, in ullamcorper leo ultricies. Praesent rutrum lacus sit amet sem convallis, ut interdum dolor vestibulum.</p>
−
<img src="https://static.igem.org/mediawiki/2014/0/04/CityU_HK_2015_logo.png" />
+
−
</a>
+
  
−
</span></div>
+
  <p>Tum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In iaculis pharetra odio, sit amet consectetur elit facilisis ac. Praesent eget tristique ipsum. Donec malesuada bibendum lacinia. Praesent non purus sodales, pulvinar mi vitae, tincidunt leo. Phasellus vitae elit ut nisl semper fringilla id rutrum dolor. Donec a massa adipiscing, cursus risus vitae, porttitor tortor. Nullam sagittis est sapien, sit amet pharetra turpis imperdiet vel. Etiam sit amet ligula pretium, vulputate eros ac, bibendum velit. Aenean convallis ante purus, ac bibendum orci laoreet ac. Donec a convallis mauris. Nulla non lacus non ipsum pretium tempor. In hac habitasse platea dictumst. Aenean at ipsum vulputate, sagittis dui ut, pharetra neque. Nam eget sodales orci. Aliquam pharetra nunc at nisl pellentesque, nec fringilla enim iaculis.</p>
−
        <div class="nav desktop-nav">
+
−
<ul class="wsite-menu-default">
+
−
+
−
<li id="pg125179881719007230"
+
−
class="wsite-menu-item-wrap"
+
−
>
+
−
<a href="index.html"
+
−
+
−
class="wsite-menu-item"
+
−
>
+
−
Home
+
−
</a>
+
−
+
−
</li>
+
−
+
−
<li id="active"
+
−
class="wsite-menu-item-wrap"
+
−
>
+
−
<a href="team.html"
+
−
+
−
class="wsite-menu-item"
+
−
>
+
−
Team
+
−
</a>
+
−
+
−
</li>
+
−
+
−
<li id="pg392475496104510282"
+
−
class="wsite-menu-item-wrap"
+
−
>
+
−
<a href="project.html"
+
−
+
−
class="wsite-menu-item"
+
−
>
+
−
Project
+
−
</a>
+
−
+
−
<div class="wsite-menu-wrap" style="display:none">
+
−
<ul class="wsite-menu">
+
−
+
−
<li id="wsite-nav-951291349945990740"
+
−
class="wsite-menu-subitem-wrap "
+
−
>
+
−
<a href="description.html"
+
−
+
−
class="wsite-menu-subitem"
+
−
>
+
−
<span class="wsite-menu-title">
+
−
Description
+
−
</span><span class="wsite-menu-arrow">&gt;</span>
+
−
</a>
+
−
+
−
<div class="wsite-menu-wrap" style="display:none">
+
−
<ul class="wsite-menu">
+
−
+
−
<li id="wsite-nav-106467517747188367"
+
−
class="wsite-menu-subitem-wrap "
+
−
>
+
−
<a href="parts.html"
+
−
+
−
class="wsite-menu-subitem"
+
−
>
+
−
<span class="wsite-menu-title">
+
−
Parts
+
−
</span>
+
−
</a>
+
−
+
−
</li>
+
−
 
+
−
</ul>
+
 
</div>
 
</div>
 +
    <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
  
−
</li>
+
        <script>
 +
var  mn = $(".main-nav");
 +
    mns = "main-nav-scrolled";
 +
    hdr = $('header').height();
  
−
<li id="wsite-nav-298076413664592701"
+
$(window).scroll(function() {
−
class="wsite-menu-subitem-wrap "
+
  if( $(this).scrollTop() > hdr ) {
−
>
+
    mn.addClass(mns);
−
<a href="experiments.html"
+
  } else {
−
+
    mn.removeClass(mns);
−
class="wsite-menu-subitem"
+
  }
−
>
+
});
−
<span class="wsite-menu-title">
+
        </script>
−
Experiments
+
−
</span><span class="wsite-menu-arrow">&gt;</span>
+
−
</a>
+
−
+
−
<div class="wsite-menu-wrap" style="display:none">
+
−
<ul class="wsite-menu">
+
−
+
−
<li id="wsite-nav-221740721668105310"
+
−
class="wsite-menu-subitem-wrap "
+
−
>
+
−
<a href="notebook.html"
+
−
+
−
class="wsite-menu-subitem"
+
−
>
+
−
<span class="wsite-menu-title">
+
−
Notebook
+
−
</span>
+
−
</a>
+
−
+
−
</li>
+
  
−
</ul>
+
 
−
</div>
+
  </body>
−
 
+
−
</li>
+
−
 
+
−
<li id="wsite-nav-371703204966341745"
+
−
class="wsite-menu-subitem-wrap "
+
−
>
+
−
<a href="results.html"
+
−
+
−
class="wsite-menu-subitem"
+
−
>
+
−
<span class="wsite-menu-title">
+
−
Results
+
−
</span>
+
−
</a>
+
−
+
−
</li>
+
−
 
+
−
<li id="wsite-nav-538496900427620894"
+
−
class="wsite-menu-subitem-wrap "
+
−
>
+
−
<a href="modeling.html"
+
−
+
−
class="wsite-menu-subitem"
+
−
>
+
−
<span class="wsite-menu-title">
+
−
Modeling
+
−
</span>
+
−
</a>
+
−
+
−
</li>
+
−
 
+
−
</ul>
+
−
</div>
+
−
 
+
−
</li>
+
−
+
−
<li id="pg719611068520302903"
+
−
class="wsite-menu-item-wrap"
+
−
>
+
−
<a href="characterisation.html"
+
−
+
−
class="wsite-menu-item"
+
−
>
+
−
Characterisation
+
−
</a>
+
−
+
−
</li>
+
−
+
−
<li id="pg375771293147075277"
+
−
class="wsite-menu-item-wrap"
+
−
>
+
−
<a href="attributions.html"
+
−
+
−
class="wsite-menu-item"
+
−
>
+
−
Attributions
+
−
</a>
+
−
+
−
</li>
+
−
+
−
<li id="pg290391284397012185"class="wsite-menu-item-wrap">
+
−
<a href="collaboration.html"class="wsite-menu-item">Collaboration</a>
+
−
</li>
+
−
+
−
<li id="pg595526209520916103"class="wsite-menu-item-wrap">
+
−
<a href="human-practices.html"class="wsite-menu-item">Human Practices</a>
+
−
</li>
+
−
</ul>
+
−
</div>
+
−
      </div><!-- end .container -->
+
−
  </div><!-- end .header --> 
+
−
       
+
−
<div class="banner-wrap wsite-background wsite-custom-background">
+
−
<div class="container">
+
−
<div class="banner">
+
−
<h2><span class="wsite-text wsite-headline">
+
−
Meet Our Team
+
−
</span></h2>
+
−
<p></p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="main-wrap">
+
−
    <div class="container">
+
−
<div class="content-wrap"><div id='wsite-content' class='wsite-elements wsite-not-footer'>
+
−
<h2 class="wsite-content-title" style="text-align:left;"><font size="6">Students</font></h2>
+
−
 
+
−
<div><div style="height: 40px; overflow: hidden;"></div>
+
−
<div id='859049902706217254-gallery' class='imageGallery' style='line-height: 0px; padding: 0; margin: 0'>
+
−
<div id='859049902706217254-imageContainer0' style='float:left;width:33.28%;margin:0;'><div id='859049902706217254-insideImageContainer0' style='position:relative;margin:0px;'><div class='galleryImageHolder galleryCaptionHover' style='position:relative; width:100%; padding:0 0 100%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='uploads/5/7/0/0/57008745/224318_orig.jpg' rel='lightbox[gallery859049902706217254]' onclick='if (!window.lightboxLoaded) return false' title='Hi~ I am Bill, a year 4 student studying Bioengineering. Enjoying the process is my life attitude. I keen on expose myself in some unfamiliar environment to get away from the humdrum life. Not only can this provide a suitable scenario for me to explore myself, but also a starter for leaving or broaden my comfort zone. Genetic engineering is a fascinating field for me. DNA sequences hide the secret of biogenesis. Through iGEM, I can have a glimpse in this field and this experience would become soil for me to incubate native ideas in the future.'><img src='uploads/5/7/0/0/57008745/224318.jpg' class='galleryImage' _width='236' _height='314' style='position:absolute;border:0;width:100%;top:-16.53%;left:0%' /><div class='galleryCaptionHolder fullImageGalleryCaption' style=''>
+
−
<div class='galleryCaptionHolderInnerBg'></div>
+
−
<div class='galleryCaptionHolderInner'>
+
−
<div class='galleryCaptionInnerTextHolder'>
+
−
<div class='galleryCaptionInnerText'>Hi~ I am Bill, a year 4 student studying Bioengineering. Enjoying the process is my life attitude. I keen on expose myself in some unfamiliar environment to get away from the humdrum life. Not only can this provide a suitable scenario for me to explore myself, but also a starter for leaving or broaden my comfort zone. Genetic engineering is a fascinating field for me. DNA sequences hide the secret of biogenesis. Through iGEM, I can have a glimpse in this field and this experience would become soil for me to incubate native ideas in the future.</div>
+
−
</div>
+
−
</div>
+
−
</div></a></div></div></div></div><div id='859049902706217254-imageContainer1' style='float:left;width:33.28%;margin:0;'><div id='859049902706217254-insideImageContainer1' style='position:relative;margin:0px;'><div class='galleryImageHolder galleryCaptionHover' style='position:relative; width:100%; padding:0 0 100%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='uploads/5/7/0/0/57008745/6843263_orig.png' rel='lightbox[gallery859049902706217254]' onclick='if (!window.lightboxLoaded) return false' title='Hello! I’m Aruna and I’m a third-year student in Applied Biology. My main role in the team is to research the biosafety aspect of our project while simultaneously performing lab work. The iGEM experience has been a transformative experience and a great learning opportunity. I am glad to have
+
−
been able to contribute to the team and to our project.'><img src='uploads/5/7/0/0/57008745/6843263.png' class='galleryImage' _width='400' _height='493' style='position:absolute;border:0;width:100%;top:-11.63%;left:0%' /><div class='galleryCaptionHolder fullImageGalleryCaption' style=''>
+
−
<div class='galleryCaptionHolderInnerBg'></div>
+
−
<div class='galleryCaptionHolderInner'>
+
−
<div class='galleryCaptionInnerTextHolder'>
+
−
<div class='galleryCaptionInnerText'>Hello! I’m Aruna and I’m a third-year student in Applied Biology. My main role in the team is to research the biosafety aspect of our project while simultaneously performing lab work. The iGEM experience has been a transformative experience and a great learning opportunity. I am glad to have
+
−
been able to contribute to the team and to our project.</div>
+
−
</div>
+
−
</div>
+
−
</div></a></div></div></div></div><div id='859049902706217254-imageContainer2' style='float:left;width:33.28%;margin:0;'><div id='859049902706217254-insideImageContainer2' style='position:relative;margin:0px;'><div class='galleryImageHolder galleryCaptionHover' style='position:relative; width:100%; padding:0 0 100%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='uploads/5/7/0/0/57008745/6349009_orig.png' rel='lightbox[gallery859049902706217254]' onclick='if (!window.lightboxLoaded) return false' title='I am Ava, a Year 3 student majoring in applied biology. Being a researcher in the field of biology is my dream and personal goal. I enjoy the process of finding scientifically an answer to a question. The iGEM Competition is an invaluable opportunity for me to acquire more research experience in the field of synthetic biology.'><img src='uploads/5/7/0/0/57008745/6349009.png' class='galleryImage' _width='400' _height='424' style='position:absolute;border:0;width:100%;top:-3%;left:0%' /><div class='galleryCaptionHolder fullImageGalleryCaption' style=''>
+
−
<div class='galleryCaptionHolderInnerBg'></div>
+
−
<div class='galleryCaptionHolderInner'>
+
−
<div class='galleryCaptionInnerTextHolder'>
+
−
<div class='galleryCaptionInnerText'>I am Ava, a Year 3 student majoring in applied biology. Being a researcher in the field of biology is my dream and personal goal. I enjoy the process of finding scientifically an answer to a question. The iGEM Competition is an invaluable opportunity for me to acquire more research experience in the field of synthetic biology.</div>
+
−
</div>
+
−
</div>
+
−
</div></a></div></div></div></div><div id='859049902706217254-imageContainer3' style='float:left;width:33.28%;margin:0;'><div id='859049902706217254-insideImageContainer3' style='position:relative;margin:0px;'><div class='galleryImageHolder galleryCaptionHover' style='position:relative; width:100%; padding:0 0 100%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='uploads/5/7/0/0/57008745/8022833_orig.png' rel='lightbox[gallery859049902706217254]' onclick='if (!window.lightboxLoaded) return false' title='I am Year 3 Applied Biology student, Effie. I am a good listener and welcome to share anything with me. iGEM provides me a valuable chance to learn basic synthetic biology and meet great people. Turning ideas into something real is also a new learning experience to me.'><img src='uploads/5/7/0/0/57008745/8022833.png' class='galleryImage' _width='400' _height='398' style='position:absolute;border:0;width:100.5%;top:0%;left:-0.25%' /><div class='galleryCaptionHolder fullImageGalleryCaption' style=''>
+
−
<div class='galleryCaptionHolderInnerBg'></div>
+
−
<div class='galleryCaptionHolderInner'>
+
−
<div class='galleryCaptionInnerTextHolder'>
+
−
<div class='galleryCaptionInnerText'>I am Year 3 Applied Biology student, Effie. I am a good listener and welcome to share anything with me. iGEM provides me a valuable chance to learn basic synthetic biology and meet great people. Turning ideas into something real is also a new learning experience to me.</div>
+
−
</div>
+
−
</div>
+
−
</div></a></div></div></div></div><div id='859049902706217254-imageContainer4' style='float:left;width:33.28%;margin:0;'><div id='859049902706217254-insideImageContainer4' style='position:relative;margin:0px;'><div class='galleryImageHolder galleryCaptionHover' style='position:relative; width:100%; padding:0 0 100%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='uploads/5/7/0/0/57008745/1744085_orig.png' rel='lightbox[gallery859049902706217254]' onclick='if (!window.lightboxLoaded) return false' title='I&#x27;m Esther, a Year 3 student majoring in Applied Biology. I enjoy studying genetics and being a musician in an orchestra. Both music and genetics fascinate me because you&#x27;ll always be surprised by the result when you think out of the box. '><img src='uploads/5/7/0/0/57008745/1744085.png' class='galleryImage' _width='400' _height='415' style='position:absolute;border:0;width:100%;top:-1.88%;left:0%' /><div class='galleryCaptionHolder fullImageGalleryCaption' style=''>
+
−
<div class='galleryCaptionHolderInnerBg'></div>
+
−
<div class='galleryCaptionHolderInner'>
+
−
<div class='galleryCaptionInnerTextHolder'>
+
−
<div class='galleryCaptionInnerText'>I&#x27;m Esther, a Year 3 student majoring in Applied Biology. I enjoy studying genetics and being a musician in an orchestra. Both music and genetics fascinate me because you&#x27;ll always be surprised by the result when you think out of the box. </div>
+
−
</div>
+
−
</div>
+
−
</div></a></div></div></div></div><div id='859049902706217254-imageContainer5' style='float:left;width:33.28%;margin:0;'><div id='859049902706217254-insideImageContainer5' style='position:relative;margin:0px;'><div class='galleryImageHolder galleryCaptionHover' style='position:relative; width:100%; padding:0 0 100%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='uploads/5/7/0/0/57008745/9498664_orig.png' rel='lightbox[gallery859049902706217254]' onclick='if (!window.lightboxLoaded) return false' title='I am Jeanie, a year 2 student from applied biology. Biology is something fascinating. I hope to apply what I have learnt from class to the real life, so I joined the iGEM competition. Hope that our team will get a prize in the competition.'><img src='uploads/5/7/0/0/57008745/9498664.png' class='galleryImage' _width='400' _height='380' style='position:absolute;border:0;width:105.26%;top:0%;left:-2.63%' /><div class='galleryCaptionHolder fullImageGalleryCaption' style=''>
+
−
<div class='galleryCaptionHolderInnerBg'></div>
+
−
<div class='galleryCaptionHolderInner'>
+
−
<div class='galleryCaptionInnerTextHolder'>
+
−
<div class='galleryCaptionInnerText'>I am Jeanie, a year 2 student from applied biology. Biology is something fascinating. I hope to apply what I have learnt from class to the real life, so I joined the iGEM competition. Hope that our team will get a prize in the competition.</div>
+
−
</div>
+
−
</div>
+
−
</div></a></div></div></div></div><div id='859049902706217254-imageContainer6' style='float:left;width:33.28%;margin:0;'><div id='859049902706217254-insideImageContainer6' style='position:relative;margin:0px;'><div class='galleryImageHolder galleryCaptionHover' style='position:relative; width:100%; padding:0 0 100%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='uploads/5/7/0/0/57008745/3066049_orig.png' rel='lightbox[gallery859049902706217254]' onclick='if (!window.lightboxLoaded) return false' title='Joe here'><img src='uploads/5/7/0/0/57008745/3066049.png' class='galleryImage' _width='400' _height='381' style='position:absolute;border:0;width:104.99%;top:0%;left:-2.49%' /><div class='galleryCaptionHolder fullImageGalleryCaption' style=''>
+
−
<div class='galleryCaptionHolderInnerBg'></div>
+
−
<div class='galleryCaptionHolderInner'>
+
−
<div class='galleryCaptionInnerTextHolder'>
+
−
<div class='galleryCaptionInnerText'>Joe here</div>
+
−
</div>
+
−
</div>
+
−
</div></a></div></div></div></div><div id='859049902706217254-imageContainer7' style='float:left;width:33.28%;margin:0;'><div id='859049902706217254-insideImageContainer7' style='position:relative;margin:0px;'><div class='galleryImageHolder galleryCaptionHover' style='position:relative; width:100%; padding:0 0 100%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='uploads/5/7/0/0/57008745/6239093_orig.png' rel='lightbox[gallery859049902706217254]' onclick='if (!window.lightboxLoaded) return false' title='I am a year 3 Applied Biology student. I have interested in Biology because it always has amazing and fascinating discoveries. What I am interested most is how to apply those special animal characteristics to a commercial products. I believe iGem can provide a foundation knowledge of synthetic biology as well as a useful laboratory techniques. It is no doubt that iGem will be my greatest success in my university life.'><img src='uploads/5/7/0/0/57008745/6239093.png' class='galleryImage' _width='400' _height='391' style='position:absolute;border:0;width:102.3%;top:0%;left:-1.15%' /><div class='galleryCaptionHolder fullImageGalleryCaption' style=''>
+
−
<div class='galleryCaptionHolderInnerBg'></div>
+
−
<div class='galleryCaptionHolderInner'>
+
−
<div class='galleryCaptionInnerTextHolder'>
+
−
<div class='galleryCaptionInnerText'>I am a year 3 Applied Biology student. I have interested in Biology because it always has amazing and fascinating discoveries. What I am interested most is how to apply those special animal characteristics to a commercial products. I believe iGem can provide a foundation knowledge of synthetic biology as well as a useful laboratory techniques. It is no doubt that iGem will be my greatest success in my university life.</div>
+
−
</div>
+
−
</div>
+
−
</div></a></div></div></div></div><div id='859049902706217254-imageContainer8' style='float:left;width:33.28%;margin:0;'><div id='859049902706217254-insideImageContainer8' style='position:relative;margin:0px;'><div class='galleryImageHolder galleryCaptionHover' style='position:relative; width:100%; padding:0 0 100%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='uploads/5/7/0/0/57008745/2120847_orig.png' rel='lightbox[gallery859049902706217254]' onclick='if (!window.lightboxLoaded) return false' title='Hi, I am Ma Lee. You call me mary as well. I study applied biology which is quite amazing! Joining iGEM, I have an opportunity to gain my experience of doing lab. It will be a great memory for all of us.'><img src='uploads/5/7/0/0/57008745/2120847.png' class='galleryImage' _width='400' _height='393' style='position:absolute;border:0;width:101.78%;top:0%;left:-0.89%' /><div class='galleryCaptionHolder fullImageGalleryCaption' style=''>
+
−
<div class='galleryCaptionHolderInnerBg'></div>
+
−
<div class='galleryCaptionHolderInner'>
+
−
<div class='galleryCaptionInnerTextHolder'>
+
−
<div class='galleryCaptionInnerText'>Hi, I am Ma Lee. You call me mary as well. I study applied biology which is quite amazing! Joining iGEM, I have an opportunity to gain my experience of doing lab. It will be a great memory for all of us.</div>
+
−
</div>
+
−
</div>
+
−
</div></a></div></div></div></div><div id='859049902706217254-imageContainer9' style='float:left;width:33.28%;margin:0;'><div id='859049902706217254-insideImageContainer9' style='position:relative;margin:0px;'><div class='galleryImageHolder galleryCaptionHover' style='position:relative; width:100%; padding:0 0 100%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='uploads/5/7/0/0/57008745/877831_orig.png' rel='lightbox[gallery859049902706217254]' onclick='if (!window.lightboxLoaded) return false' title='I&#x27;m Ming'><img src='uploads/5/7/0/0/57008745/877831.png' class='galleryImage' _width='400' _height='399' style='position:absolute;border:0;width:100.25%;top:0%;left:-0.13%' /><div class='galleryCaptionHolder fullImageGalleryCaption' style=''>
+
−
<div class='galleryCaptionHolderInnerBg'></div>
+
−
<div class='galleryCaptionHolderInner'>
+
−
<div class='galleryCaptionInnerTextHolder'>
+
−
<div class='galleryCaptionInnerText'>I&#x27;m Ming</div>
+
−
</div>
+
−
</div>
+
−
</div></a></div></div></div></div><div id='859049902706217254-imageContainer10' style='float:left;width:33.28%;margin:0;'><div id='859049902706217254-insideImageContainer10' style='position:relative;margin:0px;'><div class='galleryImageHolder galleryCaptionHover' style='position:relative; width:100%; padding:0 0 100%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='uploads/5/7/0/0/57008745/9479949_orig.png' rel='lightbox[gallery859049902706217254]' onclick='if (!window.lightboxLoaded) return false' title='I’m Peter, a year 3 student studying applied biology. Nothing can fascinate me as much as life science. Countless human inventions and designs are inspired by nature. To me, the most compact natural storage system is genome. iGEM provides me an opportunity to hold our own project and modify this product of our mother nature. I appreciate that and would do my best on lab work and making wiki page.'><img src='uploads/5/7/0/0/57008745/9479949.png' class='galleryImage' _width='400' _height='369' style='position:absolute;border:0;width:108.4%;top:0%;left:-4.2%' /><div class='galleryCaptionHolder fullImageGalleryCaption' style=''>
+
−
<div class='galleryCaptionHolderInnerBg'></div>
+
−
<div class='galleryCaptionHolderInner'>
+
−
<div class='galleryCaptionInnerTextHolder'>
+
−
<div class='galleryCaptionInnerText'>I’m Peter, a year 3 student studying applied biology. Nothing can fascinate me as much as life science. Countless human inventions and designs are inspired by nature. To me, the most compact natural storage system is genome. iGEM provides me an opportunity to hold our own project and modify this product of our mother nature. I appreciate that and would do my best on lab work and making wiki page.</div>
+
−
</div>
+
−
</div>
+
−
</div></a></div></div></div></div><div id='859049902706217254-imageContainer11' style='float:left;width:33.28%;margin:0;'><div id='859049902706217254-insideImageContainer11' style='position:relative;margin:0px;'><div class='galleryImageHolder galleryCaptionHover' style='position:relative; width:100%; padding:0 0 100%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='uploads/5/7/0/0/57008745/7283697_orig.png' rel='lightbox[gallery859049902706217254]' onclick='if (!window.lightboxLoaded) return false' title='Yo! I&#x27;m Rocky'><img src='uploads/5/7/0/0/57008745/7283697.png' class='galleryImage' _width='400' _height='401' style='position:absolute;border:0;width:100%;top:-0.12%;left:0%' /><div class='galleryCaptionHolder fullImageGalleryCaption' style=''>
+
−
<div class='galleryCaptionHolderInnerBg'></div>
+
−
<div class='galleryCaptionHolderInner'>
+
−
<div class='galleryCaptionInnerTextHolder'>
+
−
<div class='galleryCaptionInnerText'>Yo! I&#x27;m Rocky</div>
+
−
</div>
+
−
</div>
+
−
</div></a></div></div></div></div><div id='859049902706217254-imageContainer12' style='float:left;width:33.28%;margin:0;'><div id='859049902706217254-insideImageContainer12' style='position:relative;margin:0px;'><div class='galleryImageHolder galleryCaptionHover' style='position:relative; width:100%; padding:0 0 100%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='uploads/5/7/0/0/57008745/1059975_orig.png' rel='lightbox[gallery859049902706217254]' onclick='if (!window.lightboxLoaded) return false' title='I am a third-year bioengineering student. It was such a meaningful summer with the other CityU 2015 iGEM team members. Putting what I have learn to good use is the most content thing for an engineer. I have gained a lot of valuable knowledge and hands-on experience. These are things that benefit for my whole life.'><img src='uploads/5/7/0/0/57008745/1059975.png' class='galleryImage' _width='400' _height='389' style='position:absolute;border:0;width:102.83%;top:0%;left:-1.41%' /><div class='galleryCaptionHolder fullImageGalleryCaption' style=''>
+
−
<div class='galleryCaptionHolderInnerBg'></div>
+
−
<div class='galleryCaptionHolderInner'>
+
−
<div class='galleryCaptionInnerTextHolder'>
+
−
<div class='galleryCaptionInnerText'>I am a third-year bioengineering student. It was such a meaningful summer with the other CityU 2015 iGEM team members. Putting what I have learn to good use is the most content thing for an engineer. I have gained a lot of valuable knowledge and hands-on experience. These are things that benefit for my whole life.</div>
+
−
</div>
+
−
</div>
+
−
</div></a></div></div></div></div><div id='859049902706217254-imageContainer13' style='float:left;width:33.28%;margin:0;'><div id='859049902706217254-insideImageContainer13' style='position:relative;margin:0px;'><div class='galleryImageHolder galleryCaptionHover' style='position:relative; width:100%; padding:0 0 100%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='uploads/5/7/0/0/57008745/4306746_orig.png' rel='lightbox[gallery859049902706217254]' onclick='if (!window.lightboxLoaded) return false' title='Hello! I am Tommy. This is a very precious opportunity that we can gather people who share similar interests in improving our daily lives together into a team - a team which cares for each other while exploring and learning. The iGEM competition means a lot to me. Not only am I able to apply my knowledge from school in real life, the experience in working as a team and communicating with others is priceless. There is absolutely no way that they will be lost. It is my belief that exploring different things is the only way to improve oneself and I am very glad that I have been given the opportunity to be one of the team members of the CityU iGEM team this year.'><img src='uploads/5/7/0/0/57008745/4306746.png' class='galleryImage' _width='400' _height='423' style='position:absolute;border:0;width:100%;top:-2.87%;left:0%' /><div class='galleryCaptionHolder fullImageGalleryCaption' style=''>
+
−
<div class='galleryCaptionHolderInnerBg'></div>
+
−
<div class='galleryCaptionHolderInner'>
+
−
<div class='galleryCaptionInnerTextHolder'>
+
−
<div class='galleryCaptionInnerText'>Hello! I am Tommy. This is a very precious opportunity that we can gather people who share similar interests in improving our daily lives together into a team - a team which cares for each other while exploring and learning. The iGEM competition means a lot to me. Not only am I able to apply my knowledge from school in real life, the experience in working as a team and communicating with others is priceless. There is absolutely no way that they will be lost. It is my belief that exploring different things is the only way to improve oneself and I am very glad that I have been given the opportunity to be one of the team members of the CityU iGEM team this year.</div>
+
−
</div>
+
−
</div>
+
−
</div></a></div></div></div></div><div id='859049902706217254-imageContainer14' style='float:left;width:33.28%;margin:0;'><div id='859049902706217254-insideImageContainer14' style='position:relative;margin:0px;'><div class='galleryImageHolder galleryCaptionHover' style='position:relative; width:100%; padding:0 0 100%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='uploads/5/7/0/0/57008745/8585058_orig.png' rel='lightbox[gallery859049902706217254]' onclick='if (!window.lightboxLoaded) return false' title='I&#x27;m Oscar'><img src='uploads/5/7/0/0/57008745/8585058.png' class='galleryImage' _width='400' _height='407' style='position:absolute;border:0;width:100%;top:-0.88%;left:0%' /><div class='galleryCaptionHolder fullImageGalleryCaption' style=''>
+
−
<div class='galleryCaptionHolderInnerBg'></div>
+
−
<div class='galleryCaptionHolderInner'>
+
−
<div class='galleryCaptionInnerTextHolder'>
+
−
<div class='galleryCaptionInnerText'>I&#x27;m Oscar</div>
+
−
</div>
+
−
</div>
+
−
</div></a></div></div></div></div><span style='display: block; clear: both; height: 0px; overflow: hidden;'></span>
+
−
</div>
+
−
 
+
−
<div style="height: 40px; overflow: hidden;"></div></div>
+
−
 
+
−
<h2 class="wsite-content-title" style="text-align:left;">Instructors</h2>
+
−
 
+
−
<div><div style="height: 30px; overflow: hidden;"></div>
+
−
<div id='153790414846199978-gallery' class='imageGallery' style='line-height: 0px; padding: 0; margin: 0'>
+
−
<div id='153790414846199978-imageContainer0' style='float:left;width:33.28%;margin:0;'><div id='153790414846199978-insideImageContainer0' style='position:relative;margin:0px;'><div class='galleryImageHolder galleryCaptionHover' style='position:relative; width:100%; padding:0 0 100%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='https://static.igem.org/mediawiki/2014/3/3f/CityU_HK_2015_Rk.jpg' rel='lightbox[gallery153790414846199978]' onclick='if (!window.lightboxLoaded) return false' title='Dr. Richard Kong is the Associate Professor in the Department of Biology and Chemistry at City University of Hong Kong. His research interest is on the application of DNA-based technologies to develop novel risk assessment and bioremediation tools to address problems related to diverse aspects of pollution in the marine environment. He plays a major role in coordinating the iGEM Team, providing the necessary guidance, training and support to all the iGEMers.'><img src='https://static.igem.org/mediawiki/2014/3/3f/CityU_HK_2015_Rk.jpg' class='galleryImage' _width='204' _height='298' style='position:absolute;border:0;width:100%;top:-23.04%;left:0%' /><div class='galleryCaptionHolder fullImageGalleryCaption' style=''>
+
−
<div class='galleryCaptionHolderInnerBg'></div>
+
−
<div class='galleryCaptionHolderInner'>
+
−
<div class='galleryCaptionInnerTextHolder'>
+
−
<div class='galleryCaptionInnerText'>Dr. Richard Kong is the Associate Professor in the Department of Biology and Chemistry at City University of Hong Kong. His research interest is on the application of DNA-based technologies to develop novel risk assessment and bioremediation tools to address problems related to diverse aspects of pollution in the marine environment. He plays a major role in coordinating the iGEM Team, providing the necessary guidance, training and support to all the iGEMers.</div>
+
−
</div>
+
−
</div>
+
−
</div></a></div></div></div></div><div id='153790414846199978-imageContainer1' style='float:left;width:33.28%;margin:0;'><div id='153790414846199978-insideImageContainer1' style='position:relative;margin:0px;'><div class='galleryImageHolder galleryCaptionHover' style='position:relative; width:100%; padding:0 0 100%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='https://static.igem.org/mediawiki/2014/8/85/CityU_HK_instructors_DC.png' rel='lightbox[gallery153790414846199978]' onclick='if (!window.lightboxLoaded) return false' title='Dr. Chiu is an Assistant Professor of the Department of Biomedical Sciences at City University of Hong Kong. He is interesting in teaching students especially on technical skills in biomedical research. His research focuses on the mechanism of the choice in cell fates in mammalian cells and the cellular functions of transcription factor AP-4 during development and in cancers.'><img src='https://static.igem.org/mediawiki/2014/8/85/CityU_HK_instructors_DC.png' class='galleryImage' _width='204' _height='298' style='position:absolute;border:0;width:100%;top:-23.04%;left:0%' /><div class='galleryCaptionHolder fullImageGalleryCaption' style=''>
+
−
<div class='galleryCaptionHolderInnerBg'></div>
+
−
<div class='galleryCaptionHolderInner'>
+
−
<div class='galleryCaptionInnerTextHolder'>
+
−
<div class='galleryCaptionInnerText'>Dr. Chiu is an Assistant Professor of the Department of Biomedical Sciences at City University of Hong Kong. He is interesting in teaching students especially on technical skills in biomedical research. His research focuses on the mechanism of the choice in cell fates in mammalian cells and the cellular functions of transcription factor AP-4 during development and in cancers.</div>
+
−
</div>
+
−
</div>
+
−
</div></a></div></div></div></div><div id='153790414846199978-imageContainer2' style='float:left;width:33.28%;margin:0;'><div id='153790414846199978-insideImageContainer2' style='position:relative;margin:0px;'><div class='galleryImageHolder galleryCaptionHover' style='position:relative; width:100%; padding:0 0 100%;overflow:hidden;'><div class='galleryInnerImageHolder'><a href='https://static.igem.org/mediawiki/2014/7/74/CityU_HK_2015_lau.jpg' rel='lightbox[gallery153790414846199978]' onclick='if (!window.lightboxLoaded) return false' title='Dr. Lau is an Assistant Professor in the Department of Biomedical Sciences at City University of Hong Kong. His research focuses on the RNA biogenesis in infectious diseases, in particular those pathogens found in Hong Kong. He enjoys talking and asking questions about science. His role in iGEM team is to coordinate and provide support to the students.'><img src='https://static.igem.org/mediawiki/2014/7/74/CityU_HK_2015_lau.jpg' class='galleryImage' _width='205' _height='298' style='position:absolute;border:0;width:100%;top:-22.68%;left:0%' /><div class='galleryCaptionHolder fullImageGalleryCaption' style=''>
+
−
<div class='galleryCaptionHolderInnerBg'></div>
+
−
<div class='galleryCaptionHolderInner'>
+
−
<div class='galleryCaptionInnerTextHolder'>
+
−
<div class='galleryCaptionInnerText'>Dr. Lau is an Assistant Professor in the Department of Biomedical Sciences at City University of Hong Kong. His research focuses on the RNA biogenesis in infectious diseases, in particular those pathogens found in Hong Kong. He enjoys talking and asking questions about science. His role in iGEM team is to coordinate and provide support to the students.</div>
+
−
</div>
+
−
</div>
+
−
</div></a></div></div></div></div><span style='display: block; clear: both; height: 0px; overflow: hidden;'></span>
+
−
</div>
+
−
 
+
−
<div style="height: 40px; overflow: hidden;"></div></div>
+
−
 
+
−
<h2 class="wsite-content-title" style="text-align:left;">Advisors</h2>
+
−
 
+
−
<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
+
−
<table class="wsite-multicol-table">
+
−
<tbody class="wsite-multicol-tbody">
+
−
<tr class="wsite-multicol-tr">
+
−
<td class="wsite-multicol-col" style="width:41.919191919192%; padding:0 15px;">
+
−
+
−
+
−
 
+
−
<div><div class="wsite-image wsite-image-border-border-width:0 " style="padding-top:10px;padding-bottom:10px;margin-left:0px;margin-right:10px;text-align:right">
+
−
<a>
+
−
<img src="uploads/5/7/0/0/57008745/1440561582.png" alt="Picture" style="width:auto;max-width:100%" />
+
−
</a>
+
−
<div style="display:block;font-size:90%"></div>
+
−
</div></div>
+
−
 
+
−
 
+
−
+
−
</td> <td class="wsite-multicol-col" style="width:58.080808080808%; padding:0 15px;">
+
−
+
−
+
−
 
+
−
<div class="paragraph" style="text-align:left;"><br /><br /><strong><font size="5"><br />Oscar Ying&nbsp;</font></strong><br /><br />Hi!<span style="">I am a fresh graduate from City University of Hong Kong Applied Biology program. Currently as a research assistant in Dr Richard Kong&rsquo;s lab. My duty is to ensure the iGEMers can get all the necessities for their experiments and to give technical support when they encounter difficulty. It is awesome to work with all the iGEMers and I really enjoy every minute with the team. I hope my limited experience in biology research can help the team and make things a little bit easier.</span><br /><br /><br /></div>
+
−
 
+
−
 
+
−
+
−
</td> </tr>
+
−
</tbody>
+
−
</table>
+
−
</div></div></div>
+
−
 
+
−
<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
+
−
<table class="wsite-multicol-table">
+
−
<tbody class="wsite-multicol-tbody">
+
−
<tr class="wsite-multicol-tr">
+
−
<td class="wsite-multicol-col" style="width:49.999999999999%; padding:0 15px;">
+
−
+
−
+
−
 
+
−
<div class="paragraph" style="text-align:left;"><br /><br /><strong><font size="5"><br />Marco So</font></strong><br /><br /><span style="">I am a year 3 student majoring in Applied Biology. Participating in this competition realizes my dream of putting knowledge acquired in lessons into practical uses.I think my strengths include giving ideas, presenting in front of a crowd and keeping my team happy. I love my teammates. CityU iGEM 2014 would not be possible without any of them. Lastly, in my philosophy, the world is beautiful, and the people are gorgeous. Why not live with and enjoy both the good and bad?</span><br /></div>
+
−
 
+
−
 
+
−
+
−
</td> <td class="wsite-multicol-col" style="width:49.999999999999%; padding:0 15px;">
+
−
+
−
+
−
 
+
−
<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0px;margin-right:10px;text-align:center">
+
−
<a>
+
−
<img src="uploads/5/7/0/0/57008745/9618992.png?215" alt="Picture" style="width:auto;max-width:100%" />
+
−
</a>
+
−
<div style="display:block;font-size:90%"></div>
+
−
</div></div>
+
−
 
+
−
 
+
−
+
−
</td> </tr>
+
−
</tbody>
+
−
</table>
+
−
</div></div></div>
+
−
 
+
−
<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
+
−
<table class="wsite-multicol-table">
+
−
<tbody class="wsite-multicol-tbody">
+
−
<tr class="wsite-multicol-tr">
+
−
<td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
+
−
+
−
+
−
 
+
−
<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:10px;text-align:center">
+
−
<a>
+
−
<img src="uploads/5/7/0/0/57008745/7472099.png?202" alt="Picture" style="width:auto;max-width:100%" />
+
−
</a>
+
−
<div style="display:block;font-size:90%"></div>
+
−
</div></div>
+
−
 
+
−
 
+
−
+
−
</td> <td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
+
−
+
−
+
−
 
+
−
<div class="paragraph" style="text-align:left;"><br /><br /><strong><font size="5">Maria Li</font></strong><br /><br /><span style="">Ciao a tutti! I&rsquo;m Maria. I love to explore innovative stuff and to apply science concepts to improve human lives. This is the first time I get in touch with synthetic biology and I find it a very fascinating field to explore. In the iGEM project, I help my team to build the wiki and construct a gene cluster of fadD and fadL. I am also the presenter in our team. My life isn&rsquo;t all about science, I&rsquo;m passionate about music (blues, rock, rap&hellip;), website design, water sports (surfing!!!) and travel.</span><br /></div>
+
−
 
+
−
 
+
−
+
−
</td> </tr>
+
−
</tbody>
+
−
</table>
+
−
</div></div></div>
+
−
 
+
−
<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
+
−
<table class="wsite-multicol-table">
+
−
<tbody class="wsite-multicol-tbody">
+
−
<tr class="wsite-multicol-tr">
+
−
<td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
+
−
+
−
+
−
 
+
−
<div class="paragraph" style="text-align:left;"><strong><font size="5">Venus Wong</font></strong><br /><br />Hi!</div>
+
−
 
+
−
 
+
−
+
−
</td> <td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
+
−
+
−
+
−
 
+
−
<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center">
+
−
<a>
+
−
<img src="uploads/5/7/0/0/57008745/1590291.png?217" alt="Picture" style="width:217;max-width:100%" />
+
−
</a>
+
−
<div style="display:block;font-size:90%"></div>
+
−
</div></div>
+
−
 
+
−
 
+
−
+
−
</td> </tr>
+
−
</tbody>
+
−
</table>
+
−
</div></div></div>
+
−
 
+
−
<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
+
−
<table class="wsite-multicol-table">
+
−
<tbody class="wsite-multicol-tbody">
+
−
<tr class="wsite-multicol-tr">
+
−
<td class="wsite-multicol-col" style="width:49.999999999999%; padding:0 15px;">
+
−
+
−
+
−
 
+
−
<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center">
+
−
<a>
+
−
<img src="uploads/5/7/0/0/57008745/7080170_orig.jpg" alt="Picture" style="width:auto;max-width:100%" />
+
−
</a>
+
−
<div style="display:block;font-size:90%"></div>
+
−
</div></div>
+
−
 
+
−
 
+
−
+
−
</td> <td class="wsite-multicol-col" style="width:49.999999999999%; padding:0 15px;">
+
−
+
−
+
−
 
+
−
<div class="paragraph" style="text-align:left;"><strong><font size="5">Ivan Yau</font></strong><br /><br />Hi!</div>
+
−
 
+
−
 
+
−
+
−
</td> </tr>
+
−
</tbody>
+
−
</table>
+
−
</div></div></div>
+
−
 
+
−
<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;">
+
−
<table class="wsite-multicol-table">
+
−
<tbody class="wsite-multicol-tbody">
+
−
<tr class="wsite-multicol-tr">
+
−
<td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
+
−
+
−
+
−
 
+
−
<div class="paragraph" style="text-align:left;"><br /><strong><br /></strong><br /><strong><font size="5">Vivian Lin</font></strong><br /><br /><span style="">Natural history aficionado, freelance artist/writer, fresh graduate from the City University Applied Biology program and currently working as a research assistant. I help conduct the longitudinal study on the Discovery-enriched Curriculum currently being implemented in the university. I took part in proofreading and editing of the CityU iGEM Wiki.</span><br /></div>
+
−
 
+
−
 
+
−
+
−
</td> <td class="wsite-multicol-col" style="width:50%; padding:0 15px;">
+
−
+
−
+
−
 
+
−
<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center">
+
−
<a>
+
−
<img src="uploads/5/7/0/0/57008745/9402968_orig.png" alt="Picture" style="width:auto;max-width:100%" />
+
−
</a>
+
−
<div style="display:block;font-size:90%"></div>
+
−
</div></div>
+
−
 
+
−
 
+
−
+
−
</td> </tr>
+
−
</tbody>
+
−
</table>
+
−
</div></div></div>
+
−
 
+
−
<div style="text-align:left;"><div style="height:10px;overflow:hidden"></div>
+
−
<span class="wsite-social wsite-social-default"></span>
+
−
<div style="height:10px;overflow:hidden"></div></div></div>
+
−
</div>
+
−
  </div><!-- end container -->
+
−
  </div>
+
−
 
+
−
    <div class="footer-wrap">
+
−
    <div class="container">
+
−
    <div class="footer">Create a <a target="_top" href="http://www.weebly.com/">free web site</a> with <a target="_top" href="http://www.weebly.com/" title="free web site">Weebly</a></div>
+
−
    </div><!-- end container -->
+
−
    </div><!-- end footer-wrap -->
+
−
</div>
+
−
 
+
−
<div class="nav mobile-nav">
+
−
<ul class="wsite-menu-default">
+
−
+
−
<li id="pg125179881719007230"
+
−
class="wsite-menu-item-wrap"
+
−
>
+
−
<a href="index.html"
+
−
+
−
class="wsite-menu-item"
+
−
>
+
−
Home
+
−
</a>
+
−
+
−
</li>
+
−
+
−
<li id="active"
+
−
class="wsite-menu-item-wrap"
+
−
>
+
−
<a href="team.html"
+
−
+
−
class="wsite-menu-item"
+
−
>
+
−
Team
+
−
</a>
+
−
+
−
</li>
+
−
+
−
<li id="pg392475496104510282"
+
−
class="wsite-menu-item-wrap"
+
−
>
+
−
<a href="project.html"
+
−
+
−
class="wsite-menu-item"
+
−
>
+
−
Project
+
−
</a>
+
−
+
−
<div class="wsite-menu-wrap" style="display:none">
+
−
<ul class="wsite-menu">
+
−
+
−
<li id="wsite-nav-951291349945990740"
+
−
class="wsite-menu-subitem-wrap "
+
−
>
+
−
<a href="description.html"
+
−
+
−
class="wsite-menu-subitem"
+
−
>
+
−
<span class="wsite-menu-title">
+
−
Description
+
−
</span><span class="wsite-menu-arrow">&gt;</span>
+
−
</a>
+
−
+
−
<div class="wsite-menu-wrap" style="display:none">
+
−
<ul class="wsite-menu">
+
−
+
−
<li id="wsite-nav-106467517747188367"
+
−
class="wsite-menu-subitem-wrap "
+
−
>
+
−
<a href="parts.html"
+
−
+
−
class="wsite-menu-subitem"
+
−
>
+
−
<span class="wsite-menu-title">
+
−
Parts
+
−
</span>
+
−
</a>
+
−
+
−
</li>
+
−
 
+
−
</ul>
+
−
</div>
+
−
 
+
−
</li>
+
−
 
+
−
<li id="wsite-nav-298076413664592701"class="wsite-menu-subitem-wrap ">
+
−
<a href="experiments.html"class="wsite-menu-subitem">
+
−
<span class="wsite-menu-title">
+
−
Experiments
+
−
</span><span class="wsite-menu-arrow">&gt;</span>
+
−
</a>
+
−
+
−
<div class="wsite-menu-wrap" style="display:none">
+
−
<ul class="wsite-menu">
+
−
+
−
<li id="wsite-nav-221740721668105310"class="wsite-menu-subitem-wrap ">
+
−
<a href="notebook.html"class="wsite-menu-subitem">
+
−
<span class="wsite-menu-title">
+
−
Notebook
+
−
</span>
+
−
</a>
+
−
+
−
</li>
+
−
 
+
−
</ul>
+
−
</div>
+
−
 
+
−
</li>
+
−
 
+
−
<li id="wsite-nav-371703204966341745"
+
−
class="wsite-menu-subitem-wrap "
+
−
>
+
−
<a href="results.html"
+
−
+
−
class="wsite-menu-subitem"
+
−
>
+
−
<span class="wsite-menu-title">
+
−
Results
+
−
</span>
+
−
</a>
+
−
+
−
</li>
+
−
 
+
−
<li id="wsite-nav-538496900427620894"
+
−
class="wsite-menu-subitem-wrap "
+
−
>
+
−
<a href="modeling.html"
+
−
+
−
class="wsite-menu-subitem"
+
−
>
+
−
<span class="wsite-menu-title">
+
−
Modeling
+
−
</span>
+
−
</a>
+
−
+
−
</li>
+
−
 
+
−
</ul>
+
−
</div>
+
−
 
+
−
</li>
+
−
+
−
<li id="pg719611068520302903"
+
−
class="wsite-menu-item-wrap"
+
−
>
+
−
<a href="characterisation.html"
+
−
+
−
class="wsite-menu-item"
+
−
>
+
−
Characterisation
+
−
</a>
+
−
+
−
</li>
+
−
+
−
<li id="pg375771293147075277"
+
−
class="wsite-menu-item-wrap"
+
−
>
+
−
<a href="attributions.html"
+
−
+
−
class="wsite-menu-item"
+
−
>
+
−
Attributions
+
−
</a>
+
−
+
−
</li>
+
−
+
−
<li id="pg290391284397012185"
+
−
class="wsite-menu-item-wrap"
+
−
>
+
−
<a href="collaboration.html"
+
−
+
−
class="wsite-menu-item"
+
−
>
+
−
Collaboration
+
−
</a>
+
−
+
−
</li>
+
−
+
−
<li id="pg595526209520916103"
+
−
class="wsite-menu-item-wrap"
+
−
>
+
−
<a href="human-practices.html"
+
−
+
−
class="wsite-menu-item"
+
−
>
+
−
Human Practices
+
−
</a>
+
−
+
−
</li>
+
−
</ul>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<script>
+
−
<!--
+
−
var STATIC_BASE = '//cdn1.editmysite.com/';
+
−
var STYLE_PREFIX = 'wsite';
+
−
//-->
+
−
 
+
−
</script>
+
−
 
+
−
<script type="text/javascript">_W.configDomain = "www.weebly.com";</script><script type="text/javascript" src="http://cdn2.editmysite.com/js/lang/en/ftl.js?buildTime=1234"></script><script>_W.relinquish && _W.relinquish()</script>
+
−
<script> _W.themeOptions = [];</script><script type="text/javascript">
+
−
 
+
−
<!--
+
−
var IS_ARCHIVE = 1;
+
−
+
−
(function(jQuery){
+
−
function initFlyouts(){
+
−
initPublishedFlyoutMenus(
+
−
[{"id":"125179881719007230","title":"Home","url":"index.html","target":""},{"id":"117564151509922601","title":"Team","url":"team.html","target":""},{"id":"392475496104510282","title":"Project","url":"project.html","target":""},{"id":"719611068520302903","title":"Characterisation","url":"characterisation.html","target":""},{"id":"375771293147075277","title":"Attributions","url":"attributions.html","target":""},{"id":"290391284397012185","title":"Collaboration","url":"collaboration.html","target":""},{"id":"595526209520916103","title":"Human Practices","url":"human-practices.html","target":""}],
+
−
"221740721668105310",
+
−
"<li class=\"wsite-menu-item-wrap\"><a href=\"#\"class=\"wsite-menu-item\">{{title}}<\/a><\/li>",
+
−
'{{id}}',
+
−
false,
+
−
{"navigation\/flyout\/list":"{{!\n\tNOTES:\n\t- \"wsite-menu-wrap\" required on submenu wrapper\n\t- \"wsite-menu\" required on submenu element\n}}\n\n<div class=\"wsite-menu-wrap\" style=\"display:none\">\n\t<ul class=\"wsite-menu\">\n\t\t{{#children}}{{> navigation\/flyout\/item}}{{\/children}}\n\t<\/ul>\n<\/div>\n","navigation\/flyout\/item":"{{!\n\tNOTES:\n\t- an id and \"wsite-menu-subitem-wrap\" class are required on the item wrap\n\t- a \"wsite-menu-subitem\" class is required on the item link\n}}\n\n<li {{#id}}id=\"{{id}}\"{{\/id}}\n\tclass=\"wsite-menu-subitem-wrap {{#is_current}}wsite-nav-current{{\/is_current}}\"\n\t>\n\t<a href=\"{{url}}\"\n\t\t{{#target}}target=\"{{target}}\"{{\/target}}\n\t\tclass=\"wsite-menu-subitem\"\n\t\t>\n\t\t<span class=\"wsite-menu-title\">\n\t\t\t{{{title_html}}}\n\t\t<\/span>{{#has_children}}<span class=\"wsite-menu-arrow\">&gt;<\/span>{{\/has_children}}\n\t<\/a>\n\t{{#has_children}}{{> navigation\/flyout\/list}}{{\/has_children}}\n<\/li>\n"},
+
−
{}
+
−
)
+
−
}
+
−
if (jQuery) {
+
−
jQuery(document).ready(function() { jQuery(initFlyouts); });
+
−
}else{
+
−
if (Prototype.Browser.IE) window.onload = initFlyouts;
+
−
else document.observe('dom:loaded', initFlyouts);
+
−
}
+
−
})(window._W && _W.jQuery)
+
−
//-->
+
−
 
+
−
</script>
+
−
<script type="text/javascript" src="https://2015.igem.org/Team:CityU_HK/Template/js"></script>
+
−
 
+
−
 
+
−
</body>
+
 
</html>
 
</html>
−
 
 
{{:Team:CityU_HK/Template/css}}
 
{{:Team:CityU_HK/Template/css}}
 +
<!--{{:Team:CityU_HK/Template/Footer}}-->

Latest revision as of 15:02, 18 September 2015

Sticky Navigation

This is a Sticky Nav Demo!

Creating one of these isn't so bad. Let's learn how with this sweet little demo!

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fringilla, purus in porttitor pellentesque, erat arcu tincidunt diam, dapibus faucibus leo mauris at sapien. In porttitor vehicula sodales. Vivamus massa neque, facilisis eu felis ut, aliquet convallis nisi. Nam elementum tellus vitae gravida fermentum. Nullam et imperdiet leo. Integer ut euismod lorem, in placerat lacus. Curabitur bibendum arcu ut feugiat commodo. Suspendisse ut mi vel orci ullamcorper tincidunt. Nam vitae fringilla nibh. Nullam hendrerit blandit velit eu hendrerit.

Praesent eu enim non massa pellentesque lobortis. In in sagittis dolor. Aliquam non massa erat. Ut aliquet gravida tellus, sed volutpat nibh condimentum et. Nunc quam purus, vehicula quis venenatis et, porttitor vel dolor. Cras facilisis dui id elit bibendum, in ullamcorper leo ultricies. Praesent rutrum lacus sit amet sem convallis, ut interdum dolor vestibulum.

Tum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In iaculis pharetra odio, sit amet consectetur elit facilisis ac. Praesent eget tristique ipsum. Donec malesuada bibendum lacinia. Praesent non purus sodales, pulvinar mi vitae, tincidunt leo. Phasellus vitae elit ut nisl semper fringilla id rutrum dolor. Donec a massa adipiscing, cursus risus vitae, porttitor tortor. Nullam sagittis est sapien, sit amet pharetra turpis imperdiet vel. Etiam sit amet ligula pretium, vulputate eros ac, bibendum velit. Aenean convallis ante purus, ac bibendum orci laoreet ac. Donec a convallis mauris. Nulla non lacus non ipsum pretium tempor. In hac habitasse platea dictumst. Aenean at ipsum vulputate, sagittis dui ut, pharetra neque. Nam eget sodales orci. Aliquam pharetra nunc at nisl pellentesque, nec fringilla enim iaculis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fringilla, purus in porttitor pellentesque, erat arcu tincidunt diam, dapibus faucibus leo mauris at sapien. In porttitor vehicula sodales. Vivamus massa neque, facilisis eu felis ut, aliquet convallis nisi. Nam elementum tellus vitae gravida fermentum. Nullam et imperdiet leo. Integer ut euismod lorem, in placerat lacus. Curabitur bibendum arcu ut feugiat commodo. Suspendisse ut mi vel orci ullamcorper tincidunt. Nam vitae fringilla nibh. Nullam hendrerit blandit velit eu hendrerit.

Praesent eu enim non massa pellentesque lobortis. In in sagittis dolor. Aliquam non massa erat. Ut aliquet gravida tellus, sed volutpat nibh condimentum et. Nunc quam purus, vehicula quis venenatis et, porttitor vel dolor. Cras facilisis dui id elit bibendum, in ullamcorper leo ultricies. Praesent rutrum lacus sit amet sem convallis, ut interdum dolor vestibulum.

Tum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In iaculis pharetra odio, sit amet consectetur elit facilisis ac. Praesent eget tristique ipsum. Donec malesuada bibendum lacinia. Praesent non purus sodales, pulvinar mi vitae, tincidunt leo. Phasellus vitae elit ut nisl semper fringilla id rutrum dolor. Donec a massa adipiscing, cursus risus vitae, porttitor tortor. Nullam sagittis est sapien, sit amet pharetra turpis imperdiet vel. Etiam sit amet ligula pretium, vulputate eros ac, bibendum velit. Aenean convallis ante purus, ac bibendum orci laoreet ac. Donec a convallis mauris. Nulla non lacus non ipsum pretium tempor. In hac habitasse platea dictumst. Aenean at ipsum vulputate, sagittis dui ut, pharetra neque. Nam eget sodales orci. Aliquam pharetra nunc at nisl pellentesque, nec fringilla enim iaculis.