Team:ITESM-Guadalajara/Technology
From 2014.igem.org
(Difference between revisions)
(65 intermediate revisions not shown) | |||
Line 199: | Line 199: | ||
body { | body { | ||
- | padding-top: 110px; | + | padding-top: 110px; |
+ | line-height: 1.8em; | ||
} | } | ||
Line 210: | Line 211: | ||
.navbar-fixed-top { | .navbar-fixed-top { | ||
- | + | background: #fff; | |
- | + | filter: none !important; | |
- | + | box-shadow: 0 2px 15px rgba(0,0,0,0.25); | |
- | + | -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.25); | |
- | + | -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.25); | |
border-bottom: 1px solid rgba(0,0,0,0.2); | border-bottom: 1px solid rgba(0,0,0,0.2); | ||
Line 220: | Line 221: | ||
.faceBot{ | .faceBot{ | ||
- | background: | + | background: #202020; |
} | } | ||
Line 232: | Line 233: | ||
} | } | ||
ul.nav a{ | ul.nav a{ | ||
- | + | color: gray; | |
- | background-color: transparent; | + | background-color: transparent; |
+ | height: 100%; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | li.menu-item{ | ||
+ | background: transparent !important; | ||
+ | } | ||
+ | |||
+ | ul.nav a:hover { | ||
+ | background-color: transparent; | ||
} | } | ||
- | |||
- | |||
h2 { | h2 { | ||
- | + | color: #008000; | |
+ | padding-top: 0.5em; | ||
+ | padding-bottom: 1.5em; | ||
+ | border-bottom: 1px solid #AAA; | ||
+ | margin-bottom: 30px; | ||
} | } | ||
Line 246: | Line 259: | ||
} | } | ||
+ | .menu-item{ | ||
+ | height: 75px; | ||
+ | } | ||
+ | |||
+ | .green-effect{ | ||
+ | display: none; | ||
+ | background-color: #4AAF51; | ||
+ | opacity: 1; | ||
+ | color: #FFF; | ||
+ | transition-property: all; | ||
+ | transition-duration: 0.3s; | ||
+ | transition-timing-function: ease-out; | ||
+ | transition-delay: 0s; | ||
+ | border-color: #288D30; | ||
+ | position: absolute; | ||
+ | bottom: 0px; | ||
+ | width: 100%; | ||
+ | height: 2px; | ||
+ | right: 0px; | ||
+ | } | ||
+ | |||
+ | a:hover .green-effect{ | ||
+ | display: inherit; | ||
+ | } | ||
+ | |||
+ | li.tab a{ | ||
+ | height: inherit; | ||
+ | } | ||
+ | hr{ | ||
+ | margin-top: 60px; | ||
+ | margin-bottom: 60px; | ||
+ | } | ||
+ | |||
+ | li.left_menu_item a{ | ||
+ | height: inherit; | ||
+ | padding: 6px 7px 7px 0px; | ||
+ | } | ||
+ | |||
+ | li.left_menu_item a:hover{ | ||
+ | color:#4AAF51; | ||
+ | } | ||
+ | |||
+ | li.left_menu_item_selected a{ | ||
+ | height: inherit; | ||
+ | padding: 6px 7px 7px 0px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | li.left_menu_item_selected{ | ||
+ | width: 100%; | ||
+ | border-radius: 0px; | ||
+ | border-top: 1px solid #D3CDCD; | ||
+ | border-bottom: 1px solid #D3CDCD; | ||
+ | } | ||
+ | |||
+ | .margeniz{ | ||
+ | border-left: 1px solid #D3CDCD; | ||
+ | padding-left: 50px; | ||
+ | } | ||
+ | .invertir:hover { | ||
+ | -webkit-filter: invert(100%); | ||
+ | } | ||
+ | </style> | ||
- | |||
Line 260: | Line 335: | ||
<div class="row"> | <div class="row"> | ||
<div class="col-md-2"></div> | <div class="col-md-2"></div> | ||
- | + | <div class="col-md-3"><a href="https://2014.igem.org/Team:ITESM-Guadalajara"><img class="inicioLogo" src="https://static.igem.org/mediawiki/2014/5/55/BioPhrameIgem_logo.png" height="100" width="auto" ></a></div> | |
<div class="col-md-1"></div> | <div class="col-md-1"></div> | ||
- | |||
<div class="col-md-6" > | <div class="col-md-6" > | ||
<ul class="nav navbar-nav" style="margin-top:30px"> | <ul class="nav navbar-nav" style="margin-top:30px"> | ||
- | <li><a href="https://2014.igem.org/Team:ITESM-Guadalajara">Home</a></li> | + | <li class="menu-item"> |
- | <li><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Company">The Company</a></li> | + | <a href="https://2014.igem.org/Team:ITESM-Guadalajara"> |
- | <li><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Team">Team</a></li> | + | <span>Home</span> |
- | <li><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Contact">Contact</a></li> | + | <span class="green-effect"></span> |
- | <li><a href="https://2014.igem.org/Main_Page">iGEM 2014</a></li> | + | </a> |
+ | </li> | ||
+ | <li class="menu-item"> | ||
+ | <a href="https://2014.igem.org/Team:ITESM-Guadalajara/Company"> | ||
+ | <span>The Company</span> | ||
+ | <span class="green-effect"></span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="menu-item"> | ||
+ | <a href="https://2014.igem.org/Team:ITESM-Guadalajara/Team"> | ||
+ | <span>Team</span> | ||
+ | <span class="green-effect"></span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="menu-item"> | ||
+ | <a href="https://2014.igem.org/Team:ITESM-Guadalajara/Contact"> | ||
+ | <span>Contact</span> | ||
+ | <span class="green-effect"></span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="menu-item"> | ||
+ | <a href="https://2014.igem.org/Main_Page"> | ||
+ | <span>iGEM 2014</span> | ||
+ | <span class="green-effect"></span> | ||
+ | </a> | ||
+ | </li><li class="menu-item"> | ||
+ | <a href="https://2014.igem.org/Team:ITESM-Guadalajara/Notebook"> | ||
+ | <span>Notebook</span> | ||
+ | <span class="green-effect"></span> | ||
+ | </a> | ||
+ | </li><li> | ||
+ | <a href="http://www.facebook.com/biophrame"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/3/30/BIOPHRAMEGDLFacebookF.png" height="20" width="auto" class="invertir img-rounded"> | ||
+ | </a></li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
</nav> | </nav> | ||
</div> | </div> | ||
- | + | <div class="main-content"> | |
- | <div class="col-md-2 col-md-offset-2"> | + | <div class="col-md-2 col-md-offset-2 left_menu"> |
- | <ul class="nav nav-pills nav-stacked | + | <ul class="nav nav-pills nav-stacked text-right"> |
- | + | <li class="left_menu_item"><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Company">The Company</a></li> | |
- | + | <li class="left_menu_item"><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Product">Our Product</a></li> | |
- | + | <li class="left_menu_item_selected"><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Technology">Our Technology</a></li> | |
- | + | </ul> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ul> | + | |
- | </div> | + | |
<div class="col-md-6 margeniz"> | <div class="col-md-6 margeniz"> | ||
- | <h2>OUR | + | <h2>OUR TECHNOLOGY</h2> |
- | <h4> | + | <h4>Technology fundament</h4> |
- | <p> | + | <p align="justify">The current production process of Chitosan from shrimp shell takes place through three main steps: demineralization (removal of calcium carbonate), deproteinization (removal of proteins) and deacetylation (removal of N-acetyl group), using strong acids and alkalis at high temperatures for several hours as shown in the figure below (Raafat & Sahl, 2009) (Bristow, 2012) (Ortiz Rodríguez, 2013).</p> |
- | + | ||
- | < | + | <img src="https://static.igem.org/mediawiki/2014/7/7e/BIOPHRAMEchemicalprocess.jpg" width="650" height="370"> |
- | + | <p align="justify">This means that large quantities of toxic chemicals (such as hydrochloric acid, acetic acid and sodium hydroxide) are released to the environment, damaging the aquatic flora and fauna; furthermore, this process has the inconveniences that cannot guarantee a standard quality of the product, it is expensive (since it requires chemical reagents in each Chitosan production cycle) and the access to it is restricted by the production seasonality of current producers.</p> | |
- | <p> | + | |
- | < | + | <img src="https://static.igem.org/mediawiki/2014/1/11/BIOPHRAMEdisadvantajeschemicalprocess.jpg" width="650" height="370"> |
- | < | + | <p align="justify">Therefore, in order to solve these problems, Biophrame Technologies has proposed a novel method using the same three steps described previously to produce Chitosan from shrimp shell, but instead of using chemical substances, use two bacteria fermentations with two microorganisms: <i>B. subtilis</i> and a modified <i>E. coli</i> (see figure below)</p> |
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | < | + | <img src="https://static.igem.org/mediawiki/2014/3/3e/BIOPHRAMEbiotechprocess.jpg" width="650" height="370"> |
- | < | + | |
- | + | <hr/> | |
- | </ | + | </div> |
- | + | <div class="col-md-12 faceBot"></br><div class="col-md-2 col-md-offset-3"><img src="https://static.igem.org/mediawiki/2014/e/ef/Biophrame_logo_footer_500x150.png" class="img-responsive"><small style="color:white">Biophrame Technologies is a biotech company and manufacturer specialized in the production of Chitosan.</small></div> | |
- | + | <div class="col-md-2"> | |
- | + | <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fbiophrame&width&height=258&colorscheme=dark&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:258px;" allowTransparency="true"></iframe></div> | |
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
- | < | + | |
- | < | + | |
- | </ | + | |
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 05:30, 11 January 2015