Difference between revisions of "Team:Ecuador/Description"

 
(21 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Ecuador}}
 
{{Ecuador}}
 
<html>
 
<html>
 +
<head>
 +
<meta charset="utf-8">
 +
<title>C-lastin, Interlab</title>
 
<style>
 
<style>
    @import url('https://fonts.googleapis.com/css?family=Questrial');
+
    *{
+
  .ecuador_abstract_container {
        margin: 0px;
+
width: 100%;
        font-family: 'Questrial', sans-serif;
+
position: relative;
    }
+
background-color: #21618C;
    @keyframes fade-in {
+
  top: 100px;
      from {
+
        opacity: 0;
+
      }
+
 
+
      to {
+
        opacity: 1;
+
      }
+
    }
+
    @keyframes slide-in {
+
      from {
+
        margin-left: -100%;
+
      }
+
 
+
      to {
+
        margin-left: 0%;
+
      }
+
    }
+
    .igem_2018_team_menu.displaying_menu {
+
      display: none;
+
    }
+
    .ecuador_menu {
+
      width: 100%;
+
      height: 100px;
+
      position: fixed;
+
      left: 0px;
+
      top: 15px;
+
      background-color: #FFFFFF;
+
      animation-name: fade-in;
+
      animation-duration: 2s;
+
      -webkit-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
+
      -moz-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
+
      box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
+
      display: flex;
+
      z-index: 5;
+
    }
+
 
+
    .ecuador_home {
+
      width: 16%;
+
      height: 100%;
+
      display: flex;
+
      justify-content: center;
+
      background-color: #154360;
+
      position: absolute;
+
      align-items: center;
+
      margin: auto auto;
+
      left: 1.5%;
+
      color: #FFF;
+
      transition: 0.5s;
+
      -webkit-box-shadow: inset -60px -33px 154px -24px rgba(33,47,60,1);
+
      -moz-box-shadow: inset -60px -33px 154px -24px rgba(33,47,60,1);
+
      box-shadow: inset -60px -33px 154px -24px rgba(33,47,60,1);
+
    }
+
 
+
    .ecuador_home:hover {
+
      cursor: pointer;
+
      font-size: 15px;
+
      background-color: #154360;
+
      box-shadow: none;
+
    }
+
 
+
    .menu_options_container {
+
      width: 79%;
+
      height: 50px;
+
      position: absolute;
+
      left: 19%;
+
      top: 25px;
+
      display: flex;
+
      justify-content: center;
+
    }
+
 
+
    .menu_option {
+
      width: 16.66%;
+
      height: 100%;
+
      position: relative;
+
      justify-content: center;
+
      align-items: center;
+
      display: flex;
+
      color: #797D7F;
+
      transition: 0.2s;
+
      text-align: center;
+
    }
+
 
+
    .ecuador_href_text {
+
      width: 16.66% !important;
+
      height: 100% !important;
+
      position: relative !important;
+
      justify-content: center !important;
+
      align-items: center !important;
+
      display: flex !important;
+
      color: #797D7F !important;
+
      transition: 0.2s !important;
+
      text-align: center !important;
+
      text-decoration: none !important;
+
    }
+
 
+
    .menu_option:hover {
+
      margin-top: 3px;
+
      cursor: pointer;
+
    }
+
 
+
    .menu_option:hover div.menu_sub_options_container{
+
      display: block;
+
    }
+
 
+
    .menu_sub_options_container {
+
      width: 90%;
+
      height: auto;
+
      position: absolute;
+
      top: 50px;
+
      background-color: #FFF;
+
      border-top: solid 1px;
+
      display: none;
+
    }
+
 
+
    .sub_menu_option {
+
      width: 100%;
+
      height: 40px;
+
      position: relative;
+
      text-align: left;
+
      text-indent: 20px;
+
      display: flex;
+
      background-color: #000;
+
      margin: auto auto;
+
      align-items: center;
+
      transition: 0.2s;
+
      color: #D5DBDB;
+
    }
+
 
+
    .sub_menu_option:hover {
+
      text-indent: 25px;
+
    }
+
    .ecuador_footer {
+
      width: 100%;
+
      height: 250px;
+
      position: absolute;
+
      left: 0px;
+
      top: 825px;
+
      background-color: #212F3C;
+
    }
+
 
+
    .ecuador_footer_igem_logo {
+
      width: 180px;
+
      height: 180px;
+
      position: absolute;
+
      right: 80px;
+
      top: 35px;
+
      background-image: url('https://static.igem.org/mediawiki/2018/5/55/T--Ecuador--iGEM--Logo--Black.png');
+
      background-size: 100%;
+
      background-repeat: no-repeat;
+
      background-position: center;
+
    }
+
 
+
    .ecuador_footer_information_layout {
+
      width: 75%;
+
      height: 80%;
+
      position: absolute;
+
      left: 60px;
+
      top: 15%;
+
      display: flex;
+
    }
+
 
+
    .ecuador_footer_information_container {
+
      width: 33.33%;
+
      height: 100%;
+
      position: relative;
+
    }
+
 
+
    .ecuador_footer_information_title_container {
+
      width: 100%;
+
      height: 25px;
+
      position: relative;
+
      top: 0px;
+
      text-align: center;
+
      font-size: 20px;
+
      font-weight: bold;
+
      color: #B2BABB;
+
    }
+
 
+
    .ecuador_follow_us_icons_container {
+
      width: 50%;
+
      height: 60px;
+
      position: relative;
+
      top: 40px;
+
      margin: auto;
+
      display: flex;
+
    }
+
 
+
    .ecuador_follow_us_icon {
+
      width: 60px;
+
      height: 60px;
+
      position: relative;
+
      margin: auto;
+
    }
+
 
+
    #facebook {
+
      background-image: url(Facebook.png);
+
      background-repeat: no-repeat;
+
      background-position: center;
+
      background-size: 80%;
+
      transition: 0.4s;
+
      border-radius: 5px;
+
    }
+
 
+
    #facebook:hover {
+
      background-image: url(Facebook_White.png);
+
      cursor: pointer;
+
    }
+
 
+
    #instagram {
+
      background-image: url(Instagram.png);
+
      background-repeat: no-repeat;
+
      background-position: center;
+
      background-size: 80%;
+
      transition: 0.4s;
+
      border-radius: 5px;
+
    }
+
 
+
    #instagram:hover {
+
      background-image: url(Instagram_White.png);
+
      cursor: pointer;
+
    }
+
 
+
    .ecuador_abstract_container {
+
      width: 100%;
+
      height: 700px;
+
      position: absolute;
+
      left: 0px;
+
      top: 125px;
+
      background-color: #21618C;
+
 
     }
 
     }
  
Line 243: Line 17:
 
       height: 70px;
 
       height: 70px;
 
       position: relative;
 
       position: relative;
      top: 30px;
+
       color: #fff;
      margin: auto;
+
       color: #FFF;
+
 
       font-size: 32px;
 
       font-size: 32px;
 
       display: flex;
 
       display: flex;
 
       justify-content: center;
 
       justify-content: center;
 
       align-items: center;
 
       align-items: center;
      animation-name: slide-in;
 
      animation-duration: 1.5s;
 
 
     }
 
     }
 +
.ecuador_img_descrip{
 +
width: 100%;
 +
height: 500px;
 +
position: relative;
 +
background-color: #FFF;
 +
background-image: url(https://static.igem.org/mediawiki/2018/thumb/c/cb/T--Ecuador--ABSTRACT--001.jpeg/1200px-T--Ecuador--ABSTRACT--001.jpeg);
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-size: 45%;
 +
}
  
 
     .ecuador_abstract_text_container {
 
     .ecuador_abstract_text_container {
 
       width: 100%;
 
       width: 100%;
       height: 400px;
+
       height: 1000px;
      top: 70px;
+
 
       position: relative;
 
       position: relative;
 +
top: 20px;
 
     }
 
     }
  
Line 268: Line 48:
 
       background-color: #21618C;
 
       background-color: #21618C;
 
       border-radius: 20px;
 
       border-radius: 20px;
       color: #BFC9CA;
+
       color: #FFF;
 
       text-align: justify;
 
       text-align: justify;
       font-size: 20px;
+
       font-size: 18px;
      animation-name: fade-in;
+
line-height: 2.3;
      animation-duration: 4.5s;
+
 
     }
 
     }
 +
 +
.ecuador_abstract_image_container {
 +
      width: 65%;
 +
      position: relative;
 +
      height: 150%;
 +
      background-image: url(https://static.igem.org/mediawiki/2018/thumb/c/cb/T--Ecuador--ABSTRACT--001.jpeg/1200px-T--Ecuador--ABSTRACT--001.jpeg);
 +
      background-position: center;
 +
      background-size: 100%;
 +
      background-repeat: no-repeat;
 +
    }
  
  </style>
 
  
  <div class="ecuador_menu">
 
    <a href="https://2018.igem.org/Team:Ecuador">
 
      <div class="ecuador_home">
 
        iGEM ECUADOR
 
      </div>
 
    </a>
 
    <div class="menu_options_container">
 
      <div id="proyect" class="menu_option">
 
        <a class="ecuador_href_text" href="https://2018.igem.org/Team:Ecuador/Description">PROJECT</a>
 
        <div class="menu_sub_options_container">
 
          <div class="sub_menu_option">
 
            MODELING
 
          </div>
 
          <div class="sub_menu_option">
 
            DESIGN
 
          </div>
 
          <div class="sub_menu_option">
 
            BACKGROUND
 
          </div>
 
        </div>
 
      </div>
 
      <div id="people" class="menu_option">
 
        PEOPLE
 
        <div class="menu_sub_options_container">
 
          <div class="sub_menu_option">
 
            SPONSIRING
 
          </div>
 
          <div class="sub_menu_option">
 
            ATTRIBUTIONS
 
          </div>
 
          <div class="sub_menu_option">
 
            TEAM
 
          </div>
 
        </div>
 
      </div>
 
      <div id="notebook" class="menu_option">
 
        NOTEBOOK
 
        <div class="menu_sub_options_container">
 
          <div class="sub_menu_option">
 
            LAB BOOK
 
          </div>
 
          <div class="sub_menu_option">
 
            PROTOCOLS
 
          </div>
 
        </div>
 
      </div>
 
      <div id="human_practice" class="menu_option">
 
        HUMAN PRACTICE
 
        <div class="menu_sub_options_container">
 
          <div class="sub_menu_option">
 
            COLLABORATIONS
 
          </div>
 
        </div>
 
      </div>
 
      <div id="parts" class="menu_option">
 
        PARTS
 
        <div class="menu_sub_options_container">
 
          <div class="sub_menu_option">
 
            LIST
 
          </div>
 
          <div class="sub_menu_option">
 
            COMPOSITE
 
          </div>
 
          <div class="sub_menu_option">
 
            BASIC
 
          </div>
 
        </div>
 
      </div>
 
      <div id="safety" class="menu_option">
 
        SAFETY
 
      </div>
 
    </div>
 
  </div>
 
  
  <div class="ecuador_abstract_container">
+
</style>
 +
 +
</head>
 +
 
 +
<body>
 +
<div class="ecuador_abstract_container">
 
     <div class="ecuador_abstract_title_cotainer">
 
     <div class="ecuador_abstract_title_cotainer">
       PROYECT OVERVIEW
+
       PROJECT OVERVIEW
 
     </div>
 
     </div>
 +
  <div class="ecuador_img_descrip">
 +
 
 +
    </div>
 +
  <div class="ecuador_abstract_text_container">
 +
 
     <div class="ecuador_abstract_text_container">
 
     <div class="ecuador_abstract_text_container">
 
       <div class="ecuador_abstract_text">
 
       <div class="ecuador_abstract_text">
 
         Biomaterials have the ability to interact with biological systems without being rejected. Through interdisciplinary research that involves cell biology, materials science, and bioengineering, biomaterials have been developed as biological substitutes to restore normal cellular function of organs and tissues. A new biomaterial will be developed based on the cross-linking of bacterial cellulose (BC) and elastin-like polypeptides (ELP), for biomedical applications. The cross-linking of both materials will be carried out with synthetic biology techniques using Escherichia coli as expression system. The crosslinking will be mediated by a carbohydrate binding domain protein module (CBD) specific for cellulose. CBDs are protein modules found in carbohydratases whose function is to bind carbohydrate to bring it closer to the catalytic site of the enzyme. For this process, three expression vectors will be designed. The first one will code for the enzymes necessary in the synthesis of bacterial cellulose, the second for the optimization of extracellular production and transport of bacterial cellulose and the third one will code for a fusion protein formed by the elastin-like polypeptide and the carbohydrate binding domain (CBD-ELP). A mathematical model for the interaction between cellulose and the CBD-ELP polypeptide will be determined based on the results from in-vitro experiments. The product generated by the modified bacteria will be characterized by biochemical methods and studied using structural elucidation methods, including spectrophotometry, nuclear magnetic resonance, mass spectrometry, and X-ray diffraction and its morphology will be elucidated using of atomic force microscopy. We expect that the new biomaterial combine the structural properties of bacterial cellulose with the functionalization capacity and thermo-sensitivity of elastin, for applications in food and tissue engineering, regenerative medicine, and selective release of drugs.
 
         Biomaterials have the ability to interact with biological systems without being rejected. Through interdisciplinary research that involves cell biology, materials science, and bioengineering, biomaterials have been developed as biological substitutes to restore normal cellular function of organs and tissues. A new biomaterial will be developed based on the cross-linking of bacterial cellulose (BC) and elastin-like polypeptides (ELP), for biomedical applications. The cross-linking of both materials will be carried out with synthetic biology techniques using Escherichia coli as expression system. The crosslinking will be mediated by a carbohydrate binding domain protein module (CBD) specific for cellulose. CBDs are protein modules found in carbohydratases whose function is to bind carbohydrate to bring it closer to the catalytic site of the enzyme. For this process, three expression vectors will be designed. The first one will code for the enzymes necessary in the synthesis of bacterial cellulose, the second for the optimization of extracellular production and transport of bacterial cellulose and the third one will code for a fusion protein formed by the elastin-like polypeptide and the carbohydrate binding domain (CBD-ELP). A mathematical model for the interaction between cellulose and the CBD-ELP polypeptide will be determined based on the results from in-vitro experiments. The product generated by the modified bacteria will be characterized by biochemical methods and studied using structural elucidation methods, including spectrophotometry, nuclear magnetic resonance, mass spectrometry, and X-ray diffraction and its morphology will be elucidated using of atomic force microscopy. We expect that the new biomaterial combine the structural properties of bacterial cellulose with the functionalization capacity and thermo-sensitivity of elastin, for applications in food and tissue engineering, regenerative medicine, and selective release of drugs.
 +
 
 
       </div>
 
       </div>
 +
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
+
</div>
  <div class="ecuador_footer">
+
    <div class="ecuador_footer_igem_logo">
+
    </div>
+
    <div class="ecuador_footer_information_layout">
+
      <div class="ecuador_footer_information_container">
+
        <div class="ecuador_footer_information_title_container">
+
          SPONSORS
+
        </div>
+
      </div>
+
      <div class="ecuador_footer_information_container">
+
        <div class="ecuador_footer_information_title_container">
+
          FOLLOW US
+
          <div class="ecuador_follow_us_icons_container">
+
            <div id="facebook" class="ecuador_follow_us_icon">
+
 
+
            </div>
+
            <div id="instagram" class="ecuador_follow_us_icon">
+
 
+
            </div>
+
          </div>
+
        </div>
+
      </div>
+
      <div class="ecuador_footer_information_container">
+
        <div class="ecuador_footer_information_title_container">
+
          CONTACT US
+
        </div>
+
      </div>
+
    </div>
+
  </div>
+
  
 
</html>
 
</html>
 +
{{Ecuador/footer}}

Latest revision as of 14:55, 17 November 2018

C-lastin, Interlab
PROJECT OVERVIEW
Biomaterials have the ability to interact with biological systems without being rejected. Through interdisciplinary research that involves cell biology, materials science, and bioengineering, biomaterials have been developed as biological substitutes to restore normal cellular function of organs and tissues. A new biomaterial will be developed based on the cross-linking of bacterial cellulose (BC) and elastin-like polypeptides (ELP), for biomedical applications. The cross-linking of both materials will be carried out with synthetic biology techniques using Escherichia coli as expression system. The crosslinking will be mediated by a carbohydrate binding domain protein module (CBD) specific for cellulose. CBDs are protein modules found in carbohydratases whose function is to bind carbohydrate to bring it closer to the catalytic site of the enzyme. For this process, three expression vectors will be designed. The first one will code for the enzymes necessary in the synthesis of bacterial cellulose, the second for the optimization of extracellular production and transport of bacterial cellulose and the third one will code for a fusion protein formed by the elastin-like polypeptide and the carbohydrate binding domain (CBD-ELP). A mathematical model for the interaction between cellulose and the CBD-ELP polypeptide will be determined based on the results from in-vitro experiments. The product generated by the modified bacteria will be characterized by biochemical methods and studied using structural elucidation methods, including spectrophotometry, nuclear magnetic resonance, mass spectrometry, and X-ray diffraction and its morphology will be elucidated using of atomic force microscopy. We expect that the new biomaterial combine the structural properties of bacterial cellulose with the functionalization capacity and thermo-sensitivity of elastin, for applications in food and tissue engineering, regenerative medicine, and selective release of drugs.