Team:HIT-Harbin

From 2013.igem.org

(Difference between revisions)
 
(34 intermediate revisions not shown)
Line 1: Line 1:
 +
{{HIT-Harbin/hidden}}
 +
{{HIT-Harbin/header}}
<html>
<html>
     <head>
     <head>
Line 14: Line 16:
         <div id="root">
         <div id="root">
-
            <!-- HEADER START -->
 
-
             <div id="header">
+
             <!-- CONTENT START -->
-
                <div class="header-bar">
+
-
                    <div id="logo">
+
-
                        <h1><a href="#">HIT-Harbin</a></h1>
+
-
                    </div>
+
-
 
+
-
                    <ul id="menu">
+
-
                        <li class="current-menu-item">
+
-
                            <a href="index.html">Home</a>
+
-
                            <ul class="sub-menu">
+
-
                                <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>
+
-
 
+
-
                                </ul>
+
-
                            </div>
+
-
                        </li>
+
-
                        <li><a href="contact.html">Contact</a></li>
+
-
                    </ul>
+
-
                </div>
+
 +
            <div id="content">
                 <div id="subheader-bar">
                 <div id="subheader-bar">
 +
                    <div class="site-description"><h4><span class="colored">Home</span></h4></div>
-
                    <div class="site-description">This could be a short description line of the site. Very useful.</div>
+
                 </div>                 
-
 
+
-
                 </div>
+
-
            </div> <!-- END HEADER -->
+
-
 
+
-
            <!-- CONTENT START -->
+
-
 
+
-
            <div id="content">                 
+
                 <div class="mainarea">
                 <div class="mainarea">
Line 111: Line 30:
                 <div class="px-slider-wrapper" id="slider">
                 <div class="px-slider-wrapper" id="slider">
                     <div class="px-slider nivoSlider">
                     <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="https://static.igem.org/mediawiki/2013/8/8d/Backpg1.jpg" alt="" title="#slider-caption-1" />
-
                         <img src="images/demo-images/slider-img-2.jpg" title="#slider-caption-2" alt="" />
+
                         <img src="https://static.igem.org/mediawiki/2013/7/78/Ilovehit.png" 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="https://static.igem.org/mediawiki/2013/0/05/800px-Shiyanshi1_1.jpg" alt="" title="Our Laboratory" />
-
                         <img src="images/demo-images/slider-img-4.jpg" alt="" title="This is another caption demo" />
+
                         <img src="https://static.igem.org/mediawiki/2013/2/27/Heying3.jpg" alt="" title="This is our team" />
-
                         <a href="default.htm"><img src="images/demo-images/slider-img-5.jpg" alt="" title="#slider-caption-3" /></a>
+
                         <img src="https://static.igem.org/mediawiki/2013/c/c3/Xuanjiang.JPG" alt="" title="#slider-caption-3" /></a>
                     </div>
                     </div>
                     <div id="slider-caption-1" class="nivo-html-caption">
                     <div id="slider-caption-1" class="nivo-html-caption">
-
                         <span class="caption-title">Vivid coloring</span>
+
                         <span class="caption-title"><a href="http://en.hit.edu.cn" target="_blank">Harbin Institute of Technology</a></span>
-
                         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.
+
                         Being strict in qualifications for graduates; making every endeavor in educating students.
                     </div>
                     </div>
                     <div id="slider-caption-2" class="nivo-html-caption">
                     <div id="slider-caption-2" class="nivo-html-caption">
-
                         <span class="caption-title">Sample title</span>
+
                         <span class="caption-title">I Love You</span>
-
                         <span>This</span> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
+
                         <span>HIT.
                     </div>
                     </div>
                     <div id="slider-caption-3" class="nivo-html-caption">
                     <div id="slider-caption-3" class="nivo-html-caption">
-
                         <span class="caption-title">Simple questions</span>
+
                         <span class="caption-title">Presentation in NEAU</span>
-
                         Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+
                         Northeast Agricultural University
                     </div>
                     </div>
                 </div>
                 </div>
-
                <!-- CALL TO ACTION BOX -->
 
 +
                <div class="multi-columns">
 +
                <h4 class="hashed"><span>B-POM: Biological proportional operational Mu-circuit</span></h4>
 +
<p>The following picture is the whole design of our circuit.</p>
 +
<div align="center">
 +
<img src="https://static.igem.org/mediawiki/2013/7/75/HIT-Harbin_Project_Andgate.png" width="500" />
 +
<p>Figure 1 : A Schematic of the Biological Andgate</p>
 +
</div>
 +
<p>As showed in Fig. 1, a protein complex HrpRS is formed following the combination of HrpS and HrpR. HrpRS then binds to the promoter hrpL, triggering transcription of the downstream gene. Two inducible promoters--the isopropylthiogalactoside (IPTG)-inducible Plac and the arabinose-inducible PBAD...</p>
 +
 +
 +
                </div>
 +
               
                 <div class="cta-box">
                 <div class="cta-box">
-
                     <a href="#" class="custom-button">Learn More</a>
+
                     <a href="https://2013.igem.org/Team:HIT-Harbin/Project" class="custom-button">Learn More</a>
-
                     <p>You can promote your files here just by following some easy stepts.</p>
+
                     <p>Click here and get more details about our project.</p>
                 </div>
                 </div>
-
                <!-- SITE FEATURES -->
 
-
                <h6 class="hashed"><span>Site features</span></h6>
+
<h6 class="hashed"><span>B-POM</span></h6>
                 <div class="multi-columns">
                 <div class="multi-columns">
                     <div class="fourth">
                     <div class="fourth">
-
                         <div class="custom-headline">Quicker installation</div>
+
                         <div class="custom-headline">Cooperation</div>
-
                         <img src="images/clock-icon.png" alt="" class="alignleft icon" />
+
                         <img src="https://static.igem.org/mediawiki/2013/1/11/111.jpg" 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>
+
                         <p>The HIT-Harbin team is composed of 21 motivated students across a wide range of academic backgrounds this year:from freshman to senior, from biology to electromechanics. The identical dream...</p>
-
                         <a href="#" class="more-button">more</a>
+
                         <a href="https://2013.igem.org/Team:HIT-Harbin/Team" class="more-button" target="_blank">more</a>
                     </div>
                     </div>
                     <div class="fourth">
                     <div class="fourth">
-
                         <div class="custom-headline">Great navigation</div>
+
                         <div class="custom-headline">Modules</div>
-
                         <img src="images/compass-icon.png" alt="" class="alignleft icon" />
+
                         <img src="https://static.igem.org/mediawiki/2013/3/36/222.jpg" 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>
+
                         <p>It was done using JCat(Java Codon Adaptation Tool)[1],CAI-Value of the sequence before optimization:0.2736. GC-Content of the sequence before optimization:59.17%...</p>
-
                         <a href="#" class="more-button">more</a>
+
                         <a href="https://2013.igem.org/Team:HIT-Harbin/Parts" class="more-button" target="_blank">more</a>
                     </div>
                     </div>
                     <div class="fourth">
                     <div class="fourth">
-
                         <div class="custom-headline">Easy to configure</div>
+
                         <div class="custom-headline">Documents</div>
-
                         <img src="images/mouse-icon.png" alt="" class="alignleft icon" />
+
                         <img src="https://static.igem.org/mediawiki/2013/8/8e/333.jpg" 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>
+
                         <p>Culture in MFC field to improve power generation efficiency. -Lecheng RUAN
-
                         <a href="#" class="more-button">more</a>
+
Killing cancer cells by modification of proteins. -Kunming ZHAO
 +
Improving basic engineering bacteria by in...</p>
 +
                         <a href="https://2013.igem.org/Team:HIT-Harbin/Notebook" class="more-button" target="_blank">more</a>
                     </div>
                     </div>
                     <div class="fourth last">
                     <div class="fourth last">
-
                         <div class="custom-headline">Monthly updates</div>
+
                         <div class="custom-headline">Security</div>
-
                         <img src="images/clock-icon.png" alt="" class="alignleft icon" />
+
                         <img src="https://static.igem.org/mediawiki/2013/d/d4/444.jpg" 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>
+
                         <p>Risks to the safety and health of team members or others working in the lab? No risk. All that we use in our lab are harmless to workers under normal conditions. Once we finished... </p>
-
                         <a href="#" class="more-button">more</a>
+
                         <a href="https://2013.igem.org/Team:HIT-Harbin/Safety" class="more-button" target="_blank">more</a>
                     </div>
                     </div>
                 </div>
                 </div>
-
                 <!-- RECENT WORK -->
+
                 <h4 class="hashed"><span>Sponsors</span></h4>
-
 
+
<div class="multi-columns">
-
                <h6 class="hashed"><span>Recent work</span></h6>
+
-
                <div class="multi-columns recent-work">
+
                     <div class="third">
                     <div class="third">
-
                        <a href="#" class="image-holder preload">
+
<p></p>
-
                            <span class="image-zoom"></span>
+
<a href="http://en.hit.edu.cn/">
-
                            <img src="images/demo-images/recent-work-img1.jpg" alt="" class="aligncenter" />
+
<img  src="https://static.igem.org/mediawiki/2012/c/c8/HIT-logo.jpg">
-
                        </a>
+
</a>
-
                        <div class="custom-headline"><a href="#">My first work</a></div>
+
</div>
-
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
<div class="third">
-
                    </div>
+
<a href="http://food.hit.edu.cn/">
-
                    <div class="third">                      
+
<img src="https://static.igem.org/mediawiki/2012/1/13/HIT-Food.jpg">
-
                        <a href="#" class="image-holder preload">
+
</a>
-
                            <span class="image-zoom"></span>
+
</div>
-
                            <img src="images/demo-images/recent-work-img2.jpg" alt="" class="aligncenter" />
+
<div class="third last">
-
                        </a>
+
<a href="http://hituc.hit.edu.cn:2011/out.do?viewType=outViewIndex">
-
                        <div class="custom-headline"><a href="#">My second work</a></div>
+
<img  src="https://static.igem.org/mediawiki/2012/c/c5/J1.JPG">
-
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
</a>
-
                    </div>
+
</div>
-
                    <div class="third last">
+
</div>
-
                        <a href="#" class="image-holder preload">
+
<div class="multi-columns">
-
                            <span class="image-zoom"></span>
+
<div class="third">
-
                            <img src="images/demo-images/recent-work-img3.jpg" alt="" class="aligncenter" />
+
<a href="http://www.international.hit.edu.cn/">
-
                        </a>
+
<img  src="https://static.igem.org/mediawiki/2012/9/97/J2.JPG">
-
                        <div class="custom-headline"><a href="#">My third work</a></div>
+
</a>
-
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
</div>
-
                    </div>
+
<div class="third">
-
                </div>
+
<a href="http://syxy.hit.edu.cn/">
-
               
+
<img src="https://static.igem.org/mediawiki/2012/9/9c/J3.JPG">
-
                </div>
+
</a>
 +
</div>
 +
<div class="third last">
 +
<a href="http://student.hit.edu.cn/">
 +
<img  src="https://static.igem.org/mediawiki/2012/8/87/J4.JPG">
 +
</a>
 +
</div>
 +
</div>
 +
<div class="multi-columns">
 +
<div class="third">
 +
<a href="http://www.hlje.net/">
 +
<img src="https://static.igem.org/mediawiki/2012/d/d8/J5.JPG">
 +
</a>
 +
</div>
 +
<div class="third">
 +
<a href="http://jcxb.hit.edu.cn/">
 +
<img  src="https://static.igem.org/mediawiki/2012/e/e5/J6.JPG">
 +
</a>
 +
 
 +
</div>
 +
</div>            
             </div><!-- END CONTENT -->
             </div><!-- END CONTENT -->
-
            <!-- FOOTER START -->
+
                  
-
 
+
-
            <div id="footer">
+
-
                 <div class="wrapper960">
+
-
                    <div class="multi-columns">
+
-
 
+
-
                        <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>
+
-
 
+
-
                            <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>
+
-
 
+
-
                        <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>
+
-
 
+
-
                        <div class="third footer-sidebar-3 last">
+
-
                            <div class="widget twitter-widget">
+
-
                                <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>
+
-
 
+
-
                    </div>
+
-
                </div>
+
-
            </div><!-- END FOOTER -->
+
-
 
+
-
            <!-- SUBFOOTER START -->
+
-
 
+
-
            <div id="subfooter">
+
-
                <div class="wrapper960">
+
-
                    <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 -->
+
-
 
+
         </div>
         </div>
-
         <!-- JAVASCRIPT Imports -->
+
          
-
 
+
-
        <script type="text/javascript" src="https://2013.igem.org/Team:HIT-Harbin/js/jquery/jquery-all.min.js?action=raw&ctype=text/javascript"></script>
+
-
        <script type="text/javascript" src="https://2013.igem.org/Team:HIT-Harbin/js/jquery/jquery.color.js?action=raw&ctype=text/javascript"></script>
+
-
        <script type="text/javascript" src="https://2013.igem.org/Team:HIT-Harbin/js/cufon/cufon-yui.js?action=raw&ctype=text/javascript"></script>
+
-
        <script type="text/javascript" src="https://2013.igem.org/Team:HIT-Harbin/js/cufon/Bebas_5F400.font.js?action=raw&ctype=text/javascript"></script>
+
-
        <script type="text/javascript" src="https://2013.igem.org/Team:HIT-Harbin/js/jquery/jquery.roundabout.min.js?action=raw&ctype=text/javascript"></script>
+
-
        <script type="text/javascript" src="https://2013.igem.org/Team:HIT-Harbin/js/jquery/jquery.nivo.slider.pack.js?action=raw&ctype=text/javascript"></script>
+
-
        <script type="text/javascript" src="https://2013.igem.org/Team:HIT-Harbin/js/jquery/jquery.jcarousel.min.js?action=raw&ctype=text/javascript"></script>
+
-
        <script type="text/javascript" src="https://2013.igem.org/Team:HIT-Harbin/js/jquery/jquery.prettyPhoto.js?action=raw&ctype=text/javascript"></script>
+
-
        <script type="text/javascript?action=raw&ctype=text/javascript" src="https://2013.igem.org/Team:HIT-Harbin/js/main.js"></script>
+
-
 
+
-
        <script type="text/javascript"> Cufon.now(); </script>
+
-
 
+
-
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
+
</body>
</body>
</html>
</html>

Latest revision as of 22:33, 27 September 2013

HIT-Harbin

HIT-Harbin

Home

Harbin Institute of Technology Being strict in qualifications for graduates; making every endeavor in educating students.
I Love You HIT.
Presentation in NEAU Northeast Agricultural University

B-POM: Biological proportional operational Mu-circuit

The following picture is the whole design of our circuit.

Figure 1 : A Schematic of the Biological Andgate

As showed in Fig. 1, a protein complex HrpRS is formed following the combination of HrpS and HrpR. HrpRS then binds to the promoter hrpL, triggering transcription of the downstream gene. Two inducible promoters--the isopropylthiogalactoside (IPTG)-inducible Plac and the arabinose-inducible PBAD...

Learn More

Click here and get more details about our project.

B-POM
Cooperation

The HIT-Harbin team is composed of 21 motivated students across a wide range of academic backgrounds this year:from freshman to senior, from biology to electromechanics. The identical dream...

more
Modules

It was done using JCat(Java Codon Adaptation Tool)[1],CAI-Value of the sequence before optimization:0.2736. GC-Content of the sequence before optimization:59.17%...

more
Documents

Culture in MFC field to improve power generation efficiency. -Lecheng RUAN Killing cancer cells by modification of proteins. -Kunming ZHAO Improving basic engineering bacteria by in...

more
Security

Risks to the safety and health of team members or others working in the lab? No risk. All that we use in our lab are harmless to workers under normal conditions. Once we finished...

more

Sponsors