Team:HIT-Harbin

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{HIT-Harbin/hidden}}
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
<head>
+
    <head>
 +
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
 +
        <title>HIT-Harbin</title>
-
<!-- Basic Page Needs
+
        <!-- CSS Imports -->
-
================================================== -->
+
        <link href="css/prettyPhoto.css" media="screen" rel="stylesheet" type="text/css" />
-
<meta charset="utf-8">
+
        <link href="css/nivo-slider.css" media="screen" rel="stylesheet" type="text/css" />
-
<title>Team:HIT-Harbin</title>
+
        <link href="css/style.css" media="screen" rel="stylesheet" type="text/css" />
 +
    </head>
-
<!-- Mobile Specific
+
    <body>
-
================================================== -->
+
-
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
-
<!-- CSS
+
        <div id="root">
-
================================================== -->
+
-
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:HIT-Harbin/css/style.css?action=raw&ctype=text/css" />
+
-
<!-- Web Fonts
+
            <!-- HEADER START -->
-
================================================== -->
+
-
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'>
+
-
<!-- JS
+
            <div id="header">
-
================================================== -->
+
                <div class="header-bar">
-
<script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+
                    <div id="logo">
-
<script type='text/javascript' src="https://2013.igem.org/Team:HIT-Harbin/js/jquery.flexslider.js?action=raw&ctype=text/javascript"></script>
+
                        <h1><a href="#">HIT-Harbin</a></h1>
-
</head>
+
                    </div>
-
<body>
+
-
<div id="header">
+
-
<!-- 960 Container -->
+
                    <ul id="menu">
-
<div class="container">
+
                        <li class="current-menu-item">
-
<div class="four columns">
+
                            <a href="index.html">Home</a>
-
<div id="logo"><a href="#"><img src="images/logo.png" alt="" class="address_contact" /></a></div>
+
                            <ul class="sub-menu">
-
</div>
+
                                <li><a href="homepage-ver2.html">Homepage ver 2</a></li>
 +
                                <li><a href="homepage-ver3.html">Homepage ver 3</a></li>
 +
                                <li><a href="sidebar-layouts.html">Sidebar layouts</a></li>
 +
                                <li><a href="gallery.html">Gallery page</a></li>
 +
                                <li><a href="column-layouts.html">Column layouts</a></li>
 +
                                <li><a href="column-layouts-sidebar.html">Column layouts + sidebar</a></li>
 +
                                <li>
 +
                                    <a href="#" class="more">Another submenu</a>
 +
                                    <ul class="sub-menu">
 +
                                        <li><a href="#">Sample links</a></li>
 +
                                        <li><a href="#">For you</a></li>
 +
                                        <li><a href="#">To enjoy</a></li>
 +
                                    </ul>
 +
                                </li>
 +
                            </ul>
 +
                        </li>
 +
                        <li>
 +
                            <a href="portfolio.html">Portfolio</a>
 +
                            <ul class="sub-menu">
 +
                                <li><a href="portfolio-ver2.html">2 columns</a></li>
 +
                                <li><a href="portfolio-sidebar.html">Portfolio + sidebar</a></li>                               
 +
                                <li><a href="portfolio-single.html">Single page</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li>
 +
                            <a href="blog.html">Blog</a>
 +
                            <ul class="sub-menu">
 +
                                <li><a href="blog-single.html">Blog single page</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li><a href="services.html">Services</a></li>
 +
                        <li>
 +
                            <a href="#"><span>Mega Menu</span></a>
 +
                            <div class="pixel-mega-menu four-columns">
 +
                                <ul class="sub-menu">
 +
                                    <li class="fourth-column">
 +
                                        <h4>Sample menu</h4>
 +
                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 +
                                        <ul class="sub-menu">
 +
                                            <li><a href="#">Custom Shortcodes</a></li>
 +
                                            <li><a href="#">Video demo</a></li>
 +
                                            <li><a href="#" class="last">Submenu item 3</a></li>
 +
                                            <li><a href="#" class="last">Custom Shortcodes</a></li>
 +
                                        </ul>
 +
                                    </li>
 +
                                    <li class="fourth-column">
 +
                                        <h4>Another sample menu</h4>
 +
                                        <ul class="sub-menu">
 +
                                            <li><a href="#">Shortcodes</a></li>
 +
                                            <li><a href="#">Video demo</a></li>
 +
                                            <li><a href="#" class="last">Submenu item 3</a></li>
 +
                                        </ul>
 +
                                    </li>
 +
                                    <li class="fourth-column">
 +
                                        <h4>Shortcodes</h4>
 +
                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
 +
                                    </li>
 +
                                    <li class="fourth-column last">
 +
                                        <h4>Shortcodes</h4>
 +
                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
 +
                                    </li>
-
<div class="twelve columns">
+
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li><a href="contact.html">Contact</a></li>
 +
                    </ul>
 +
                </div>
-
<!-- Menu -->
+
                <div id="subheader-bar">
-
<div id="navigation">
+
-
<ul>
+
-
<li><a id="current" href="#">Home</a></li>
+
-
<li><a href="https://2013.igem.org/Team:HIT-Harbin/Team">Team</a>
+
-
<ul>
+
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=HIT-Harbin">Official Team Profile</a></li>
+
-
<li><a href="https://2013.igem.org/Team:HIT-Harbin/Team">HIT IGEMers</a></li>
+
-
<li><a href="https://2013.igem.org/Team:HIT-Harbin/Team">Advisors</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2013.igem.org/Team:HIT-Harbin/Project">Project</a>
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:HIT-Harbin/Project">Overview</a></li>
+
-
<li><a href="https://2013.igem.org/Team:HIT-Harbin/Project">Background</a></li>
+
-
<li><a href="https://2013.igem.org/Team:HIT-Harbin/Project">Modeling</a></li>
+
-
<li><a href="https://2013.igem.org/Team:HIT-Harbin/Project">Attributions</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2013.igem.org/Team:HIT-Harbin/Parts">Parts</a></li>
+
-
<li><a href="https://2013.igem.org/Team:HIT-Harbin/Notebook">Notebook</a></li>
+
-
<li><a href="https://2013.igem.org/Team:HIT-Harbin/Safety">Safety</a></li>
+
-
<li><a href="https://2013.igem.org/Team:HIT-Harbin/Human_practices">Human Practice</a></li>
+
-
</ul>
+
-
</div>  
+
-
</div>
+
                    <div class="site-description">This could be a short description line of the site. Very useful.</div>
-
</div>
+
-
</div>
+
-
<!-- 960 Container -->
+
                </div>
-
<div class="container">
+
            </div> <!-- END HEADER -->
-
<!-- Tagline -->
+
            <!-- CONTENT START -->
-
<div class="sixteen columns">
+
-
<div id="tagline">
+
-
<p>Welcome to <a href="#">HIT-Harbin</a></p>
+
-
</div>
+
-
</div>
+
 +
            <div id="content">               
 +
                <div class="mainarea">
-
</div>
+
                <!-- NIVO SLIDER -->
-
<!-- End 960 Container -->
+
-
<div class="container">
+
                <div class="px-slider-wrapper" id="slider">
 +
                    <div class="px-slider nivoSlider">
 +
                        <a href="default.htm"><img src="images/demo-images/slider-img-1.jpg" alt="" title="#slider-caption-1" /></a>
 +
                        <img src="images/demo-images/slider-img-2.jpg" title="#slider-caption-2" alt="" />
 +
                        <a href="default.htm"><img src="images/demo-images/slider-img-3.jpg" alt="" title="This is a caption demo" /></a>
 +
                        <img src="images/demo-images/slider-img-4.jpg" alt="" title="This is another caption demo" />
 +
                        <a href="default.htm"><img src="images/demo-images/slider-img-5.jpg" alt="" title="#slider-caption-3" /></a>
 +
                    </div>
-
<div class="sixteen columns"><h2 class="related-title"><span>PROJECT DESCRIPTION</span></h2></div>
+
                    <div id="slider-caption-1" class="nivo-html-caption">
 +
                        <span class="caption-title">Vivid coloring</span>
 +
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.
 +
                    </div>
 +
                    <div id="slider-caption-2" class="nivo-html-caption">
 +
                        <span class="caption-title">Sample title</span>
 +
                        <span>This</span> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
 +
                    </div>
 +
                    <div id="slider-caption-3" class="nivo-html-caption">
 +
                        <span class="caption-title">Simple questions</span>
 +
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit.
 +
                    </div>
 +
                </div>
-
<div id="pro_des" style="text-align: center; font-weight: bold; font-size: large; color: #006600; padding:
+
                <!-- CALL TO ACTION BOX -->
-
5px;">
+
                <div class="cta-box">
-
Biological Proportional Operational MU-circuit
+
                    <a href="#" class="custom-button">Learn More</a>
-
</div>
+
                    <p>You can promote your files here just by following some easy stepts.</p>
-
<div id="instructions" style="text-align: central; font-weight: normal; font-size: medium; color: #000088;
+
                </div>
-
padding: 5px;">
+
                <!-- SITE FEATURES -->
-
<p>In 1990s, Eric Mjolsness and several researchers developed the concept of genetic circuit from
+
-
electronic circuits, to facilitate research in modeling gene expression and regulation (Mjolsness, Sharp et al. 1991, McAdams and
+
                <h6 class="hashed"><span>Site features</span></h6>
 +
                <div class="multi-columns">
 +
                    <div class="fourth">
 +
                        <div class="custom-headline">Quicker installation</div>
 +
                        <img src="images/clock-icon.png" alt="" class="alignleft icon" />
 +
                        <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor.</p>
 +
                        <a href="#" class="more-button">more</a>
 +
                    </div>
 +
                    <div class="fourth">
 +
                        <div class="custom-headline">Great navigation</div>
 +
                        <img src="images/compass-icon.png" alt="" class="alignleft icon" />
 +
                        <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor.</p>
 +
                        <a href="#" class="more-button">more</a>
 +
                    </div>
 +
                    <div class="fourth">
 +
                        <div class="custom-headline">Easy to configure</div>
 +
                        <img src="images/mouse-icon.png" alt="" class="alignleft icon" />
 +
                        <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor.</p>
 +
                        <a href="#" class="more-button">more</a>
 +
                    </div>
 +
                    <div class="fourth last">
 +
                        <div class="custom-headline">Monthly updates</div>
 +
                        <img src="images/clock-icon.png" alt="" class="alignleft icon" />
 +
                        <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor.</p>
 +
                        <a href="#" class="more-button">more</a>
 +
                    </div>
 +
                </div>
-
Shapiro 1995, Reinitz and Sharp 1996, Sharp and Reinitz 1998). Upon the inspiration, Ron Weiss, a computer engineer of MIT,
+
                <!-- RECENT WORK -->
-
constructed an AND-gate genetic circuit in 2001 (Weiss, Knight et al. 2001). Based on Weiss鈥? pioneering result, the team of Jeff
+
                <h6 class="hashed"><span>Recent work</span></h6>
 +
                <div class="multi-columns recent-work">
 +
                    <div class="third">
 +
                        <a href="#" class="image-holder preload">
 +
                            <span class="image-zoom"></span>
 +
                            <img src="images/demo-images/recent-work-img1.jpg" alt="" class="aligncenter" />
 +
                        </a>
 +
                        <div class="custom-headline"><a href="#">My first work</a></div>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 +
                    </div>
 +
                    <div class="third">                       
 +
                        <a href="#" class="image-holder preload">
 +
                            <span class="image-zoom"></span>
 +
                            <img src="images/demo-images/recent-work-img2.jpg" alt="" class="aligncenter" />
 +
                        </a>
 +
                        <div class="custom-headline"><a href="#">My second work</a></div>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 +
                    </div>
 +
                    <div class="third last">
 +
                        <a href="#" class="image-holder preload">
 +
                            <span class="image-zoom"></span>
 +
                            <img src="images/demo-images/recent-work-img3.jpg" alt="" class="aligncenter" />
 +
                        </a>
 +
                        <div class="custom-headline"><a href="#">My third work</a></div>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 +
                    </div>
 +
                </div>
 +
               
 +
                </div>
 +
            </div><!-- END CONTENT -->
-
Hasty took IPTG (isopropyl 尾-D-1-Thiogalactopyranoside) and aTc (anhydrotetracycline) as the inputs and GFP (green fluorescent
+
            <!-- FOOTER START -->
-
protein) as the output; demonstrating the AND-gate circuit in a more lucid and applicable way (Hasty, McMillen et al. 2002). In
+
            <div id="footer">
 +
                <div class="wrapper960">
 +
                    <div class="multi-columns">
-
2005, to investigate the prospect of genetic circuit, Oliver Rackham proved that other kinds of logic circuits are feasible by
+
                        <div class="third footer-sidebar-1">
 +
                            <div class="widget">
 +
                                <h6 class="hashed"><span>Archives</span></h6>
 +
                                <ul>
 +
                                    <li><a href="#">December 2011</a></li>
 +
                                    <li><a href="#">November 2011</a></li>
 +
                                    <li><a href="#">June 2011</a></li>
 +
                                </ul>
 +
                            </div>
-
orthogonal topological structures (Rackham and Chin 2005). In 2013 iGEM, we inherit the idea of resembling electronic circuits. By
+
                            <div class="widget">
 +
                                <h6 class="hashed"><span>Categories</span></h6>
 +
                                <ul>
 +
                                    <li><a href="#">Barriers</a></li>
 +
                                    <li><a href="#">Design Tips &amp; Tricks</a></li>
 +
                                    <li><a href="#">Manipulating images</a></li>
 +
                                </ul>
 +
                            </div>
 +
                        </div>
-
incorporating AND/OR gate and operational amplifier into one circuit, we create our device-Biological Proportional Operational Mu-
+
                        <div class="third footer-sidebar-2">
 +
                            <div class="widget dribble-shots-widget">
 +
                                <h6 class="hashed"><span>Dribble shots</span></h6>
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="#"><img src="images/demo-images/dribble-img1.jpg" alt="" /></a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#"><img src="images/demo-images/dribble-img2.jpg" alt="" /></a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#"><img src="images/demo-images/dribble-img3.jpg" alt="" /></a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#"><img src="images/demo-images/dribble-img4.jpg" alt="" /></a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#"><img src="images/demo-images/dribble-img5.jpg" alt="" /></a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#"><img src="images/demo-images/dribble-img5.jpg" alt="" /></a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#"><img src="images/demo-images/dribble-img5.jpg" alt="" /></a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#"><img src="images/demo-images/dribble-img5.jpg" alt="" /></a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </div>
-
circuit (B-POM).</p>
+
                        <div class="third footer-sidebar-3 last">
-
<br/>
+
                            <div class="widget twitter-widget">
-
<p>In comparison with Weiss鈥? invention, B-POM has only one homogeneous or heterogeneous input and output.
+
                                <h6 class="hashed"><span>Twitter</span></h6>
 +
                                <ul>
 +
                                    <li>
 +
                                        <p><a href="#">@Yojimbo</a>Why is everything "lil" in the music industry. Especially when the artist that goes with that name is an ugly son of a bitch.</p>
 +
                                        <span class="twitdate">20 hours ago</span>
 +
                                    </li>
 +
                                    <li class="last">
 +
                                        <p><a href="#">@Zatoichi</a>Listening to 'Why Not Sell Physical Stuff With Digital Media ? <a href="#">http://www.copyblogger.com/online-marketing-physical-products/</a> via <a href="#">@copyblogger</a></p>
 +
                                        <span class="twitdate">24 hours ago</span>
 +
                                    </li>
 +
                                </ul>
 +
                                <a href="#" class="custom-button">Follow us on Twitter</a>
 +
                            </div>
 +
                        </div>
-
Besides, multiple magnitudes of input are distinguishable by the new circuit, and a given input corresponds to a certain output.
+
                    </div>
 +
                </div>
 +
            </div><!-- END FOOTER -->
-
Moreover, whereas general genetic circuits are vulnerable to the noise of cellular background, B-POM seems more interference-free,
+
            <!-- SUBFOOTER START -->
-
implicating the prominent stability of our device.</p>
+
            <div id="subfooter">
-
<br/>
+
                <div class="wrapper960">
-
<p>In applications, we plan to enhance Bio-electric Interface, the device designed by 2012 Edinburg iGEM team. If the
+
                    <div class="copyright-note">Hajimari © All rights reserved 2013.</div>
 +
                    <ul class="subfooter-menu">
 +
                        <li><a href="#">Home</a></li>
 +
                        <li><a href="#">Portfolio</a></li>
 +
                        <li><a href="#">Blog</a></li>
 +
                        <li><a href="#">Contact</a></li>
 +
                    </ul>
 +
                </div>
 +
            </div><!-- END SUBFOOTER -->
-
input is biochemical signal molecules and the output become electrons, B-POM can be coupled with Bio-electric Interface, that
 
-
ephemeral processes in cells will be precisely measurable by simple electronic methods and analyzable by computer. B-POM is also
+
        </div>
-
helpful in yoghurt producing, where the control of pH is inaccurate. When B-POM is transplanted into yoghurt-producing bacteria,
 
-
let hydrogen ions be the input and lacR be the output, and select the proper B-POM parameters, then the pH will be steady around
+
        <!-- JAVASCRIPT Imports -->
-
5.5. In short, our inspired and reliable device is promising in various fields.</p>
+
        <script type="text/javascript" src="js/jquery/jquery-all.min.js"></script>
-
</div>
+
        <script type="text/javascript" src="js/jquery/jquery.color.js"></script>
-
<div align="center">
+
        <script type="text/javascript" src="js/cufon/cufon-yui.js"></script>
-
<img src="https://static.igem.org/mediawiki/2013/c/c6/HIT-Harbin_Project_Schematic.png" />
+
        <script type="text/javascript" src="js/cufon/Bebas_5F400.font.js"></script>
-
<h3>Figure : A Schematic of the Biological Proportional Operational MU-circuit </h3>
+
        <script type="text/javascript" src="js/jquery/jquery.roundabout.min.js"></script>
-
</div>
+
        <script type="text/javascript" src="js/jquery/jquery.nivo.slider.pack.js"></script>
-
</div>
+
        <script type="text/javascript" src="js/jquery/jquery.jcarousel.min.js"></script>
-
</div>
+
        <script type="text/javascript" src="js/jquery/jquery.prettyPhoto.js"></script>
 +
        <script type="text/javascript" src="js/main.js"></script>
 +
        <script type="text/javascript"> Cufon.now(); </script>
-
<!-- Back To Top Button -->
+
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
-
<div id="backtotop"><a href="#"></a></div>
+
</body>
</body>
</html>
</html>

Revision as of 06:59, 22 September 2013

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HIT-Harbin

Vivid coloring Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.
Sample title This is an example of a HTML caption with a link.
Simple questions Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Learn More

You can promote your files here just by following some easy stepts.

Site features
Quicker installation

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor.

more
Great navigation

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor.

more
Easy to configure

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor.

more
Monthly updates

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor.

more
Recent work

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.