Team:CityU HK/Team/Member

From 2014.igem.org

(Difference between revisions)
 
(21 intermediate revisions not shown)
Line 11: Line 11:
<body>
<body>
-
 
+
<br><br>
-
<br> <br><br>
+
-
<hr><br><br>
+
<center> <font size = "6" > <b> Team Members </b> </font> </center>
<center> <font size = "6" > <b> Team Members </b> </font> </center>
<section id="grid" class="grid clearfix">
<section id="grid" class="grid clearfix">
-
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
+
 
 +
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
<figure>
<figure>
-
<img src="https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-xaf1/t1.0-9/1982346_713373832046799_1551889029_n.jpg" />
+
<img src="img/2.png" />
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<figcaption>
<figcaption>
-
<h2>Crystalline</h2>
+
<h2>Cas</h2>
-
<p>Soko radicchio bunya nuts gram dulse.</p>
+
<p>xxxxxxxxxxx</p>
</figcaption>
</figcaption>
</figure>
</figure>
</a>
</a>
-
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
+
 
 +
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
<figure>
<figure>
-
<img src="https://fbcdn-sphotos-h-a.akamaihd.net/hphotos-ak-ash2/v/t1.0-9/563033_442735395777419_1059218055_n.jpg?oh=2b93044620282e7300fef01fe0c2d794&oe=54134BD6&__gda__=1410884209_7238103106f87fb2872cfd6f6293657e" />
+
<img src="img/4.png" />
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<figcaption>
<figcaption>
-
<h2>Cacophony</h2>
+
<h2>Cherlin</h2>
-
<p>Two greens tigernut soybean radish artichoke.</p>
+
<p>xxxxxxxxxxxx</p>
</figcaption>
</figcaption>
</figure>
</figure>
</a>
</a>
-
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
+
 
 +
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
<figure>
<figure>
-
<img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-xpf1/t1.0-1/c25.25.307.307/s200x200/1157422_10151794287309938_523695254_n.jpg" />
+
<img src="img/6.png" />
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<figcaption>
<figcaption>
-
<h2>Languid</h2>
+
<h2>Paul Tse</h2>
-
<p>Beetroot water spinach okra water chestnut.</p>
+
<p>xxxxxxxxxxxxxxxx</p>
</figcaption>
</figcaption>
</figure>
</figure>
</a>
</a>
-
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
+
 
 +
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
<figure>
<figure>
-
<img src="https://scontent-b-lax.xx.fbcdn.net/hphotos-xap1/t1.0-9/1962751_599774713444108_998290067_n.jpg" />
+
<img src="img/8.png" />
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<figcaption>
<figcaption>
-
<h2>Serene</h2>
+
<h2>Ada</h2>
-
<p>Water spinach arugula pea tatsoi.</p>
+
<p>xxxxxxxxxxxxxxxx</p>
</figcaption>
</figcaption>
</figure>
</figure>
</a>
</a>
-
               
+
 
-
                <a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
+
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
<figure>
<figure>
-
<img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-xpa1/t1.0-1/c0.0.200.200/p200x200/1959384_10203148799069642_1887566001_n.jpg" />
+
<img src="img/1.png" />
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<figcaption>
<figcaption>
-
<h2>Crystalline</h2>
+
<h2>Maria</h2>
-
<p>Soko radicchio bunya nuts gram dulse.</p>
+
<p>xxxxxxxxxxxx</p>
</figcaption>
</figcaption>
</figure>
</figure>
</a>
</a>
-
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
+
 
 +
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
<figure>
<figure>
-
<img src="https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-prn2/t1.0-9/531906_437029376411319_86551296_n.jpg" />
+
<img src="img/3.png" />
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<figcaption>
<figcaption>
-
<h2>Cacophony</h2>
+
<h2>Marco</h2>
-
<p>Two greens tigernut soybean radish artichoke.</p>
+
<p>xxxxxxxxxxxxxxxxxxx</p>
</figcaption>
</figcaption>
</figure>
</figure>
</a>
</a>
-
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
+
 
 +
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
<figure>
<figure>
-
<img src="https://scontent-a-lax.xx.fbcdn.net/hphotos-xfp1/t1.0-9/1979686_10101042604319544_646801182_n.jpg" />
+
<img src="img/5.png" />
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<figcaption>
<figcaption>
-
<h2>Languid</h2>
+
<h2>Paul Chi</h2>
-
<p>Beetroot water spinach okra water chestnut.</p>
+
<p>xxxxxxxxxxxxxxx</p>
</figcaption>
</figcaption>
</figure>
</figure>
</a>
</a>
-
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
+
 
 +
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
<figure>
<figure>
-
<img src="https://scontent-a-lax.xx.fbcdn.net/hphotos-xfp1/t31.0-8/321812_201419413280452_397786336_o.jpg" />
+
<img src="img/7.png" />
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<figcaption>
<figcaption>
-
<h2>Serene</h2>
+
<h2>Ronald</h2>
-
<p>Water spinach arugula pea tatsoi.</p>
+
<p>xxxxxxxxxxxxxx</p>
</figcaption>
</figcaption>
</figure>
</figure>
</a>
</a>
-
               
+
 
-
                <a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
+
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
<figure>
<figure>
-
<img src="https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-xpa1/t1.0-9/1379419_10151971210414834_1503567816_n.jpg" />
+
<img src="img/7.png" />
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<figcaption>
<figcaption>
-
<h2>Crystalline</h2>
+
<h2>Anthony</h2>
-
<p>Soko radicchio bunya nuts gram dulse.</p>
+
<p>xxxxxxxxxxxxxx</p>
</figcaption>
</figcaption>
</figure>
</figure>
</a>
</a>
-
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
+
 
 +
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
<figure>
<figure>
-
<img src="https://scontent-a-lax.xx.fbcdn.net/hphotos-xpf1/t1.0-9/16122_332630606844014_501413173_n.jpg" />
+
<img src="img/7.png" />
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<figcaption>
<figcaption>
-
<h2>Cacophony</h2>
+
<h2>Ken</h2>
-
<p>Two greens tigernut soybean radish artichoke.</p>
+
<p>xxxxxxxxxxxxxxx</p>
</figcaption>
</figcaption>
</figure>
</figure>
</a>
</a>
-
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
+
 
 +
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
<figure>
<figure>
-
<img src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-xfa1/t1.0-9/1623193_10202574335376040_487741892_n.jpg" />
+
<img src="img/7.png" />
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<figcaption>
<figcaption>
-
<h2>Languid</h2>
+
<h2>Joanna</h2>
-
<p>Beetroot water spinach okra water chestnut.</p>
+
<p>xxxxxxxxxxxxxxx</p>
</figcaption>
</figcaption>
</figure>
</figure>
</a>
</a>
-
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
+
 
 +
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
<figure>
<figure>
-
<img src="https://fbcdn-sphotos-a-a.akamaihd.net/hphotos-ak-prn2/t1.0-9/531906_437029376411319_86551296_n.jpg" />
+
<img src="img/7.png" />
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
<figcaption>
<figcaption>
-
<h2>Serene</h2>
+
<h2>Lyann</h2>
-
<p>Water spinach arugula pea tatsoi.</p>
+
<p>xxxxxxxxxxxxxxx</p>
</figcaption>
</figcaption>
</figure>
</figure>
</a>
</a>
 +
</section>
</section>
 +
 +
 +
<!--==================== footer ===========================-->
 +
<div id="footer" class="row">
 +
<div class="col-md-7">
 +
      <h3>Sponsors</h3>
 +
      <a href="http://www.cityu.edu.hk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9c/CityU_HK_citylogo.png" width="95"></a>
 +
    <a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_bchlogo.png" width="80"></a>
 +
    <img src="https://static.igem.org/mediawiki/2014/a/aa/CityU_HK_Invitrogen_Logo.jpg" width="100">
 +
    <img src="https://static.igem.org/mediawiki/2014/0/0a/CityU_HK_New_England_Biolabs_sponsor.png" width="135">
 +
    <img src="https://static.igem.org/mediawiki/2014/2/22/IDT-Logo.jpg" width="125">
 +
 +
</div> <!-- end of col-md-7-->
 +
<div class="col-md-5">
 +
      <h3>Stay connected!</h3>
 +
      <p>email: <a href="#">cityuhk.igem@gmail.com</a></p>
 +
      <a href="#"><img src="https://s3.amazonaws.com/sbweb/images/icon-facebook-grey-150x150.png" width="50" height="48"></a>
 +
      <a href="#"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a>
 +
      <a href="#"><img src="http://3.bp.blogspot.com/-zNUyQIVgA8Q/Ue8USlgr8II/AAAAAAAAl1w/6ZCWqhS59Ts/s1600/youtube.png" width="52" height="50"></a>
 +
</div> <!--end of col-md-5-->
 +
</div> <!-- end of #footer -->
 +
 +
<script>
 +
(function() {
 +
 +
function init() {
 +
var speed = 330,
 +
easing = mina.backout;
 +
 +
[].slice.call ( document.querySelectorAll( '#grid > a' ) ).forEach( function( el ) {
 +
var s = Snap( el.querySelector( 'svg' ) ), path = s.select( 'path' ),
 +
pathConfig = {
 +
from : path.attr( 'd' ),
 +
to : el.getAttribute( 'data-path-hover' )
 +
};
 +
 +
el.addEventListener( 'mouseenter', function() {
 +
path.animate( { 'path' : pathConfig.to }, speed, easing );
 +
} );
 +
 +
el.addEventListener( 'mouseleave', function() {
 +
path.animate( { 'path' : pathConfig.from }, speed, easing );
 +
} );
 +
} );
 +
}
 +
 +
init();
 +
 +
})();
 +
</script>
 +
</body>
</body>
</html>
</html>

Latest revision as of 15:27, 22 September 2014

Bootstrap 101 Template



Team Members

Cas

xxxxxxxxxxx

Cherlin

xxxxxxxxxxxx

Paul Tse

xxxxxxxxxxxxxxxx

Ada

xxxxxxxxxxxxxxxx

Maria

xxxxxxxxxxxx

Marco

xxxxxxxxxxxxxxxxxxx

Paul Chi

xxxxxxxxxxxxxxx

Ronald

xxxxxxxxxxxxxx

Anthony

xxxxxxxxxxxxxx

Ken

xxxxxxxxxxxxxxx

Joanna

xxxxxxxxxxxxxxx

Lyann

xxxxxxxxxxxxxxx

Retrieved from "http://2014.igem.org/Team:CityU_HK/Team/Member"