Team:ITESM-Guadalajara

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(298 intermediate revisions not shown)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
-
 
<html>
<html>
-
<!--main content -->
+
<head>
-
<table width="70%" align="center">
+
 +
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +
  <meta name="description" content="Team ITESM - Guadalajara Wiki for the iGEM competition of 2014">
 +
  <meta name="keywords" content="iGEM, Chitosan, 2014, ITESM Guadalajara, Wiki">
 +
  <meta name="author" content="Irving Fernando Alvarez Vazquez, Oswaldo Avalos">
 +
  <meta name="title" content="Team ITESM - Guadalajara Wiki">
-
<!--welcome box -->
+
  <!-- External scripts -->
-
<tr>
+
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600'
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
rel='stylesheet' type='text/css'>
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
  <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
  <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700' rel='stylesheet' type='text/css'>
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
-
<br>
+
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:ITESM-Guadalajara&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
  <!-- Functionallity and behaviour JS -->
-
<!-- end welcome box -->
+
  <script>
-
<tr>  
+
-
<!--navigation menu -->
+
    $(document).ready(function(){
-
<td align="center" colspan="3">
+
-
<table  width="100%">
+
      //Loading screen functionallity
-
<tr heigth="15px"></tr>
+
      $('.loading').animate(
-
<tr heigth="75px">
+
          {opacity:0},
 +
          500,
 +
          function(){
 +
            $('.loading').attr("style", "display:none");
 +
          }
 +
      );
 +
      //Height responsiveness
 +
      $(window).resize(function() {
 +
          wheight = $(window).height();
 +
          $('.container').attr("style","height:"+(wheight)+"px;background-size:cover;");
 +
          $('.team-member-container').attr("style","height:"+wheight/2.7+"px;");
 +
      });
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
      $(window).trigger('resize');
-
<a href="https://2014.igem.org/Team:ITESM-Guadalajara"style="color:#000000">Home </a> </td>
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
      //Menu moveto container on item click functionallity
-
<a href="https://2014.igem.org/Team:ITESM-Guadalajara/Team"style="color:#000000"> Team </a> </td>
+
      $('.menu-item').on('click', function(){
 +
          $('.menu-item').removeClass('subselected');
 +
          $(this).addClass('subselected');
 +
          if($(this).attr("data")=="#top"){
 +
              $('html, body').animate({
 +
                  scrollTop: 0
 +
              }, 1000);
 +
          }else{
 +
              $('html, body').animate({
 +
                  scrollTop: $($(this).attr("data")).offset().top-70
 +
              }, 1000);
 +
          }
 +
      });
-
<td style="border:1px solid black;" align="center" height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
      //Hover of team members
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=ITESM-Guadalajara"style="color:#000000"> Official Team Profile </a></td>
+
      $('.team-member-container').on('mouseenter', function(){
 +
        $(this).children('.team-member-photo').attr("style", "background-image:url('"+$(this).attr("hover")+"');");
 +
        $(this).on('mouseleave', function(){
 +
          $(this).children('.team-member-photo').attr('style', "background-image:url('"+$(this).attr("data")+"');");
 +
        });
 +
      });
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
    });
-
<a href="https://2014.igem.org/Team:ITESM-Guadalajara/Project"style="color:#000000"> Project</a></td>
+
   
 +
  </script>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
  <style>
-
<a href="https://2014.igem.org/Team:ITESM-Guadalajara/Parts"style="color:#000000"> Parts</a></td>
+
    body,
 +
    html{
 +
      margin: 0;
 +
      padding:0;
 +
      font-family: font-family: 'Yanone Kaffeesatz', sans-serif;
 +
    }
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
    /* REMOVE UNWANTED ELEMENTS AND STYLE OTHERS */
-
<a href="https://2014.igem.org/Team:ITESM-Guadalajara/Modeling"style="color:#000000"> Modeling</a></td>
+
    .firstHeading{
 +
      display:none;
 +
    }
 +
    #top-section{
 +
      background:#48af5d;
 +
      margin-left:0 !important;
 +
      width:100%;
 +
      left:0;
 +
    }
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 
-
<a href="https://2014.igem.org/Team:ITESM-Guadalajara/Notebook"style="color:#000000"> Notebook</a></td>
 
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
    /* LOADING SCREEN */
-
<a href="https://2014.igem.org/Team:ITESM-Guadalajara/Safety"style=" color:#000000"> Safety </a></td>
+
    .loading{
 +
      position:fixed;
 +
      width:100%;
 +
      height:100%;
 +
      top:0;
 +
      left:0;
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
      z-index:5;
-
<a href="https://2014.igem.org/Team:ITESM-Guadalajara/Attributions"style="color:#000000"> Attributions </a></td>
+
 +
      background-color:#555;
 +
      color:#fff;
 +
      text-align: center;
 +
    }
 +
    .loading p{
 +
      position: relative;
 +
      width:100%;
 +
      height:10%;
 +
      top:45%;
 +
      left:0;
 +
    }
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
    /* MENU STYLING */
-
</tr>
+
    .menu{
-
</table>
+
      position:fixed;
 +
      width:100%;
 +
      height:56px;
 +
      top:14px;
 +
      background-color: #47a3da;
-
<!--end navigation menu -->
+
      z-index:4;
-
</tr>
+
 +
      border-collapse: collapse;
 +
      text-align:center;
 +
    }
 +
    .menu tr td{
 +
      text-align: center;
 +
      vertical-align: middle;
-
</tr>
+
      font-weight: 700;
 +
      font-size:16px;
 +
      color:#fff;
 +
      width:7%;
 +
    }
 +
    .menu tr td.menu-item:hover{
 +
      background-color:#258ecd;
 +
      cursor: pointer;
 +
    }
 +
    .subselected{
 +
      background-color: #258ecd;
 +
    }
 +
 
 +
    /* CONTAINERS STYLING */
 +
    .container{
 +
      position:relative;
 +
      width:100%;
 +
      top:50px;
 +
    }
 +
    .container .subcontainer{
 +
      position:absolute;
 +
      width:95%;
 +
      height:90%;
 +
      top:5%;
 +
      left:2.5%;
 +
    }
 +
    #top{
 +
      background-size: cover;
 +
      background-image: url("http://i1191.photobucket.com/albums/z475/alex0892/Guadalajara%20Minerva/171120111899.jpg");
 +
      overflow:hidden;
 +
    }
 +
 
 +
    /* TEAM MEMBERS CARDS STYLING */
 +
    .team-member-container{
 +
      position:relative;
 +
      width:14%;
 +
      margin-left:2.28%;
 +
 
 +
      float:left;
 +
    }
 +
    .team-member-container:hover{
 +
      cursor:pointer;
 +
    }
 +
    .row2{
 +
      top:4%;
 +
    }
 +
    .team-member-container .team-member-photo{
 +
      position:relative;
 +
      width:100%;
 +
      height:85%;
 +
      top:0;
 +
      left:0;
 +
      background-size: cover;
 +
    }
 +
    .team-member-container .team-member-footer{
 +
      position:relative;
 +
      width:100%;
 +
      height:15%;
 +
      top:0;
 +
      left:0;
 +
 
 +
      border:none;
 +
      border-collapse: collapse;
 +
      background-color: #47a3da;
 +
      color:#fff;
 +
 
 +
      text-align: center;
 +
      vertical-align: middle;
 +
    }
 +
 
 +
body {
 +
    padding-top: 110px;
 +
}
 +
 
 +
.center-block {
 +
  display: block;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
}
 +
 
 +
 
 +
.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);
 +
 
 +
}
 +
 
 +
.faceBot{
 +
  background: #202020;
 +
}
 +
 
 +
@font-face {
 +
  font-family: 'Open Sans', Arial;;
 +
}
 +
 
 +
body
 +
{
 +
    font-family: 'Open Sans', Arial;
 +
}
 +
 
 +
ul.nav a{
 +
  color: gray;
 +
  background-color: transparent;
 +
  height: 100%;
 +
  position: relative;
 +
}
 +
 
 +
ul.nav a:hover{
 +
  color: gray;
 +
  background-color: transparent;
 +
  height: 100%;
 +
  position: relative;
 +
}
 +
 
 +
h2 {
 +
  color:green;
 +
}
 +
 
 +
h4 {
 +
    font-weight: bold;
 +
}
 +
 
 +
.menu-item{
 +
  height: 75px;
 +
}
 +
 
 +
li.menu-item{
 +
  background: transparent !important;
 +
}
 +
 
 +
.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;
 +
}
 +
 
 +
.invertir:hover {
 +
  -webkit-filter: invert(100%);
 +
}
 +
  </style>
 +
 
 +
 
 +
 
 +
</head>
 +
 
 +
<body>
 +
 
 +
 
 +
<div class="navbar navbar-fixed-top" style="margin-top:10px">
 +
  <nav class="navbar-inner">
 +
  <div class="row">
 +
  <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-6" >
 +
      <ul class="nav navbar-nav" style="margin-top:30px">
 +
        <li class="menu-item">
 +
          <a href="https://2014.igem.org/Team:ITESM-Guadalajara">
 +
            <span>Home</span>
 +
            <span class="green-effect"></span>
 +
          </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>
 +
</div>
 +
  </nav>
 +
</div>
 +
 
 +
<div class="row">
 +
</div>
 +
<div>
 +
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="width:100%">
 +
  <!-- Indicators -->
 +
  <ol class="carousel-indicators">
 +
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
 +
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
 +
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
 +
  </ol>
   
   
 +
  <!-- Wrapper for slides -->
 +
  <div class="carousel-inner">
 +
    <div class="item active">
 +
      <img src="https://static.igem.org/mediawiki/2014/f/f8/BIOPHRAMEGDLminerva.jpg">
 +
    </div>
 +
    <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/7/7c/BIOPHRAMEGDLpuente.jpg">
 +
    </div>
 +
    <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/9/9f/BIOPHRAMEGDLtec.jpg">
 +
    </div>
 +
  </div>
 +
 +
  <!-- Controls -->
 +
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
 +
    <span class="glyphicon glyphicon-chevron-left img-rounded"></span>
 +
  </a>
 +
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
 +
    <span class="glyphicon glyphicon-chevron-right img-rounded"></span>
 +
  </a>
 +
</div> <!-- Carousel -->
 +
</div>
 +
 +
 +
<div class="row center-block"><div class="col-md-3 col-md-offset-3"><img src="https://static.igem.org/mediawiki/2014/4/45/BioPhrame_logo.png"></div> <div class="col-md-3"><h1 class="text-success">iGEM Wiki</h1></div>
 +
</div>
 +
<div class="col-md-6 col-md-offset-3 text-justify">
-
</td>
 
-
<tr> <td colspan="3"  height="15px"> </td></tr>
 
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
 
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
 +
<p>
 +
Biophrame Technologies focuses in innovating, developing and improving technologies based on synthetic biology to create optimized and sustainable industrial processes which can guarantee quality products for our customers.</p>
-
<!--requirements section -->
+
<p>
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
We believe the biotechnology we develop can help us not only to optimize time and resources, but to take care of the environment and improve the lives in our community, both regional and global. That is why raw material used in our processes is waste from other industrial process of other companies.</p>
-
<tr>
+
-
<td width="45%"  valign="top">  
+
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
<video width="100%" height="500px" controls> <source type="video/mp4" src="https://static.igem.org/mediawiki/2014/b/b7/BIOPHRAMEGDLpitch.mp4"></video>
-
<!-- Links to other team pages -->
+
<hr/>
-
<ul>
+
<h2>OUR PRODUCT</h2>
-
<li><a href="https://2014.igem.org/Team:ITESM-Guadalajara">Home</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Team">Team</a> </li>
+
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=ITESM-Guadalajara">Official Team Profile</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Project">Project</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Parts">Parts</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Modeling">Modeling</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Notebook">Notebook</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Attributions">Attributions</a> </li>
+
-
</ul>
+
<center><img src="https://static.igem.org/mediawiki/2014/4/44/BIOPHRAMEbiokProducts.jpg" width="50%"></center>
-
</td>
+
<p>
 +
Our main product is 'BioK' chitosan. Chitosan is a natural fiber product with multiple applications in pharmaceuticals, agrochemicals, water treatment, textile finishing, food, cosmetics, pulp and paper, photography and tissue engineering. BioK is the result of a biological production process based on genetically modified organisms which is productive, cost effective and waste reductive. In our process, chitin extracted from shrimp shells waste undergoes a process of demineralization, deproteinization and deacetilatyion by the action of two bacteria. The behavior of these bacteria is controlled by induced temperature changes, guaranteeing no chemical use in the process.</p>
-
<td > </td>
 
-
<td width="45%">
 
-
<p>There are a few wiki requirements teams must follow:</p>
 
-
<ul>
 
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload">  2014.igem.org server</a>. </li>
 
-
<li>All pages must be created under the team’s name space.</li>
 
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
 
-
<li>Do not use flash in wiki code. </li>
 
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
 
-
</ul>
 
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
 
-
</td>
 
-
</tr>
 
 +
<video width="100%" height="500px" controls> <source type="video/mp4" src="https://static.igem.org/mediawiki/2014/f/f2/BIOPHRAMEGDLchitosanProcess.mp4"></video>
-
<tr> <td colspan="3"  height="15px"> </td></tr>
 
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
 
 +
<p>
 +
We are strategically located in Guadalajara, the second most populated city in Mexico and responsible of 7% of national gross domestic product. Our goal in the long term is to fulfil the Mexican demand of medium and high purity chitosan and to become the first Mexican exporter of high purity chitosan. We want to create dream jobs for young Mexican engineers and export our biotechnology worldwide.</p>
-
<!--tips  -->
+
</div></br>
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
-
<tr>
+
<div class="col-md-12 center-block">
-
<td width="45%" valign="top">  
+
<div class="col-md-2 col-md-offset-3"><a href="http://www.itesm.mx/wps/wcm/connect/Campus/GDA/Guadalajara/" ><img src="https://static.igem.org/mediawiki/2014/9/93/BIOPHRAMEGDLLogo_tecnologicoDeMonterrey-300x168.jpg"  data-toggle="tooltip"  title="ITESM Guadalajara"></a></div>
-
<p>We are currently working on providing teams with some easy to use design templates.
+
<div class="col-md-2"><a href="https://2014.igem.org/Main_Page">
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
<img src="https://static.igem.org/mediawiki/2014/b/b0/BIOPHRAMEGDLLogo_igem-300x168.jpg" data-toggle="tooltip"  title="iGEM"></a></div>
 +
<div class="col-md-2"><a href="http://sergionc.com/web/"><img src="https://static.igem.org/mediawiki/2014/3/33/BIOPHRAMEGDLLogo_sergionc-300x168.jpg" data-toggle="tooltip"  title="Sergionc Video Mapping"></a></div>
 +
</div>
 +
<?php
 +
echo "hola";
 +
?>
 +
<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&amp;width&amp;height=258&amp;colorscheme=dark&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:258px;" allowTransparency="true"></iframe></div>
 +
</div>
-
<ul>
 
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
 
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
 
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
 
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
 
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
 
-
</ul>
 
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a>  lists. </p>
 
-
</td>
 
-
<td> </td>
+
</body>
-
<td width="45%">  
+
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
<script>
 +
    $('.carousel').carousel({
 +
        interval: 2000
 +
    })
 +
</script>
-
<ul>
+
</html>
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
-
<li>Have lots of fun! </li>
+
-
</ul>
+
-
</br>
+
-
</td>
+
-
</tr>
+
-
</table>
+

Latest revision as of 03:21, 18 October 2014

iGEM Wiki

Biophrame Technologies focuses in innovating, developing and improving technologies based on synthetic biology to create optimized and sustainable industrial processes which can guarantee quality products for our customers.

We believe the biotechnology we develop can help us not only to optimize time and resources, but to take care of the environment and improve the lives in our community, both regional and global. That is why raw material used in our processes is waste from other industrial process of other companies.


OUR PRODUCT

Our main product is 'BioK' chitosan. Chitosan is a natural fiber product with multiple applications in pharmaceuticals, agrochemicals, water treatment, textile finishing, food, cosmetics, pulp and paper, photography and tissue engineering. BioK is the result of a biological production process based on genetically modified organisms which is productive, cost effective and waste reductive. In our process, chitin extracted from shrimp shells waste undergoes a process of demineralization, deproteinization and deacetilatyion by the action of two bacteria. The behavior of these bacteria is controlled by induced temperature changes, guaranteeing no chemical use in the process.

We are strategically located in Guadalajara, the second most populated city in Mexico and responsible of 7% of national gross domestic product. Our goal in the long term is to fulfil the Mexican demand of medium and high purity chitosan and to become the first Mexican exporter of high purity chitosan. We want to create dream jobs for young Mexican engineers and export our biotechnology worldwide.



Biophrame Technologies is a biotech company and manufacturer specialized in the production of Chitosan.