Difference between revisions of "Team:H4Z-Hangzhou"

 
(110 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<!DOCTYPE html>
+
<html>
−
<html lang="en">
+
 
 
<!--[if IE 7]><html lang="en" class="ie7"><![endif]-->
 
<!--[if IE 7]><html lang="en" class="ie7"><![endif]-->
 
<!--[if IE 8]><html lang="en" class="ie8"><![endif]-->
 
<!--[if IE 8]><html lang="en" class="ie8"><![endif]-->
 
<!--[if IE 9]><html lang="en" class="ie9"><![endif]-->
 
<!--[if IE 9]><html lang="en" class="ie9"><![endif]-->
−
<!--[if (gt IE 9)|!(IE)]><html lang="en"><![endif]-->
+
<!--[if (gt IE 9)|!(IE)]><html lang="en"><![<math>Insert formula here</math>endif]-->
 
<!--[if !IE]><html lang="en"><![endif]-->
 
<!--[if !IE]><html lang="en"><![endif]-->
 
<head>
 
<head>
−
<meta charset="utf-8">
 
 
 
−
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/modernizr.js?action=raw&ctype=text/javascript"></script>
+
 
−
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/pace.js?action=raw&ctype=text/javascript"></script>
+
        <style>#content{width:100%}</style>
 +
 
 +
        <meta charset="utf-8">
 +
 +
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/modernizr?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/pace?action=raw&ctype=text/javascript"></script>
 
<script>(function(w){var dpr=((w.devicePixelRatio===undefined)?1:w.devicePixelRatio);if(!!w.navigator.standalone){var r=new XMLHttpRequest();r.open('GET','/retinaimages.php?devicePixelRatio='+dpr,false);r.send()}else{document.cookie='devicePixelRatio='+dpr+'; path=/'}})(window)</script>
 
<script>(function(w){var dpr=((w.devicePixelRatio===undefined)?1:w.devicePixelRatio);if(!!w.navigator.standalone){var r=new XMLHttpRequest();r.open('GET','/retinaimages.php?devicePixelRatio='+dpr,false);r.send()}else{document.cookie='devicePixelRatio='+dpr+'; path=/'}})(window)</script>
 
<noscript><style id="devicePixelRatio" media="only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2)">html{background-image:url("/retinaimages.php?devicePixelRatio=2")}</style></noscript>
 
<noscript><style id="devicePixelRatio" media="only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2)">html{background-image:url("/retinaimages.php?devicePixelRatio=2")}</style></noscript>
Line 21: Line 25:
 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
 
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:H4Z-Hangzhou/css/lib/font-awesome.min.css?action=raw&ctype=text/css">
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:H4Z-Hangzhou/css/lib/font-awesomexmin?action=raw&ctype=text/css" />
−
<link rel="stylesheet" type="text/css" href="css/lib/magnific-popup.css">
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:H4Z-Hangzhou/css/lib/magnific-popup?action=raw&ctype=text/css" />
−
<link rel="stylesheet" type="text/css" href="css/lib/lite.css">
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:H4Z-Hangzhou/css/lib/lite?action=raw&ctype=text/css" />
−
<link rel="stylesheet" type="text/css" href="css/style.css">
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:H4Z-Hangzhou/css/style?action=raw&ctype=text/css" />
−
<link rel="stylesheet" type="text/css" href="css/blue.css">
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:H4Z-Hangzhou/css/blue?action=raw&ctype=text/css" />
 
 
 
<!--[if lt IE 9]>
 
<!--[if lt IE 9]>
Line 39: Line 43:
 
<nav class="menu" id="theMenu">
 
<nav class="menu" id="theMenu">
 
<div class="menu-wrap">
 
<div class="menu-wrap">
−
<a href="#home"><img src="../../../../../../Desktop/igemlogo.png" longdesc="../../../../../../Desktop/igemlogo.png"></a>
+
<a href="#home"><img src="https://static.igem.org/mediawiki/2015/e/e2/Igemlogo.png" longdesc="https://static.igem.org/mediawiki/2015/e/e2/Igemlogo.png"></a>
 
<!--<h1 class="logo"><a href="#home">Focus</a></h1>-->
 
<!--<h1 class="logo"><a href="#home">Focus</a></h1>-->
 
<!--<i class="icon-remove menu-close"></i>-->
 
<!--<i class="icon-remove menu-close"></i>-->
 
<a href="#home">Home</a>
 
<a href="#home">Home</a>
 
<a href="#services">OVERVIEW</a>
 
<a href="#services">OVERVIEW</a>
−
<a href="#process">Process</a>
+
<a href="#process">Human Practice</a>
 
<a href="#portfolio">Profile</a>
 
<a href="#portfolio">Profile</a>
 
<a href="#about-me">PROJECT</a>
 
<a href="#about-me">PROJECT</a>
−
<a href="#contact">Contact</a>
+
 
<a href="#"><i class="icon-facebook"></i></a>
 
<a href="#"><i class="icon-facebook"></i></a>
 
<a href="#"><i class="icon-twitter"></i></a>
 
<a href="#"><i class="icon-twitter"></i></a>
Line 55: Line 59:
 
 
 
<!-- Menu button -->
 
<!-- Menu button -->
−
<div id="menuToggle"><i class="icon-reorder"></i></div>
+
<div id="menuToggle"><img src="https://static.igem.org/mediawiki/2015/5/5f/Tuding.png"></i></div>
 
</nav>
 
</nav>
  
Line 70: Line 74:
 
<li>
 
<li>
 
<!-- Slide -->
 
<!-- Slide -->
−
<div style="background-image: url('images/placeholder-slide-1.jpg');" class="fullscreen-image"></div>
+
<div style="background-image: url('https://static.igem.org/mediawiki/2015/d/d0/Main.jpg');" class="fullscreen-image"></div>
−
<div class="header-center fade-in">
+
−
<h1 class="fittext white">Meet The Team</h1>
+
                                <div class="header-center fade-in">
−
<p class="uppercase white">We are from Hangzhou No.4 High School</p>
+
                                    <h1 class="uppercase white">iGEM HANGZHOU</h1>
−
<p><a href="#introduction" class="button white-border">LEARN MORE</a></p>
+
            <p class="uppercase white">More accurate and distinct observation? Special fluorescent protein marker.</p>
 +
            <p><a href="#introduction" class="button white-border">LEARN MORE</a></p>
 
</div>
 
</div>
 
</li>
 
</li>
 
<li>
 
<li>
 +
                     
 
<!-- Slide -->
 
<!-- Slide -->
−
<div style="background-image: url('images/placeholder-slide-2.jpg');" class="fullscreen-image"></div>
+
<div style="background-image: url('https://static.igem.org/mediawiki/2015/9/95/Fire.jpg');" class="fullscreen-image"></div>
 
<div class="header-center fade-in">
 
<div class="header-center fade-in">
−
<h1 class="fittext white">You Are Amazing</h1>
+
<h1 class="fittext white">Cancer? Autophagy?</h1>
−
<p class="uppercase white">Work hard, play hard &amp; reap the rewards</p>
+
<p class="uppercase white">Find a link between them.</p>
 
<p><a href="#introduction" class="button white-border">Experience more</a></p>
 
<p><a href="#introduction" class="button white-border">Experience more</a></p>
 
</div>
 
</div>
 
</li>
 
</li>
 
<li>
 
<li>
 +
                     
 
<!-- Slide -->
 
<!-- Slide -->
−
<div style="background-image: url('images/placeholder-slide-3.jpg');" class="fullscreen-image"></div>
+
<div style="background-image: url('https://static.igem.org/mediawiki/2015/c/c5/Ricardohand.jpg');" class="fullscreen-image"></div>
−
<div class="header-center fade-in">
+
                                <div class="header-center fade-in">
−
<h1 class="fittext white">In Every Single Way</h1>
+
<h1 class="fittext white">Human Practice</h1>
−
<p class="uppercase white">Keep your fears to yourself, but share your creativity with others</p>
+
<p class="uppercase white">You will see our excellent work.</p>
−
<p>
+
−
<a href="#"><i class="icon-twitter medium-icon white-border"></i></a>
+
−
<a href="#"><i class="icon-facebook medium-icon white-border"></i></a>
+
−
<a href="#"><i class="icon-dribbble medium-icon white-border"></i></a>
+
−
</p>
+
 
</div>
 
</div>
 
</li>
 
</li>
 
<li>
 
<li>
 +
                         
 
<!-- Slide with a logo - or any other image -->
 
<!-- Slide with a logo - or any other image -->
−
<div style="background-image: url('images/placeholder-slide-2.jpg');" class="fullscreen-image"></div>
+
      <div style="background-image: url('https://static.igem.org/mediawiki/2015/1/1f/Bottles.jpg');" class="fullscreen-image"></div>
−
<div class="header-center fade-in">
+
                              <div class="header-center fade-in">
−
<img class="preserve margin-bottom" src="images/logo-focus.png" alt="logo-focus">
+
−
<p class="uppercase white">An example slide with an image in it</p>
+
<p class="uppercase white">The Truth Is Going to be revealed below.</p>
 
<p><a href="#introduction" class="button white-border">Experience more</a></p>
 
<p><a href="#introduction" class="button white-border">Experience more</a></p>
 
</div>
 
</div>
Line 113: Line 117:
 
<a href="#" class="next"><i class="icon-long-arrow-right"></i></a>
 
<a href="#" class="next"><i class="icon-long-arrow-right"></i></a>
 
</nav>
 
</nav>
−
</div>
+
<nav class="slides-pagination"><a href="#1" class="">1</a><a href="#2">2</a><a href="#3">3</a><a href="#4" class="current">4</a></nav></div>
 +
 
  
  
Line 144: Line 149:
 
<li>
 
<li>
 
<!-- Service -->
 
<!-- Service -->
−
<h3 class="color">I design</h3>
+
<h3 class="color">background</h3>
−
<p>Design often necessitates considering the aesthetic and functional dimensions of both the design object and process. It involves research, thought, modeling, interactive adjustment, and re-design. Diverse kinds of objects may be designed, including clothing, graphical user interfaces and corporate identities.</p>
+
<p>Our IGEM research project involves study of the autophagy phenomenon by using the GFP to reveal it more clearly. The Autophagy is a biological process which acts like a recycle factory. Like you put a pop can into the trash bin and then reproduce by the factory, the procedure of autophagy just catch the aging, denaturing, damaged organelles and send them into the lysosome which degrades the organelles. </p>
 
</li>
 
</li>
 
<li>
 
<li>
 
<!-- Service -->
 
<!-- Service -->
−
<h3 class="color">I code</h3>
+
<h3 class="color">Health</h3>
−
<p>Coding often necessitates considering the aesthetic and functional dimensions of both the design object and process. It involves research, thought, modeling, interactive adjustment, and re-design. Diverse kinds of objects may be designed, including clothing, graphical user interfaces and corporate identities.</p>
+
<p>Autophagy is developed as a way to address the disease and maintain the health of human body. With the degradation of the denaturing cellular, our cells can have the ability to defend themselves without other medical treatment.</p>
 
</li>
 
</li>
 
<li>
 
<li>
 
<!-- Service -->
 
<!-- Service -->
−
<h3 class="color">I make illustrations</h3>
+
<h3 class="color">Anti-aging</h3>
−
<p>Illustration often necessitates considering the aesthetic and functional dimensions of both the design object and process. It involves research, thought, modeling, interactive adjustment, and re-design. Diverse kinds of objects may be designed, including clothing, graphical user interfaces and corporate identities.</p>
+
<p>Autophagy is also capable to keep us young and strong. It is better than the cosmetic we used which may cause other problem.</p>
 
</li>
 
</li>
 
<li>
 
<li>
 
<!-- Service -->
 
<!-- Service -->
−
<h3 class="color">I take beautiful pictures</h3>
+
<h3 class="color">Fight with cancer.</h3>
−
<p>Photography often necessitates considering the aesthetic and functional dimensions of both the design object and process. It involves research, thought, modeling, interactive adjustment, and re-design. Diverse kinds of objects may be designed, including clothing, graphical user interfaces and corporate identities.</p>
+
<p>Autophagy gets the potential impact to fight with cancer. However it still get some negative effect. The reaction taken place in the lysosome can consciously can unconsciously help the cancer cell to grow. It may be an efficient assist of deteriorating the denaturation of tumor cell. After all, it still play a paramount significance in the future genetic study.</p>
 
</li>
 
</li>
 
</ul>
 
</ul>
Line 169: Line 174:
 
<div class="row">
 
<div class="row">
 
<div class="services-buttons">
 
<div class="services-buttons">
−
<a data-rel="1" href="javascript:void(0);" class="servicesLink"><i class="icon-magic"></i></a>
+
<a data-rel="1" href="javascript:void(0);" class="servicesLink"><img src="https://static.igem.org/mediawiki/2015/9/99/Racket.png"></i></a>
−
<a data-rel="2" href="javascript:void(0);" class="servicesLink"><i class="icon-beaker"></i></a>
+
<a data-rel="1" href="javascript:void(0);" class="servicesLink"><img src="https://static.igem.org/mediawiki/2015/9/9f/Xianweijing.png"></i></a>
−
<a data-rel="3" href="javascript:void(0);" class="servicesLink"><i class="icon-pencil"></i></a>
+
<a data-rel="1" href="javascript:void(0);" class="servicesLink"><img src="https://static.igem.org/mediawiki/2015/9/91/Zhuixingpin.png"></i></a>
−
<a data-rel="4" href="javascript:void(0);" class="servicesLink"><i class="icon-camera"></i></a>
+
<a data-rel="1" href="javascript:void(0);" class="servicesLink"><img src="https://static.igem.org/mediawiki/2015/0/05/Fangdajing.png"></i></a>
 
</div>
 
</div>
 
</div>
 
</div>
Line 185: Line 190:
 
<div class="row">
 
<div class="row">
 
<div class="ten columns offset-by-one title">
 
<div class="ten columns offset-by-one title">
−
<h1>Process</h1>
+
<h1>Human Practice</h1>
−
<h2>How I do it</h2>
+
<h2>How We do it</h2>
 
<hr>
 
<hr>
 
</div>
 
</div>
Line 196: Line 201:
 
<!-- Process step -->
 
<!-- Process step -->
 
<div class="desktop-three columns tablet-six columns mobile-six columns">
 
<div class="desktop-three columns tablet-six columns mobile-six columns">
−
<i class="icon-lightbulb process-icon"></i>
+
<i class="process-icon"><img src="https://static.igem.org/mediawiki/2015/a/aa/Lianjie.png"></i>
−
<h3>Plan</h3>
+
<h3>Environmental Impact</h3>
−
<p>A business process is a collection of structured activities or tasks that produce a service or product for a particular customer or customers.</p>
+
<p>Since our subject is a fundamental work in this field, all the processes were finished in the laboratory. It did not bring any negative effects to our environment.</p>
 
</div>
 
</div>
 
 
 
<!-- Process step -->
 
<!-- Process step -->
 
<div class="desktop-three columns tablet-six columns mobile-six columns">
 
<div class="desktop-three columns tablet-six columns mobile-six columns">
−
<i class="icon-cogs process-icon"></i>
+
<i class="process-icon"><img src="https://static.igem.org/mediawiki/2015/8/8e/Dengpao.png"></i>
−
<h3>Build</h3>
+
<h3>Safety</h3>
−
<p>A business process is a collection of structured activities or tasks that produce a service or product for a particular customer or customers.</p>
+
<p>The experiment itself is totally safe. Although we met some trouble during the operation of experiment, fortunately, all the troubles did not cause any hurt to teammates or others.</p>
 
</div>
 
</div>
 
 
 
<!-- Process step -->
 
<!-- Process step -->
 
<div class="desktop-three columns tablet-six columns mobile-six columns">
 
<div class="desktop-three columns tablet-six columns mobile-six columns">
−
<i class="icon-check process-icon"></i>
+
<i class="process-icon"><img src="https://static.igem.org/mediawiki/2015/6/6c/Chilun.png"></i>
−
<h3>Test</h3>
+
<h3>Education</h3>
−
<p>A business process is a collection of structured activities or tasks that produce a service or product for a particular customer or customers.</p>
+
<p>In order to make the public have deeper comprehending of genetic modification, we did a lecture and a questionnaire of people about GM food. The reason why we used the GM food as the topic but not the subject of our experiment was that our subject is too professional for normal people to understand.</p>
 
</div>
 
</div>
 
 
 
<!-- Process step -->
 
<!-- Process step -->
 
<div class="desktop-three columns tablet-six columns mobile-six columns">
 
<div class="desktop-three columns tablet-six columns mobile-six columns">
−
<i class="icon-rocket process-icon"></i>
+
<i class="process-icon"><img src="https://static.igem.org/mediawiki/2015/b/bc/Banshou.png"></i>
−
<h3>Launch</h3>
+
<h3>Evaluation</h3>
−
<p>A business process is a collection of structured activities or tasks that produce a service or product for a particular customer or customers.</p>
+
<p>We summarized and processed our statistics. It is not surprised that the students accept GM food in a much larger extent than that in general public.</p>
 
</div>
 
</div>
 
 
Line 233: Line 238:
 
<div class="ten columns offset-by-one title">
 
<div class="ten columns offset-by-one title">
 
<h1>Portfolio</h1>
 
<h1>Portfolio</h1>
−
<h2 id="filter-container">I made
+
−
<a class="filter" data-order="desc" data-filter="website">websites</a>,
+
−
<a class="filter" data-order="desc" data-filter="illustration">illustrations</a>,
+
−
<a class="filter" data-order="desc" data-filter="photo">photographs</a> and a few
+
−
<a class="filter" data-order="desc" data-filter="movie">movies</a>
+
−
<a class="filter light" data-order="desc" data-filter="all">View all</a>
+
−
</h2>
+
 
<hr>
 
<hr>
 
</div>
 
</div>
Line 246: Line 245:
 
<!-- Portfolio grid with projects -->
 
<!-- Portfolio grid with projects -->
 
<div id="portfolio-grid" class="row">
 
<div id="portfolio-grid" class="row">
−
 
 
<!-- Project item -->
 
<!-- Project item -->
−
<div class="desktop-four columns tablet-six columns mobile-six columns mix illustration project-item">
+
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
−
<a class="popup" href="images/placeholder-thumbnail.jpg">
+
<a class="popup" href="https://static.igem.org/mediawiki/2015/2/21/Ricardo.JPG">
 
<span class="project-hover">
 
<span class="project-hover">
−
<span>Project Title<br>
+
<span>Hongchang Fu<br>
−
<b>Illustration</b></span>
+
<b>Team Leader and Experiment Part Supervisor of iGEM 2015</b></span>
 
</span>
 
</span>
−
<img src="images/placeholder-thumbnail.jpg" alt="placeholder-thumbnail">
+
<img src="https://static.igem.org/mediawiki/2015/2/21/Ricardo.JPG" alt="placeholder-thumbnail">
 
</a>
 
</a>
 
</div>
 
</div>
 
 
−
<!-- Project item -->
+
                        <!-- Project item -->
−
<div class="desktop-four columns tablet-six columns mobile-six columns mix website project-item">
+
<div class="desktop-four columns tablet-six columns mobile-six columns mix illustration project-item">
−
<a class="popup" href="images/placeholder-thumbnail.jpg">
+
<a class="popup" href="https://static.igem.org/mediawiki/2015/c/c7/Linjimin.JPG">
 
<span class="project-hover">
 
<span class="project-hover">
−
<span>Company INC<br>
+
<span>Jimin Lin<br>
−
<b>Webdesign</b></span>
+
<b>Prime Instructor of Experiment of iGEM 2015</b></span>
 
</span>
 
</span>
−
<img src="images/placeholder-thumbnail.jpg" alt="placeholder-thumbnail">
+
<img src="https://static.igem.org/mediawiki/2015/c/c7/Linjimin.JPG" alt="placeholder-thumbnail">
 
</a>
 
</a>
 
</div>
 
</div>
 
 
 
<!-- Project item -->
 
<!-- Project item -->
−
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
+
<div class="desktop-four columns tablet-six columns mobile-six columns mix website project-item">
−
<a class="popup" href="images/placeholder-thumbnail.jpg">
+
<a class="popup" href="https://static.igem.org/mediawiki/2015/e/e4/Zhangyuge.JPG">
 
<span class="project-hover">
 
<span class="project-hover">
−
<span>Autumn<br>
+
<span>Yuge Zhang<br>
−
<b>Photography</b></span>
+
<b>English Consultant and Basic Knowledge Lecturer</b></span>
 
</span>
 
</span>
−
<img src="images/placeholder-thumbnail.jpg" alt="placeholder-thumbnail">
+
<img src="https://static.igem.org/mediawiki/2015/e/e4/Zhangyuge.JPG" alt="placeholder-thumbnail">
 
</a>
 
</a>
 
</div>
 
</div>
 +
 +
 
 
 
<!-- Project item -->
 
<!-- Project item -->
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
−
<a class="popup" href="images/placeholder-thumbnail.jpg">
+
<a class="popup" href="https://static.igem.org/mediawiki/2015/d/d2/Monica.JPG">
 
<span class="project-hover">
 
<span class="project-hover">
−
<span>Traveling<br>
+
<span>yaxin deng<br>
−
<b>Photography</b></span>
+
<b>Prime Designer and Art Director</b></span>
 
</span>
 
</span>
−
<img src="images/placeholder-thumbnail.jpg" alt="placeholder-thumbnail">
+
<img src="https://static.igem.org/mediawiki/2015/d/d2/Monica.JPG" alt="placeholder-thumbnail">
 
</a>
 
</a>
 
</div>
 
</div>
Line 293: Line 293:
 
<!-- Project item -->
 
<!-- Project item -->
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix website project-item">
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix website project-item">
−
<a href="portfolio-personal.html">
+
<a class="popup" href="https://static.igem.org/mediawiki/2015/6/69/Victor.JPG">
 
<span class="project-hover">
 
<span class="project-hover">
−
<span>Details Page<br>
+
<span>zhehao shen<br>
−
<b>Webdesign &amp; Branding</b></span>
+
<b>Computer Engineer and Website Development Supervisor</b></span>
 
</span>
 
</span>
−
<img src="images/placeholder-thumbnail.jpg" alt="placeholder-thumbnail">
+
<img src="https://static.igem.org/mediawiki/2015/6/69/Victor.JPG" alt="placeholder-thumbnail">
 
</a>
 
</a>
 
</div>
 
</div>
 
 
−
<!-- Project item -->
+
 
 +
            <!-- Project item -->
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
−
<a class="popup" href="images/placeholder-thumbnail.jpg">
+
<a class="popup" href="https://static.igem.org/mediawiki/2015/0/0b/Binjie.JPG">
 
<span class="project-hover">
 
<span class="project-hover">
−
<span>Portraits<br>
+
<span>binjie sun<br>
−
<b>Photography</b></span>
+
<b>Experiment Operator and Team Coordinator</b></span>
 
</span>
 
</span>
−
<img src="images/placeholder-thumbnail.jpg" alt="placeholder-thumbnail">
+
<img src="https://static.igem.org/mediawiki/2015/0/0b/Binjie.JPG" alt="placeholder-thumbnail">
 
</a>
 
</a>
−
</div>
 
 
 
−
        <!-- Project item -->
+
                </div>
−
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
+
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
−
<a class="popup" href="images/placeholder-thumbnail.jpg">
+
<a class="popup" href="https://static.igem.org/mediawiki/2015/0/01/Liangyixiao.JPG">
 
<span class="project-hover">
 
<span class="project-hover">
−
<span>Portraits<br>
+
<span>yixiao liang<br>
−
<b>Photography</b></span>
+
<b>Lecturer and Experiment Assistant</b></span>
 
</span>
 
</span>
−
<img src="images/placeholder-thumbnail.jpg" alt="placeholder-thumbnail">
+
<img src="https://static.igem.org/mediawiki/2015/0/01/Liangyixiao.JPG" alt="placeholder-thumbnail">
 
</a>
 
</a>
 
</div>
 
</div>
 
        
 
        
 +
 
             <!-- Project item -->
 
             <!-- Project item -->
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
−
<a class="popup" href="images/placeholder-thumbnail.jpg">
+
<a class="popup" href="https://static.igem.org/mediawiki/2015/a/a2/Zhangqinru.JPG">
 
<span class="project-hover">
 
<span class="project-hover">
−
<span>Portraits<br>
+
<span>qinru zhang<br>
−
<b>Photography</b></span>
+
<b>Vice Designer</b></span>
 
</span>
 
</span>
−
<img src="images/placeholder-thumbnail.jpg" alt="placeholder-thumbnail">
+
<img src="https://static.igem.org/mediawiki/2015/a/a2/Zhangqinru.JPG" alt="placeholder-thumbnail">
 
</a>
 
</a>
 
</div>
 
</div>
−
           
+
       
−
            <!-- Project item -->
+
       
 +
<!-- Project item -->
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
−
<a class="popup" href="images/placeholder-thumbnail.jpg">
+
<a class="popup" href="https://static.igem.org/mediawiki/2015/c/c0/Shenchen.JPG">
 
<span class="project-hover">
 
<span class="project-hover">
−
<span>Portraits<br>
+
<span>chen shen<br>
−
<b>Photography</b></span>
+
<b>Human Practice Advisor</b></span>
 
</span>
 
</span>
−
<img src="images/placeholder-thumbnail.jpg" alt="placeholder-thumbnail">
+
<img src="https://static.igem.org/mediawiki/2015/c/c0/Shenchen.JPG" alt="placeholder-thumbnail">
 
</a>
 
</a>
 
</div>
 
</div>
−
           
+
 
             <!-- Project item -->
 
             <!-- Project item -->
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
−
<a class="popup" href="images/placeholder-thumbnail.jpg">
+
<a class="popup" href="https://static.igem.org/mediawiki/2015/f/ff/Xuyichen.JPG">
 
<span class="project-hover">
 
<span class="project-hover">
−
<span>Portraits<br>
+
<span>yichen xu<br>
−
<b>Photography</b></span>
+
<b>Photographer</b></span>
 
</span>
 
</span>
−
<img src="images/placeholder-thumbnail.jpg" alt="placeholder-thumbnail">
+
<img src="https://static.igem.org/mediawiki/2015/f/ff/Xuyichen.JPG" alt="placeholder-thumbnail">
 
</a>
 
</a>
 
</div>
 
</div>
Line 360: Line 362:
 
             <!-- Project item -->
 
             <!-- Project item -->
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
−
<a class="popup" href="images/placeholder-thumbnail.jpg">
+
<a class="popup" href="https://static.igem.org/mediawiki/2015/f/f5/Xuzemin.JPG">
 
<span class="project-hover">
 
<span class="project-hover">
−
<span>Portraits<br>
+
<span>zemin xu<br>
−
<b>Photography</b></span>
+
<b>Vice Team Leader and Operation Manager</b></span>
 
</span>
 
</span>
−
<img src="images/placeholder-thumbnail.jpg" alt="placeholder-thumbnail">
+
<img src="https://static.igem.org/mediawiki/2015/f/f5/Xuzemin.JPG" alt="placeholder-thumbnail">
 
</a>
 
</a>
 
</div>
 
</div>
Line 371: Line 373:
 
             <!-- Project item -->
 
             <!-- Project item -->
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix photo project-item">
−
<a class="popup" href="images/placeholder-thumbnail.jpg">
+
<a class="popup" href="https://static.igem.org/mediawiki/2015/c/c0/Yinyisu.JPG">
 
<span class="project-hover">
 
<span class="project-hover">
−
<span>Portraits<br>
+
<span>yisu yin<br>
−
<b>Photography</b></span>
+
<b>Public Relationship</b></span>
 
</span>
 
</span>
−
<img src="images/placeholder-thumbnail.jpg" alt="placeholder-thumbnail">
+
<img src="https://static.igem.org/mediawiki/2015/c/c0/Yinyisu.JPG" alt="placeholder-thumbnail">
 
</a>
 
</a>
 
</div>
 
</div>
 
              
 
              
−
<!-- Project item -->
+
                      <!-- Project item -->
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix movie project-item">
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix movie project-item">
−
<a class="popup-youtube" href="https://www.youtube.com/watch?v=Ycv5fNd4AeM">
+
<a class="popup-youtube" href="https://static.igem.org/mediawiki/2015/9/99/Gaoxiaoyuan.JPG">
 
<span class="project-hover">
 
<span class="project-hover">
−
<span>Project Title<br>
+
<span>xiaoyuan gao<br>
−
<b>YouTube Video</b></span>
+
<b>Assistant</b></span>
 
</span>
 
</span>
−
<img src="images/placeholder-thumbnail.jpg" alt="placeholder-thumbnail">
+
<img src="https://static.igem.org/mediawiki/2015/9/99/Gaoxiaoyuan.JPG" alt="placeholder-thumbnail">
 
</a>
 
</a>
 
</div>
 
</div>
 +
 +
 +
 
 
 
<!-- Project item -->
 
<!-- Project item -->
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix website project-item">
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix website project-item">
−
<a class="popup" href="images/placeholder-thumbnail.jpg">
+
<a class="popup" href="https://static.igem.org/mediawiki/2015/a/ad/Zhangwenhao.JPG">
 
<span class="project-hover">
 
<span class="project-hover">
−
<span>Focus<br>
+
<span>wenhao zhang<br>
−
<b>Webdesign &amp; Branding</b></span>
+
<b>Assistant</b></span>
 
</span>
 
</span>
−
<img src="images/placeholder-thumbnail.jpg" alt="placeholder-thumbnail">
+
<img src="https://static.igem.org/mediawiki/2015/a/ad/Zhangwenhao.JPG" alt="placeholder-thumbnail">
 
</a>
 
</a>
 
</div>
 
</div>
Line 404: Line 409:
 
<!-- Project item -->
 
<!-- Project item -->
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix movie project-item">
 
<div class="desktop-four columns tablet-six columns mobile-six columns mix movie project-item">
−
<a class="popup-vimeo" href="http://vimeo.com/50522981">
+
<a class="popup-vimeo" href="https://static.igem.org/mediawiki/2015/c/cc/Shizhewen.JPG">
 
<span class="project-hover">
 
<span class="project-hover">
−
<span>Project Title<br>
+
<span>zhewen shi<br>
−
<b>Vimeo Video</b></span>
+
<b>Assistant</b></span>
 
</span>
 
</span>
−
<img src="images/placeholder-thumbnail.jpg" alt="placeholder-thumbnail">
+
<img src="https://static.igem.org/mediawiki/2015/c/cc/Shizhewen.JPG" alt="placeholder-thumbnail">
 
</a>
 
</a>
 
</div>
 
</div>
Line 416: Line 421:
 
<div class="clear"></div>
 
<div class="clear"></div>
 
</section>
 
</section>
−
 
−
 
−
<!-- Call to Action -->
 
−
<section class="call-to-action">
 
−
<div class="row">
 
−
<div class="twelve columns">
 
−
<h3>A fast, effective &amp; responsive template for you and your portfolio</h3>
 
−
<p>
 
−
<a href="business.html" class="button white-border">View business version</a>
 
−
<a href="#" class="button dark-bg">Buy this template</a>
 
−
</p>
 
−
</div>
 
−
</div>
 
−
</section>
 
−
 
  
 
<!-- About me -->
 
<!-- About me -->
Line 436: Line 426:
 
 
 
<!-- Header with text ticker -->
 
<!-- Header with text ticker -->
−
<div class="header" style="background-image: url('images/placeholder-slide-1.jpg');">
+
<div class="header" style="background-image: url('https://static.igem.org/mediawiki/2015/b/bb/Plants.jpg');">
 
<div class="text-ticker">
 
<div class="text-ticker">
 
<ul>
 
<ul>
−
<li class="fitticker">I am Cool</li>
+
<li class="fitticker">E.coli&LC3</li>
−
<li class="fitticker">I am Creative</li>
+
<li class="fitticker">GFP-LC3</li>
−
<li class="fitticker">I am Nice</li>
+
<li class="fitticker">pSB1C3 as Vector</li>
−
<li class="fitticker">I am Awesome</li>
+
<li class="fitticker">Fluorescent Protein Marker</li>
−
<li class="fitticker">I am Focus</li>
+
<li class="fitticker">Autophagosomes</li>
 
</ul>
 
</ul>
 
</div>
 
</div>
Line 456: Line 446:
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >免费模板</a></div>
+
 
<!-- About me introduction -->
 
<!-- About me introduction -->
 
<div class="row">
 
<div class="row">
 
<div class="ten columns offset-by-one margin-bottom">
 
<div class="ten columns offset-by-one margin-bottom">
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lectus elit, tincidunt nec turpis sed, accumsan iaculis ipsum. Nulla at augue auctor, tristique erat in, ultricies nunc. Mauris eget metus leo. Ut in mi lacinia, mattis nisl non, ultrices risus. Vestibulum aliquet aliquam ipsum ut ullamcorper. Pellentesque fringilla, massa vel rutrum consequat, nulla velit fermentum dolor, sed scelerisque mauris mauris non lectus.</p>
+
<p>Autophagy gets the potential impact to fight with cancer. However it still get some negative effect. The reaction taken place in the lysosome can consciously can unconsciously help the cancer cell to grow. It may be an efficient assist of deteriorating the denaturation of tumor cell. After all, it still play a paramount significance in the future genetic study.
−
<img src="images/placeholder-avatar.jpg" alt="placeholder-avatar" class="image-center image-circle margin-bottom">
+
 
 +
</p>
 +
 
</div>
 
</div>
 
</div>
 
</div>
Line 471: Line 463:
 
</div>
 
</div>
 
<div class="five columns">
 
<div class="five columns">
−
<h3>I love photography</h3>
+
−
<p>Etiam dictum gravida nibh at accum san. Quisque aliquam risus bibendum diam elementum, et tempus enim suscipit. Duis sit amet euismod.</p>
+
<p>Competent E.coli cell preparation</p>
 +
                                <p>Transform pIREs2-GFP-LC3 into Competent E.coli cell </p>
 
</div>
 
</div>
 
 
Line 479: Line 472:
 
</div>
 
</div>
 
<div class="five columns">
 
<div class="five columns">
−
<h3>I'm a big music fan</h3>
+
−
<p>Etiam dictum gravida nibh at accum san. Quisque aliquam risus bibendum diam elementum, et tempus enim suscipit. Duis sit amet euismod.</p>
+
<p>Restriction enzyme digestion: get GFP-LC3 gene fragment from pIREs2-GFP-LC3 </p>
 +
                                <p>Purification of gene fragment GFP-LC3 </p>
 
</div>
 
</div>
 
 
Line 487: Line 481:
 
</div>
 
</div>
 
<div class="five columns">
 
<div class="five columns">
−
<h3>Illustrating is my passion</h3>
+
−
<p>Etiam dictum gravida nibh at accum san. Quisque aliquam risus bibendum diam elementum, et tempus enim suscipit. Duis sit amet euismod.</p>
+
<p>Ligation: GFP-LC3+PSB1C3</p>
 +
                                <p>Transform pSB1C3-GFP-LC3 into Competent E.coli cell </p>
 
</div>
 
</div>
 
 
Line 495: Line 490:
 
</div>
 
</div>
 
<div class="five columns">
 
<div class="five columns">
−
<h3>I love watching comedies</h3>
+
−
<p>Etiam dictum gravida nibh at accum san. Quisque aliquam risus bibendum diam elementum, et tempus enim suscipit. Duis sit amet euismod.</p>
+
<p>Mini-prep of Plasmids PSB1C3-GFP-LC3</p>
 +
                                <p>Electrophoresis and Sequencing</p>
 
</div>
 
</div>
 
</div>
 
</div>
Line 507: Line 503:
 
<div class="row">
 
<div class="row">
 
<div class="ten columns offset-by-one title">
 
<div class="ten columns offset-by-one title">
−
<h1>Resume</h1>
+
<h1>Timeline</h1>
−
<h2>My work experiences</h2>
+
<h2>Our work experiences</h2>
 
<hr>
 
<hr>
 
</div>
 
</div>
Line 516: Line 512:
 
<div class="row margin">
 
<div class="row margin">
 
<div class="two columns offset-by-one text-right">
 
<div class="two columns offset-by-one text-right">
−
<h2 class="years">2011 - 2013</h2>
+
<h2 class="years">23th Dec</h2>
 
</div>
 
</div>
 
<div class="eight columns text-left column-border">
 
<div class="eight columns text-left column-border">
−
<h3>Function at A Huge Company</h3>
+
−
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words et cetera.</p>
+
<p>iGEM Intro and Potential Member Selection.</p>
 
</div>
 
</div>
 
</div>
 
</div>
Line 527: Line 523:
 
<div class="row margin">
 
<div class="row margin">
 
<div class="two columns offset-by-one text-right">
 
<div class="two columns offset-by-one text-right">
−
<h2 class="years">2008 - 2010</h2>
+
<h2 class="years">27th Jan</h2>
 
</div>
 
</div>
 
<div class="eight columns text-left column-border">
 
<div class="eight columns text-left column-border">
−
<h3>Function at A Big Company</h3>
+
−
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words et cetera.</p>
+
<p>Brainstorming and Presentation.</p>
 
</div>
 
</div>
 
</div>
 
</div>
Line 538: Line 534:
 
<div class="row margin">
 
<div class="row margin">
 
<div class="two columns offset-by-one text-right">
 
<div class="two columns offset-by-one text-right">
−
<h2 class="years">2007</h2>
+
<h2 class="years">5th Mar</h2>
 
</div>
 
</div>
 
<div class="eight columns text-left column-border">
 
<div class="eight columns text-left column-border">
−
<h3>Function at Company X</h3>
+
−
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words et cetera.</p>
+
<p>Final Membership Confirmed.</p>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
−
<!-- Download button -->
+
        <!-- Work experience -->
−
<div class="row no-spacing">
+
<div class="row margin">
−
<div class="eight columns offset-by-three text-left">
+
<div class="two columns offset-by-one text-right">
−
<p><a href="#" class="button no-margin"><i class="icon-file icon-left"></i>Download resume</a></p>
+
<h2 class="years">13th Apr</h2>
 +
</div>
 +
<div class="eight columns text-left column-border">
 +
 +
<p>ZJU Lab Permission Registration.</p>
 
</div>
 
</div>
 
</div>
 
</div>
−
</section>
 
  
 +
                <!-- Work experience -->
 +
<div class="row margin">
 +
<div class="two columns offset-by-one text-right">
 +
<h2 class="years">17th May</h2>
 +
</div>
 +
<div class="eight columns text-left column-border">
 +
 +
<p>Discussion Conference with ZJU & Peking University.</p>
 +
</div>
 +
</div>
 +
             
 +
                <!-- Work experience -->
 +
<div class="row margin">
 +
<div class="two columns offset-by-one text-right">
 +
<h2 class="years">12th Jun</h2>
 +
</div>
 +
<div class="eight columns text-left column-border">
 +
 +
<p>PCR Operation Skills Training and Preparation for Experiment.</p>
 +
</div>
 +
</div>
 +
               
 +
                <!-- Work experience -->
 +
<div class="row margin">
 +
<div class="two columns offset-by-one text-right">
 +
<h2 class="years">From Jun</h2>
 +
</div>
 +
<div class="eight columns text-left column-border">
 +
 +
<p>Training Every Single Two weeks and Lab Work.</p>
 +
</div>
 +
</div>
  
−
<!-- Quotes -->
+
                <!-- Work experience -->
−
<section class="quote">
+
<div class="row margin">
−
<div class="row">
+
<div class="two columns offset-by-one text-right">
−
<div id="quote-slider" class="eight columns offset-by-two">
+
<h2 class="years">24th Aug</h2>
−
<ul>
+
</div>
−
<li>
+
<div class="eight columns text-left column-border">
−
<!-- Quote -->
+
−
<i class="icon-star rating"></i>
+
<p>Final Stage of Our Experiment.</p>
−
<i class="icon-star rating"></i>
+
−
<i class="icon-star rating"></i>
+
−
<i class="icon-star rating"></i>
+
−
<i class="icon-star rating"></i>
+
−
<h2></h2>
+
−
+
−
<img src="images/placeholder-avatar.jpg" alt="placeholder-avatar" class="image-center image-circle">
+
−
</li>
+
−
<li>
+
−
<!-- Quote -->
+
−
<p class="quote-symbol">&ldquo;</p>
+
−
<h2>&nbsp;</h2>
+
−
<img src="images/placeholder-avatar.jpg" alt="placeholder-avatar" class="image-center image-circle">
+
−
</li>
+
−
<li>
+
−
<!-- Quote -->
+
−
<p class="quote-symbol">&ldquo;</p>
+
−
<h2>&nbsp;</h2>
+
−
<img src="images/placeholder-avatar.jpg" alt="placeholder-avatar" class="image-center image-circle">
+
−
</li>
+
−
</ul>
+
 
</div>
 
</div>
 
</div>
 
</div>
−
</section>
 
−
 
  
 
<!-- Contact -->
 
<!-- Contact -->
−
<section id="contact" class="contact">
+
<section class="call-to-action">
−
<div class="header-inherited" style="background-image: url('images/placeholder-slide-1.jpg');">
+
<div class="row">
−
<div class="row">
+
<div class="twelve columns">
−
<div class="eight columns offset-by-two">
+
<h3>Sponsors</h3>
−
<div id="contact-slider">
+
<p>
−
<ul>
+
                                        <img src="https://static.igem.org/mediawiki/2015/d/d9/Sponsor.png" alt="sponsors">
−
<li> <a href="#"><i class="icon-facebook medium-icon white-border"></i></a>
+
</p>
−
<a href="#"><i class="icon-google-plus medium-icon white-border"></i></a>
+
−
<a href="#"><i class="icon-dribbble medium-icon white-border"></i></a>
+
−
</li>
+
−
<li>
+
−
<!-- Contact form -->
+
−
<form class="contact-form" novalidate id="contactForm">
+
−
<div class="form-column">
+
−
<input type="text" id="contactName" name="name" placeholder="Name" class="text">
+
−
<input type="email" id="contactEmail" name="email" placeholder="E-Mail" class="email">
+
−
<input type="text" id="contactPhone" name="phonenumber" placeholder="Phone" class="text">
+
−
</div>
+
−
<div class="form-column">
+
−
<textarea id="contactMessage" placeholder="Message" name="message" class="textarea"></textarea>
+
−
</div>
+
−
<button class="button white-border"></button>
+
−
</form>
+
−
<br class="clear">
+
−
<p class="script no-margin-top"><a data-rel="1" href="#" class="contactLink"><i class="icon-long-arrow-left"></i> Return to contact details</a></p>
+
−
</li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
 
</div>
 
</div>
 +
</div>
 +
</section>
 +
       
 +
        <section class="call-to-action">
 +
<div class="row">
 +
<div class="twelve columns">
 +
<h3>CONTACT US</h3>
 +
                                <p>No.436, No.6 Road, Xiasha</p>
 +
<p>Hangzhou,Zhejiang, China</p>
 +
                                <p>Phone:+8613957137482</p>
 +
                                <p>Mail:ricardo937@outlook.com</p>
 
</div>
 
</div>
 
</section>
 
</section>
  
−
<div id="modalOverlay" class="modal-overlay hide"></div>
 
−
<div id="modal" class="modal hide">
 
−
<h1 id="modalTitle">Thanks!</h1>
 
−
<p id="modalContent">We'll be in touch real soon!</p>
 
−
<p id="modalClose" class="modal-close">(Close this thing)</p>
 
−
</div>
 
  
 
<div id="loader">
 
<div id="loader">
Line 637: Line 628:
 
<div class="contact-bottom">
 
<div class="contact-bottom">
 
<p class="credit">&nbsp;</p>
 
<p class="credit">&nbsp;</p>
−
<a href="#home" class="back-to-top"><i class="icon-angle-up"></i></a>
+
<a href="#home" class="back-to-top"><i class="icon-angle-up"><img src="https://static.igem.org/mediawiki/2015/f/f7/Toptop.png"></i></a>
 
</div>
 
</div>
 
<!-- The end -->
 
<!-- The end -->
Line 643: Line 634:
  
 
<!-- Scripts -->
 
<!-- Scripts -->
−
<script src="js/lib/jquery.min.js"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/jqueryxmin?action=raw&ctype=text/javascript"></script>
−
<script src="js/lib/classie.js"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/classie?action=raw&ctype=text/javascript"></script>
−
<script src="js/lib/smoothscroll.js"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/smoothscroll?action=raw&ctype=text/javascript"></script>
−
<script src="js/lib/jquery.fittext.js"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/jqueryxfittext?action=raw&ctype=text/javascript"></script>
−
<script src="js/lib/jquery.superslides.min.js"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/jqueryxsuperslidesxmin?
−
<script src="js/lib/jquery.sudoslider.min.js"></script>
+
action=raw&ctype=text/javascript"></script>
−
<script src="js/lib/jquery.mixitup.min.js"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/jqueryxsudosliderxmin?action=raw&ctype=text/javascript"></script>
−
<script src="js/lib/jquery.magnific-popup.min.js"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/jqueryxmixitupxmin?action=raw&ctype=text/javascript"></script>
−
<script src="js/main.js"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/lib/jqueryxmagnific-popupxmin?
 +
action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:H4Z-Hangzhou/js/main?
 +
action=raw&ctype=text/javascript"></script>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 13:52, 14 September 2015

Focus - Personal Edition

  • iGEM HANGZHOU

    More accurate and distinct observation? Special fluorescent protein marker.

    LEARN MORE

  • Cancer? Autophagy?

    Find a link between them.

    Experience more

  • Human Practice

    You will see our excellent work.

  • The Truth Is Going to be revealed below.

    Experience more

Project

This is what We do

  • background

    Our IGEM research project involves study of the autophagy phenomenon by using the GFP to reveal it more clearly. The Autophagy is a biological process which acts like a recycle factory. Like you put a pop can into the trash bin and then reproduce by the factory, the procedure of autophagy just catch the aging, denaturing, damaged organelles and send them into the lysosome which degrades the organelles.

  • Health

    Autophagy is developed as a way to address the disease and maintain the health of human body. With the degradation of the denaturing cellular, our cells can have the ability to defend themselves without other medical treatment.

  • Anti-aging

    Autophagy is also capable to keep us young and strong. It is better than the cosmetic we used which may cause other problem.

  • Fight with cancer.

    Autophagy gets the potential impact to fight with cancer. However it still get some negative effect. The reaction taken place in the lysosome can consciously can unconsciously help the cancer cell to grow. It may be an efficient assist of deteriorating the denaturation of tumor cell. After all, it still play a paramount significance in the future genetic study.

Human Practice

How We do it

Environmental Impact

Since our subject is a fundamental work in this field, all the processes were finished in the laboratory. It did not bring any negative effects to our environment.

Safety

The experiment itself is totally safe. Although we met some trouble during the operation of experiment, fortunately, all the troubles did not cause any hurt to teammates or others.

Education

In order to make the public have deeper comprehending of genetic modification, we did a lecture and a questionnaire of people about GM food. The reason why we used the GM food as the topic but not the subject of our experiment was that our subject is too professional for normal people to understand.

Evaluation

We summarized and processed our statistics. It is not surprised that the students accept GM food in a much larger extent than that in general public.

Portfolio

  • E.coli&LC3
  • GFP-LC3
  • pSB1C3 as Vector
  • Fluorescent Protein Marker
  • Autophagosomes

Project details

HOW WE DO IT

Autophagy gets the potential impact to fight with cancer. However it still get some negative effect. The reaction taken place in the lysosome can consciously can unconsciously help the cancer cell to grow. It may be an efficient assist of deteriorating the denaturation of tumor cell. After all, it still play a paramount significance in the future genetic study.

Competent E.coli cell preparation

Transform pIREs2-GFP-LC3 into Competent E.coli cell

Restriction enzyme digestion: get GFP-LC3 gene fragment from pIREs2-GFP-LC3

Purification of gene fragment GFP-LC3

Ligation: GFP-LC3+PSB1C3

Transform pSB1C3-GFP-LC3 into Competent E.coli cell

Mini-prep of Plasmids PSB1C3-GFP-LC3

Electrophoresis and Sequencing

Timeline

Our work experiences

23th Dec

iGEM Intro and Potential Member Selection.

27th Jan

Brainstorming and Presentation.

5th Mar

Final Membership Confirmed.

13th Apr

ZJU Lab Permission Registration.

17th May

Discussion Conference with ZJU & Peking University.

12th Jun

PCR Operation Skills Training and Preparation for Experiment.

From Jun

Training Every Single Two weeks and Lab Work.

24th Aug

Final Stage of Our Experiment.

Sponsors

sponsors

CONTACT US

No.436, No.6 Road, Xiasha

Hangzhou,Zhejiang, China

Phone:+8613957137482

Mail:ricardo937@outlook.com

loader