Difference between revisions of "Team:SDSZ China"

Line 1: Line 1:
 +
<!DOCTYPE html>
 +
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
 +
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
 +
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
 +
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
 +
<head>
  
 +
<!-- Basic Page Needs
 +
  ================================================== -->
 +
<meta charset="utf-8">
 +
<title>igem</title>
 +
<meta name="description" content="">
 +
<meta name="author" content="">
 +
<!--[if lt IE 9]>
 +
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
 +
<![endif]-->
  
 +
<!-- Mobile Specific Metas
 +
  ================================================== -->
 +
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
  
−
{{SDSZ_China}}
+
<!-- CSS
−
<html>
+
  ================================================== -->
 +
<link rel="stylesheet" href="css/base.css">
 +
<link rel="stylesheet" href="css/skeleton.css">
 +
<link rel="stylesheet" href="css/screen.css">
 +
    <link rel="stylesheet" href="css/mediaelementplayer.css" />
 +
    <!--[if IE 7]>
 +
        <link rel="stylesheet" href="stylesheets/ie7.css">
 +
    <![endif]-->
  
 +
<!-- Favicons
 +
================================================== -->
 +
<link rel="shortcut icon" href="images/favicon.ico">
 +
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
 +
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
 +
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
 +
   
 +
    <!-- Fonts
 +
================================================== -->
 +
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic,300,300italic' rel='stylesheet' type='text/css'>
 +
   
 +
    <!-- Scripts
 +
================================================== -->
 +
    <script src="js/jquery-1.7.min.js" type="text/javascript"></script>
 +
    <script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
 +
    <script src="js/jquery.animate-colors-min.js" type="text/javascript"></script>
 +
    <!--/***********************************************
 +
    * Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
 +
    * This notice MUST stay intact for legal use
 +
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
 +
    ***********************************************/-->
 +
    <script src="js/ddsmoothmenu.js" type="text/javascript"></script>
 +
    <script src="js/jquery.cssAnimate.mini.js" type="text/javascript"></script>
 +
    <script src="js/jquery.fitvids.js" type="text/javascript"></script>
 +
    <script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
 +
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
 +
    <script src="js/mediaelement-and-player.min.js"></script>
 +
    <script src="js/screen.js" type="text/javascript"></script>
 +
   
 +
</head>
  
−
</body>
+
<body>
  
−
<h1> Welcome to iGEM SDSZ_China! </h1>
+
<!-- Site Backgrounds
−
</br>
+
================================================== -->
−
<t>Chitin is an abundant natural macromolecular substances in the exoskeleton of arthropods. It could be converted by deacetylation to chitosan, which is -1, 4- polymer of 2-glucosamine. Chitosan is significantly soluble and bioactive, being widely used in medicine, cosmetics, food industry, water treatment and chemical industry. Treated with concentrated alkali, the current technology of chitosan production is deficient, unstable, squandering of energy, and, especially, contaminative.
+
−
According to a currently promising technology of deacetylation using chitin-active enzymes, we found out that Chitin Deacetylase (CDA) could hydrolyze the acetamino group on chitin, directly yielding chitin, and the only industrial-available source of chitin is the especially high-crystallized chitin from shell of crustacea like shrimp and crab. In order to applicate enzymolysis method to industry, separation, identification and production of crystal-chitin-active-enzymes is crucial, both promoting industrialization and giving instruction to scientific research.
+
    <!-- Change to class="poswrapheaderline wide" and class="headerline full" for a full-width header line -->
−
In our research, we chose several CDA and chitinase sequences, synthesized them, complemented them with respective domains, and cultivated them in plasmid pET-28a. After inserting plasmids into competent cells and searching for optimal induction condition for expression, we would finally find out maximum viability and put the research to model for factory production.
+
<div class="poswrapheaderline"><div class="headerline"></div></div>
−
</t>
+
    <!-- Remove or uncomment depending on if you want a background image or tile -->
−
 
+
    <div class="tiledbackground"></div>
 +
    <!--img src="images/bg.jpg" alt="" id="background" /-->
 +
    <!-- Change to class="poswrapper wide" and class="whitebackground full" for a full-width site background -->
 +
    <div class="poswrapper"><div class="whitebackground"></div></div>
 +
 
 +
<div class="container main portfolio4column">
 +
   
 +
        <!-- Header | Logo, Menu
 +
================================================== -->
 +
 +
<div class="sixteen columns header"> <a href="index.html" class="logohover"></a><img src="../20300543111029144359322273525_s.png" width="100" height="66">
 +
  <div class="mainmenu">
 +
    <div id="mainmenu" class="ddsmoothmenu">
 +
      <ul>
 +
        <li><a href="#">Project over view<br/><span>Info About Us</span></a>
 +
          <ul> 
 +
            <li><a href="index.html">Home Layout</a></li>
 +
                                  <li><a href="index_alternative.html">Another Layout Example</a></li>
 +
                                  <li><a href="index_noslider.html">No Slider</a></li>
 +
            </ul>
 +
          </li>
 +
        <li><a href="#">Experiment A<br/><span>What We Offer</span></a>
 +
          <ul>
 +
            <li><a href="page_about.html">About / Services</a></li>
 +
                              <li><a href="page_pricing.html">Pricing</a></li>
 +
                                  <li><a href="page_clients.html">Clients</a></li>
 +
                                  <li><a href="page_faq.html">FAQ</a></li>
 +
                                  <li><a href="page_full.html">Full Page & Background Image</a></li>
 +
                                  <li><a href="page_sidebar_left.html">Sidebar Left Page</a></li>
 +
                                  <li><a href="page_sidebar_right.html">Sidebar Right Page</a></li>
 +
                                  <li><a href="#">Another Menu Level</a>
 +
                                    <ul> 
 +
                                      <li><a href="#">Menu Entry One</a></li>
 +
                                          <li><a href="#">Menu Entry Two</a></li>
 +
                                          <li><a href="#">Menu Entry Three</a></li>
 +
                                    </ul>
 +
                                  </li>
 +
            </ul>
 +
          </li>
 +
        <li><a href="#">Experiment B<br/><span>See Our Work</span></a>
 +
          <ul> 
 +
            <li><a href="portfolio_4column.html">Portfolio Four Columns</a></li>
 +
                                  <li><a href="portfolio_1column_full.html">Portfolio Full</a></li>
 +
                                  <li><a href="portfolio_single.html">Project Detail Page</a></li>
 +
            </ul>
 +
          </li>
 +
        <li><a href="#">Machines<br/><span>Latest News</span></a>
 +
          <ul> 
 +
            <li><a href="blog_overview.html">Blog Overview</a></li>
 +
                                  <li><a href="blog_single.html">Single Blog Post</a></li>
 +
                                  <li><a href="blog_overview_full.html">Blog Overview Full</a></li>
 +
                                  <li><a href="blog_single_full.html">Single Blog Post Full</a></li>
 +
            </ul>
 +
          </li>
 +
        <li><a href="contact.html">Model<br/><span>Get In Touch</span></a></li>
 +
        <li><a href="contact.html">Human Practice<br/><span>Get In Touch</span></a></li>    
 +
        </ul>
 +
                      <br style="clear: left" />
 +
      </div>
 +
                 
 +
                <!-- Responsive Menu -->
 +
   
 +
    <form id="responsive-menu" action="#" method="post">
 +
      <select>
 +
        <option value="">Navigation</option>
 +
        </select>
 +
      </form>
 +
 
 +
          </div>
 +
  </div>
 +
       
 +
        <!-- Page Title And Social
 +
================================================== -->
 +
       
 +
<div class="pagetitle">
 +
        <div class="pagetitleholder"><h1>Blog with Sidebar.</h1></div>
 +
            <div class="socialholder">
 +
            <ul class="socialicons">
 +
                <li><a href="#" class="social_facebook"></a><div>Facebook</div></li>
 +
                    <li><a href="#" class="social_twitter"></a><div>Twitter</div></li>
 +
                    <li><a href="#" class="social_googleplus"></a><div>GooglePlus</div></li>
 +
                    <li><a href="#" class="social_vimeo"></a><div>Vimeo</div></li>
 +
                    <li><a href="#" class="social_rss"></a><div>RSS Feed</div></li>
 +
                    <li><a href="#" class="social_linkedin"></a><div>LinkedIn</div></li>
 +
                    <li>
 +
                      <div>Flickr</div></li>
 +
                    <li><a href="#" class="social_youtube"></a><div>Youtube</div></li>
 +
                    <li>
 +
                      <div>Pinterest</div></li>
 +
                </ul>
 +
</div>
 +
            <!--div class="pagetitlebackground"></div-->
 +
        </div>
 +
       
 +
        <!-- No Slider Spacer
 +
================================================== -->
 +
       
 +
        <div class="sixteen columns nosliderspacer"></div>
 +
       
 +
        <!-- Content Holder -->
 +
        <!-- Sidebar
 +
        ================================================== --><!-- Space Adjuster
 +
        ================================================== -->
 +
       
 +
        <div class="sixteen columns bottomadjust"></div>
 +
 
 +
</div><!-- container -->
 +
 
 +
<!-- Footer
 +
================================================== -->
 +
 +
    <!-- Change to class="container footerwrap full" for a full-width footer -->
 +
<div class="container footerwrap">
 +
   
 +
    <div class="footerclose"></div>
 +
   
 +
        <div class="footer">
 +
        <div class="sixteen columns">
 +
 
 +
               
 +
                <div class="four columns clearfix widget alpha">
 +
                  <h5>&nbsp;</h5>
 +
                  <div style="float: left; width:100%;">
 +
  <!-- Twitter Embedded Timeline Markup Replace Here Start --><!-- Twitter Embedded Timeline Markup Replace Here End -->
 +
  </div>
 +
              </div>
 +
               
 +
                <div class="four columns widget">
 +
                  <div class="widget_blogposts">
 +
                    <ul>
 +
                        <li class="clearfix">
 +
                            <a href="#" class="borderhover"><img src="images/thumbs/pop_blog1.jpg" alt="" /></a>
 +
                                <div class="postlink"><a href="#"></a></div>
 +
                                <div class="subline"></div>
 +
                            </li>
 +
                        <li class="clearfix">
 +
                            <a href="#" class="borderhover"><img src="images/thumbs/pop_blog2.jpg" alt="" /></a>
 +
                                <div class="postlink"><a href="#"></a></div>
 +
                                </li>
 +
                        <li class="clearfix">
 +
                            <a href="#" class="borderhover"><img src="images/thumbs/pop_blog3.jpg" alt="" /></a>
 +
                                <div class="postlink"><a href="#"></a></div>
 +
                                </li>
 +
                        <li class="clearfix">
 +
                            <a href="#" class="borderhover"><img src="images/thumbs/pop_blog4.jpg" alt="" /></a>
 +
                                <div class="postlink"><a href="#"></a></div>
 +
                                <div class="subline"></div>
 +
                            </li>
 +
                    </ul>
 +
                        <div class="clear"></div>
 +
                  </div>
 +
              </div>
 +
                         
 +
                <div class="four columns widget">
 +
                    <h5>&nbsp;</h5>
 +
                    <div class="widget_text">
 +
                      <p>&nbsp;</p>
 +
                      <p>&nbsp;</p>
 +
                      <p>&nbsp;</p>
 +
                      <p>&nbsp;</p>
 +
                      <p>&nbsp;</p>
 +
                      <p>&nbsp;</p>
 +
                      <p>&nbsp;</p>
 +
                      <p>&nbsp;</p>
 +
                    </div>
 +
                </div>
 +
 
 +
                <div class="four columns widget omega">
 +
                    <h5>QUICK CONTACT</h5>
 +
                    <div class="widget_quickcontact">
 +
                        <form id="quickcontact" method="post" action="#">
 +
                        <input type="text" name="name" id="quickcontact_name" class="requiredfield" onFocus="if(this.value == 'Name *') { this.value = ''; }" onBlur="if(this.value == '') { this.value = 'Name *'; }" value='Name *'/>
 +
                        <input type="text" name="email" id="quickcontact_email" class="requiredfield" onFocus="if(this.value == 'Email *') { this.value = ''; }" onBlur="if(this.value == '') { this.value = 'Email *'; }" value='Email *'/>
 +
                        <textarea name="message" id="quickcontact_message" class="requiredfield" onFocus="if(this.value == 'Message *') { this.value = ''; }" onBlur="if(this.value == '') { this.value = 'Message *'; }">Message *</textarea>
 +
                        <button type="submit" name="send">Send</button>
 +
                        <span class="errormessage">Error! Please correct marked fields.</span>
 +
                        <span class="successmessage">Message send successfully!</span>
 +
                        <span class="sendingmessage">Sending...</span>     
 +
                        </form>
 +
                    </div>
 +
                </div><div class="clear"></div>
 +
               
 +
            </div>
 +
        </div>
 +
</div><!-- container -->
 +
   
 +
    <!-- Sub-Footer
 +
================================================== -->
 +
   
 +
    <!-- Change to class="container subfooterwrap full" for a full-width subfooter -->
 +
    <div class="container subfooterwrap">
 +
   
 +
    <div class="footeropen"></div>
 +
   
 +
    <div class="subfooter"></div>
 +
</div>
 +
    </div>
 +
 
 +
<!-- End Document
 +
================================================== -->
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 06:06, 27 September 2018

<!DOCTYPE html> igem

Blog with Sidebar.

 
 

 

 

 

 

 

 

 

 

QUICK CONTACT
Error! Please correct marked fields. Message send successfully! Sending...