Team:HIT-Harbin
From 2011.igem.org
(Prototype team page) |
|||
Line 1: | Line 1: | ||
- | < | + | <html xmlns="http://www.w3.org/1999/xhtml"> |
+ | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> | ||
+ | <title>Intech Growth</title> | ||
+ | <style> | ||
+ | /* CSS Document */ | ||
+ | body{padding:0px; margin:0px; background:#554D49; color:#B6B6B6; font:14px/20px Arial, Helvetica, sans-serif;} | ||
+ | div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;} | ||
+ | ul{list-style-type:none;} | ||
- | + | /*----TOP PANEL----*/ | |
- | + | #maintopPan{height:322px; background:url(https://static.igem.org/mediawiki/2011/8/8b/Topbg.gif) 0 0 repeat-x;} | |
- | + | #logoPan{width:778px; height:83px; position:relative; margin:0 auto; background:url(https://static.igem.org/mediawiki/2011/a/ab/Logopanel-bg.gif) 0 0 no-repeat;} | |
- | + | #logoPan img{width:171px; height:42px; position:absolute; top:41px; left:304px;} | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #headerPan{width:660px; height:189px; position:relative; margin:0 auto; background:url(https://static.igem.org/mediawiki/2011/5/5e/Header.jpg) 100% 0 no-repeat; padding:16px 0 0;} | |
+ | #headerPan ul{width:75px;} | ||
+ | #headerPan ul li{width:75px; height:51px;} | ||
+ | #headerPan ul li.sidenavpadding{padding:18px 0 0;} | ||
+ | #headerPan ul li.hom a{width:75px; height:51px; display:block; background:url(https://static.igem.org/mediawiki/2011/e/e9/Home-hover.gif) 0 0 no-repeat; text-indent:-20000px;} | ||
+ | #headerPan ul li.hom a:hover{background:url(images/home-hover.gif) 0 0 no-repeat;} | ||
+ | #headerPan ul li.aboutus a{width:75px; height:51px; display:block; background:url(https://static.igem.org/mediawiki/2011/d/d3/Aboutus-normal.gif) 0 0 no-repeat; text-indent:-20000px;} | ||
+ | #headerPan ul li.aboutus a:hover{background:url(images/aboutus-hover.gif) 0 0 no-repeat;} | ||
+ | #headerPan ul li.contact a{width:75px; height:51px; display:block; background:url(https://static.igem.org/mediawiki/2011/9/9b/Contactus-normal.gif) 0 0 no-repeat; text-indent:-20000px;} | ||
+ | #headerPan ul li.contact a:hover{background:url(https://static.igem.org/mediawiki/2011/d/dc/Contactus-hover.gif) 0 0 no-repeat;} | ||
- | + | /*----TOP PANEL----*/ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | /*----MENU PANEL----*/ | |
+ | #menuPan{width:778px; height:34px; position:relative; margin:0 auto;} | ||
+ | #menuPan ul{width:570px; height:34px; position:absolute; top:0px; left:149px;} | ||
+ | #menuPan ul li{float:left; text-align:center; line-height:34px; font-weight:bold;} | ||
+ | #menuPan ul li.Home{width:69px; height:34px; background:url(https://static.igem.org/mediawiki/2011/2/25/Client-hover.gif) 0 0 no-repeat #fff; color:#332D2B;} | ||
- | { | + | #menuPan ul li.Team a{width:119px; height:34px; display:block; background:url(https://static.igem.org/mediawiki/2011/2/24/Testimonials-normal.gif) 0 0 no-repeat #fff; color:#332D2B; text-decoration:none;} |
- | + | #menuPan ul li.Team a:hover{background:url(https://static.igem.org/mediawiki/2011/3/34/Testimonials-hover.gif) 0 0 no-repeat #fff; color:#332D2B; text-decoration:none;} | |
- | + | ||
- | + | #menuPan ul li.Project a{width:98px; height:34px; display:block; background:url(https://static.igem.org/mediawiki/2011/e/eb/Services-normal.gif) 0 0 no-repeat #fff; color:#332D2B; text-decoration:none;} | |
- | + | #menuPan ul li.Project a:hover{background:url(https://static.igem.org/mediawiki/2011/a/a7/Services-hover.gif) 0 0 no-repeat #fff; color:#332D2B; text-decoration:none;} | |
- | + | ||
- | + | #menuPan ul li.Parts a{width:96px; height:34px; display:block; background:url(https://static.igem.org/mediawiki/2011/5/58/Projects-normal.gif) 0 0 no-repeat #fff; color:#332D2B; text-decoration:none;} | |
- | + | #menuPan ul li.Parts a:hover{background:url(https://static.igem.org/mediawiki/2011/c/c8/Projects-hover.gif) 0 0 no-repeat #fff; color:#332D2B; text-decoration:none;} | |
- | + | ||
- | + | #menuPan ul li.Notebook a{width:103px; height:34px; display:block; background:url(https://static.igem.org/mediawiki/2011/6/61/Solutions-normal.gif) 0 0 no-repeat #fff; color:#332D2B; text-decoration:none;} | |
- | | | + | #menuPan ul li.Notebook a:hover{background:url(https://static.igem.org/mediawiki/2011/2/2f/Solutions-hover.gif) 0 0 no-repeat #fff; color:#332D2B; text-decoration:none;} |
+ | |||
+ | #menuPan ul li.Safety a{width:85px; height:34px; display:block; background:url(https://static.igem.org/mediawiki/2011/4/4a/Market-normal.gif) 0 0 no-repeat #fff; color:#332D2B; text-decoration:none;} | ||
+ | #menuPan ul li.Safety a:hover{background:url(https://static.igem.org/mediawiki/2011/b/b4/Market-hover.gif) 0 0 no-repeat #fff; color:#332D2B; text-decoration:none;} | ||
+ | |||
+ | /*----/MENU PANEL----*/ | ||
+ | |||
+ | /*----BODY TOP PANEL----*/ | ||
+ | #mainbodytopPan{background:url(https://static.igem.org/mediawiki/2011/4/4f/Bodytopbg.gif) 0 0 repeat-x #3B3532; color:#B6B6B6; margin:0 auto;} | ||
+ | #bodytopPan{width:588px; /*height:224px;*/ position:relative; margin:0 auto; padding:22px 95px 0;} | ||
+ | |||
+ | #bodytopPan h2{width:588px; height:60px; background:url(https://static.igem.org/mediawiki/2011/2/20/Image1.gif) 250px 25px no-repeat #3C3633; color:#D5D5D5; font-size:30px; line-height:60px; font-weight:normal;} | ||
+ | |||
+ | #bodytopPan p span.yellow{background:#3C3633; color:#FFD900;} | ||
+ | /*----/BODY TOP PANEL----*/ | ||
+ | |||
+ | /*----BODY PANEL----*/ | ||
+ | #mainbodyPan{background:url(https://static.igem.org/mediawiki/2011/2/20/Bodybg.gif) 0 0 repeat-x #554D49; color:#B6B6B6; margin:0 auto;} | ||
+ | |||
+ | #bodyPan{width:588px; /*height:400px;*/ background:url(https://static.igem.org/mediawiki/2011/4/43/Blog-header.jpg) 0 0 no-repeat; position:relative; margin:0 auto; padding:108px 95px 0;} | ||
+ | |||
+ | #bodyPan h3{width:500px; height:46px; display:block; background:#554D49; color:#D5D5D5; font:36px/46px Arial, Helvetica, sans-serif; font-weight:normal;} | ||
+ | #bodyPan h4{width:365px; height:54px; display:block; background:url(https://static.igem.org/mediawiki/2011/5/5b/Date.gif) 0 0 no-repeat #554D49; color:#009FC2; font-size:14px; line-height:20px; font-weight:bold; text-transform:uppercase; padding:10px 0 0 52px;} | ||
+ | #bodyPan h4 span{background:#554D49; color:#F4D000; font-size:18px; font-weight:normal; text-transform:none;} | ||
+ | |||
+ | #bodyPan h5{width:375px; height:54px; float:left; display:block; background:url(https://static.igem.org/mediawiki/2011/4/44/Date2.gif) 0 0 no-repeat #554D49; color:#009FC2; font-size:14px; line-height:20px; font-weight:bold; text-transform:uppercase; padding:10px 0 0 52px; margin:0px;} | ||
+ | #bodyPan h5 span{background:#554D49; color:#F4D000; font-size:18px; font-weight:normal; text-transform:none;} | ||
+ | |||
+ | #bodyPan p{width:430px;} | ||
+ | #bodyPan p span{background:#554D49; color:#fff;} | ||
+ | |||
+ | #bodyPan p.img1{width:143px; height:106px; display:block; background:url(https://static.igem.org/mediawiki/2011/8/86/Img1.jpg) 0 0 no-repeat; position:absolute; top:189px; right:95px;} | ||
+ | |||
+ | #bodyPan p.caption{width:588px; height:30px; font-size:27px; line-height:20px; padding:10px 0;} | ||
+ | |||
+ | #bodyPan p.comments{width:100px; height:16px; float:left; display:block; background:url(https://static.igem.org/mediawiki/2011/0/0a/Icon1.gif) 0 0 no-repeat #24201E; line-height:16px; color:#fff; padding:0 0 0 30px; margin:0 10px 0 0;} | ||
+ | #bodyPan p.comments span.no{width:23px; height:16px; background:#0F0F0F; color:#fff; margin:0 0 0 5px; text-align:center; padding:0 4px;} | ||
+ | |||
+ | #bodyPan p.continue{width:88px; height:16px; float:left; line-height:16px; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; margin:0 170px 0 0;} | ||
+ | #bodyPan p.continue a{width:88px; height:16px; display:block; background:url(https://static.igem.org/mediawiki/2011/8/88/Arrow-normal.gif) 75px 0 no-repeat #24201E; color:#009FC2; text-decoration:none; padding:0 0 0 10px;} | ||
+ | #bodyPan p.continue a:hover{background:url(images/arrow-hover.gif) 75px 0 no-repeat #24201E; color:#009FC2; text-decoration:none;} | ||
+ | |||
+ | #bodyPan p.border{width:588px; height:40px; float:left; display:block; background:url(https://static.igem.org/mediawiki/2011/9/95/Dot-line.gif) 0 20px repeat-x; margin:5px 0 0;} | ||
+ | |||
+ | #bodyPan p.img2{width:143px; height:106px; display:block; background:url(https://static.igem.org/mediawiki/2011/f/f4/Img2.jpg) 0 0 no-repeat; position:absolute; top:460px; right:95px;} | ||
+ | |||
+ | /*----FOOTER PANEL----*/ | ||
+ | #footermainPan{height:132px; background:url(https://static.igem.org/mediawiki/2011/4/42/Footerbg.gif) 0 0 repeat-x #24201E; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:86px 0 0;} | ||
+ | |||
+ | #footerPan{width:588px; position:relative; margin:0 auto;} | ||
+ | |||
+ | #footerPan ul{width:588px; height:20px; position:relative; margin:0 auto;} | ||
+ | #footerPan li{float:left; } | ||
+ | #footerPan ul li a{padding:0 10px 0; color:#fff; background:#24201E; text-decoration:none; font-size:12px;} | ||
+ | #footerPan ul li a:hover{text-decoration:underline;} | ||
+ | |||
+ | #footerPan p.copyright{width:250px; position:relative; margin:0 auto;} | ||
+ | |||
+ | #footerPan ul.templateworld{width:250px; background:#24201E; color:#fff; display:block; position:absolute; top:75px; left:200px; font-size:10px;} | ||
+ | #footerPan ul.templateworld li{height:20px;} | ||
+ | #footerPan ul.templateworld li a{background:#24201E; display:block; color:#fff; text-decoration:none; padding:0px;} | ||
+ | #footerPan ul.templateworld li a:hover{text-decoration:underline;} | ||
+ | |||
+ | #footerPanhtml{width:58px; height:23px; display:block; position:absolute; top:46px; left:200px;} | ||
+ | #footerPanhtml a{width:58px; height:23px; display:block; background:url(https://static.igem.org/mediawiki/2011/b/b9/Html-normal.gif) 0 0 no-repeat #A79040; color:#685900; font-size:13px; line-height:23px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 10px;} | ||
+ | #footerPanhtml a:hover{background:url(https://static.igem.org/mediawiki/2011/0/08/Html-hover.gif) 0 0 no-repeat #D64F00; color:#24201E;} | ||
+ | #footerPancss{width:58px; height:24px; display:block; position:absolute; top:45px; left:270px;} | ||
+ | #footerPancss a{width:49px; height:24px; display:block; background:url(https://static.igem.org/mediawiki/2011/3/34/Css-normal.gif) 0 0 no-repeat #D64F00; color:#fff; font-size:13px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 10px;} | ||
+ | #footerPancss a:hover{background:url(https://static.igem.org/mediawiki/2011/9/95/Css-hover.gif) 0 0 no-repeat #A79040; color:#fff; text-decoration:none;} | ||
+ | /*----/FOOTER PANEL----*/ | ||
+ | </style> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <div id="maintopPan"> | ||
+ | <div id="logoPan"> | ||
+ | <a href="index.html"><img src="https://static.igem.org/mediawiki/2011/e/ea/Logo.gif" title="Intech Growth" alt="Intech Growth" width="171" height="42" border="0" /></a> </div> | ||
+ | <div id="headerPan"> | ||
+ | <ul> | ||
+ | <li class="hom"><a href="#">Home</a></li> | ||
+ | <li class="aboutus sidenavpadding"><a href="#">About Us</a></li> | ||
+ | <li class="contact sidenavpadding"><a href="#">Contact Us</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div id="menuPan"> | ||
+ | <ul> | ||
+ | <li class="Home">Home</li> | ||
+ | <li class="Team"><a href="https://2011.igem.org/Team:HIT-Harbin/Team">Team</a> </li> | ||
+ | <li class="Project"><a href="https://2011.igem.org/Team:HIT-Harbin/Project">Project</a></li> | ||
+ | <li class="Parts"><a href="https://2011.igem.org/Team:HIT-Harbin/Parts">Parts</a></li> | ||
+ | <li class="Notebook"><a href="https://2011.igem.org/Team:HIT-Harbin/Notebook">Notebook</a></li> | ||
+ | <li class="Safety"><a href="https://2011.igem.org/Team:HIT-Harbin/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="mainbodytopPan"> | ||
+ | <div id="bodytopPan"> | ||
+ | <h2>Project</h2> | ||
+ | <p>Yogurts are highly accepted by consumers and play an important role as carriers of probiotics. To be effective, probiotic strains must retain their functional health characteristics all the time and to colonize the human gastrointestinal tract. There comes the problem. As a metabolically active product, the yogurt shows modifications throughout its shelf life, such as postacidification, impairing the quality of the product.</p> | ||
+ | <p> </p> | ||
+ | <p>To control the postacidification of yogurts, the supply chain which is called cold chain has been widely used. A cold chain, especially an unbroken cold chain, is an uninterrupted series of storage and distribution activities which maintain a given temperature range. However, it could be too difficult to reach the rules in developing countries. For most of the time, the yogurts in these countries are stored in the room temperature or under a cold condition which is not low enough.</p> | ||
+ | <p> </p> | ||
+ | <p>Amount of ways have been tried to control the postacidification of yogurts when stored in higher temperature. But the effects are limited. Thus, we want to construct a device in the lactic acid bacteria which could sense the pH of the environment. And when the pH has declined to a degree, the device could restrain the bacteria to produce lactic acid. This work would be full of trial and error until we get the desired effect. However, we would try our best and enjoy the fine during the research.</p> | ||
+ | <p> </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="mainbodyPan"> | ||
+ | <div id="bodyPan"> | ||
+ | <h3>About community</h3> | ||
+ | <h4>l robinson <br /> | ||
+ | <span>intech growth</span></h4> | ||
+ | <p>Lorem ipsum dolor <span>sit amet, consectetuer</span> adipiscing elit. Praesent adipiscing ipsum id nislpo. Praesent quis magna vel neque porttitor mollis. In eleifend, risus et hendrerit tempor, purusur imperdiet augu, at ullamcorper eros magna id mauris.Nunc justo lectus, luctus vitae, porttito at, fermentum sit amet, ante</p> | ||
+ | <p class="img1"><img src="https://static.igem.org/mediawiki/2011/c/c0/Blank.gif" alt="" /></p> | ||
+ | <p class="caption">porttito at fermentum sit amet ante magna idetu </p> | ||
+ | <p class="comments">Comments <span class="no">12</span></p> | ||
+ | <p class="continue"><a href="#">continue</a></p> | ||
+ | <p class="border"><img src="https://static.igem.org/mediawiki/2011/c/c0/Blank.gif" alt="" /></p> | ||
+ | <h5>l robinson <br /> | ||
+ | <span>intech growth</span></h5> | ||
+ | <p class="img2"><img src="https://static.igem.org/mediawiki/2011/c/c0/Blank.gif" alt="" /></p> | ||
+ | <p>Lorem ipsum dolor <span>sit amet, consectetuer</span> adipiscing elit. Praesent adipiscing ipsum id nislpo. Praesent quis magna vel neque porttitor mollis. In eleifend, risus et hendrerit tempor, purusur imperdiet augu, at ullamcorper eros magna id mauris.Nunc justo lectus, luctus vitae, porttito at, fermentum sit amet, ante</p> | ||
+ | <p class="caption">porttito at fermentum sit amet ante magna idetu </p> | ||
+ | <p class="comments">Comments <span class="no">15</span></p> | ||
+ | <p class="continue"><a href="#">continue</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="footermainPan"> | ||
+ | <div id="footerPan"> | ||
+ | <ul> | ||
+ | <li><a href="#">About</a>| </li> | ||
+ | <li><a href="#">Clients</a>| </li> | ||
+ | <li><a href="#">Testimonials</a>| </li> | ||
+ | <li><a href="#">Services</a>| </li> | ||
+ | <li><a href="#">Projects</a>| </li> | ||
+ | <li><a href="#">Solutions</a>| </li> | ||
+ | <li><a href="#">markets</a></li> | ||
+ | </ul> | ||
+ | <p class="copyright">﹊ntech growth. All right reserved.</p> | ||
+ | <div id="footerPanhtml"><a href="http://validator.w3.org/check?uri=referer" target="_blank">XHTML</a></div> | ||
+ | <div id="footerPancss"><a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank">css</a></div> | ||
+ | <ul class="templateworld"> | ||
+ | <li>design by:</li> | ||
+ | <li><a href="http://www.templateworld.com" target="_blank">Template World</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> |
Revision as of 03:55, 15 July 2011
Project
Yogurts are highly accepted by consumers and play an important role as carriers of probiotics. To be effective, probiotic strains must retain their functional health characteristics all the time and to colonize the human gastrointestinal tract. There comes the problem. As a metabolically active product, the yogurt shows modifications throughout its shelf life, such as postacidification, impairing the quality of the product.
To control the postacidification of yogurts, the supply chain which is called cold chain has been widely used. A cold chain, especially an unbroken cold chain, is an uninterrupted series of storage and distribution activities which maintain a given temperature range. However, it could be too difficult to reach the rules in developing countries. For most of the time, the yogurts in these countries are stored in the room temperature or under a cold condition which is not low enough.
Amount of ways have been tried to control the postacidification of yogurts when stored in higher temperature. But the effects are limited. Thus, we want to construct a device in the lactic acid bacteria which could sense the pH of the environment. And when the pH has declined to a degree, the device could restrain the bacteria to produce lactic acid. This work would be full of trial and error until we get the desired effect. However, we would try our best and enjoy the fine during the research.
About community
l robinson
intech growth
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent adipiscing ipsum id nislpo. Praesent quis magna vel neque porttitor mollis. In eleifend, risus et hendrerit tempor, purusur imperdiet augu, at ullamcorper eros magna id mauris.Nunc justo lectus, luctus vitae, porttito at, fermentum sit amet, ante
Comments 12
l robinson
intech growth
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent adipiscing ipsum id nislpo. Praesent quis magna vel neque porttitor mollis. In eleifend, risus et hendrerit tempor, purusur imperdiet augu, at ullamcorper eros magna id mauris.Nunc justo lectus, luctus vitae, porttito at, fermentum sit amet, ante
Comments 15