Difference between revisions of "Team:GenetiX Tec CCM"

Line 4: Line 4:
 
           <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
           <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
           <meta name="viewport" content="width=device-width, initial-scale=1">
 
           <meta name="viewport" content="width=device-width, initial-scale=1">
−
           <title>Genetix CCM</title>
+
           <title>iGem Tec CCM</title>
 
           <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
 
           <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
 
           <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 
           <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 
           <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
 
           <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
 
   </head>
 
   </head>
−
  <script>
+
<script>
−
    
+
    function close() {
 +
        if(document.getElementById('benefits').style.display=='block') {
 +
          document.getElementById('benefits').style.display='none';
 +
        }
 +
    } 
 +
</script>
 +
<script>
 +
  function show() {
 +
    if(document.getElementById('benefits').style.display=='none') {
 +
      document.getElementById('benefits').style.display='block';
 +
    }
 +
   }
 
   </script>
 
   </script>
−
   <style>
+
 
 +
<style type="text/css"> /* Used in page */
 +
   body { background-color: #fff; }
 +
  #mainContainer {/* Creates a container that will wrap all of the content inside your wiki pages. */
 +
  width: 100%;
 +
  overflow:hidden;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  margin-bottom: 10px;
 +
  background-color: #fff;
 +
  font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
  } 
 +
  #menuNavbar  {
 +
  background: #fff;
 +
  float:top;
 +
  width: 97%;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  margin-top: 18px;
 +
  }
 +
  .navContainer li{
 +
    margin-top: 10px;
 +
  }
 +
  .navContainer li ul {
 +
          display: none;
 +
          padding-top:10px;
 +
          margin-left: -19px;
 +
  }
 +
  .navContainer li:hover ul {
 +
          /*display: inline-block; */
 +
          display: block;
 +
          position: absolute;
 +
          float:right;
 +
          margin-left:-40px;
 +
          margin-top:-10px;
 +
  }
 +
  .up{
 +
    background: #fff;
 +
  }
 +
  #topbar {
 +
    background: #fff;
 +
    padding: 10px 0 10px 0;
 +
    text-align: center;
 +
    height: 100px;
 +
    color: black;
 +
    overflow: hidden;
 +
    -webkit-transition: height 0.5s linear;
 +
    -moz-transition: height 0.5s linear;
 +
    transition: height 0.5s linear;
 +
  }
 +
  #topbar a {
 +
    color: #fff;
 +
    font-size:1.3em;
 +
    line-height: 1.25em;
 +
    text-decoration: none;
 +
    opacity: 0.5;
 +
    font-weight: bold;
 +
  }
 +
  #tophiddenbar {
 +
    font-size:1.5em;
 +
    background: #fff;
 +
    font-weight: bold;
 +
    text-align: right;
 +
    text-shadow: 1px 1px 0 #444;
 +
  }
 +
  #tophiddenbar a {
 +
    color: black;
 +
    font-size: 1.0em;
 +
    text-decoration: none;
 +
    opacity: 0.5;
 +
    text-shadow: none;
 +
  }
 +
  #tophiddenbar a:hover { opacity: 1; }
 +
  .subnavbar{
 +
    width:90%;
 +
    height:100px;
 +
    margin-left: 0px;
 +
  }
 +
  #contentContainer {
 +
    margin-top: 100px;
 +
    padding-top:20px;
 +
    padding-right:20px;
 +
    padding-left: 20px;
 +
    margin-bottom: 20px;
 +
    width: 100%;
 +
    background-color: #fff;
 +
    font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
  }
 +
  #bannerContainer {
 +
    height:200px;
 +
    margin:auto;
 +
    text-align:center;
 +
    color: #24B694;
 +
  }
 +
  #contentContainer h1, h2, h3, h4, h5, h6 {
 +
    color: #565656;
 +
    border-bottom: none;
 +
    font-weight: bold;
 +
    font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
    margin-top:10px;
 +
    }
 +
 
 +
  #footer{
 +
    background-color: #EEFFFF ;
 +
    font-family: "Impact", "Charcoal", sans-serif;
 +
    font-weight: 100;
 +
    font-size: 25px;
 +
    color: #594F4F;
 +
    float: bottom;
 +
  }
 +
  .address{
 +
    font-family: "Verdana", Geneva, sans-serif;
 +
    font-weight: 100;
 +
    font-size: 12px;
 +
    color:#594F4F;
 +
    margin-top: 20px;
 +
    margin-bottom: 10px;
 +
  }
 +
  .video {
 +
    margin-top: 40px;
 +
    margin-bottom: 60px;
 +
  }
 +
    .icons{
 +
    width: 50px;
 +
    margin-top: 20px;
 +
    margin-right: 10px;
 +
  }
 +
  .icons2{
 +
    width: 20px;
 +
 
 +
  }
 +
  .clear{
 +
    clear:both;
 +
    height: 10px;
 +
  }
 +
</style>
 +
 
 +
<style>
 
   .menu {
 
   .menu {
 
     font-family: "Verdana", Geneva, sans-serif;
 
     font-family: "Verdana", Geneva, sans-serif;
Line 49: Line 197:
 
     color: black;
 
     color: black;
 
   }
 
   }
−
   .footer{
+
</style><!-- de iGem-->
−
    background-color: #EEFFFF;
+
    <!-- Start of CSS-->
−
     font-family: "Impact", "Charcoal", sans-serif;
+
<style type="text/css">
−
     font-weight: 100;
+
   /*Change the styling of text for everything inside main container*/
−
     font-size: 25px;
+
        #mainContainer p {  
−
     color: #594F4F;
+
            font-size: 13px;
−
  }
+
            color: #000000;
−
   .container-fluid{
+
        }
−
     float: left;
+
     /*Style of the links - links are different inside the menu */
−
     width: 1345px;
+
        #contentContainer a {
−
  }
+
            font-weight: bold;
−
  #globalWrapper, #content{
+
            color: #23b593;
 +
        }
 +
      /* Styling links on hover- links are different inside the menu */
 +
        #contentContainer a:hover {
 +
            color: #59bf92;
 +
        }
 +
     /*Change the styling of tables */
 +
                #contentContainer table {
 +
                border: 1px solid #565656;
 +
                border-collapse: collapse;
 +
                width: 90%
 +
                margin: auto;
 +
                margin-bottom: 15px;
 +
                margin-top: 15px;
 +
                margin-right: 10px;
 +
                margin-left: 10px;
 +
            }
 +
     /*Change the styling of table cells*/
 +
            #contentContainer  td {
 +
                padding: 10px;
 +
                border: 1px solid #565656;
 +
                border-collapse: collapse;
 +
                vertical-align: text-top;
 +
            }
 +
     /*Change the styling of table headers */
 +
            #contentContainer th {
 +
                background-color: #E8E8E9;
 +
                padding: 10px;
 +
                border: 1px solid #565656;
 +
                border-collapse: collapse;
 +
                vertical-align: text-top;
 +
            }
 +
    /*MENU STYLING */
 +
    /*Styling for the links in the menu */
 +
    /*   #menuContainer a {
 +
            color: #565656;
 +
            text-decoration:none;
 +
            font-weight: bold;
 +
        }
 +
    /* Sets the style for lists inside menuContainer  */
 +
        #menuContainer ul {  
 +
            list-style: none;
 +
            margin-left:0px;
 +
        }
 +
     /*Styles the list items to become menu buttons */
 +
        #menuContainer ul li {
 +
            text-align: center;
 +
            display: block;
 +
            width: 100%;
 +
            height:30px;
 +
        }
 +
    /*For the menu buttons, changes the color when hovering*/
 +
        #menuContainer li:hover {
 +
            color:  black;
 +
            background-color: #24B694;
 +
        }
 +
    /*Submenus are not displayed as default*/
 +
        #menuContainer li ul {
 +
            display: none;
 +
            padding-top:-30px;
 +
            margin-left: -19px;
 +
        }
 +
    /*Submenus are displayed when hovering the menu button */
 +
        #menuContainer li:hover ul {
 +
            /*display: inline-block; */
 +
            display: block;
 +
            position: absolute;
 +
            float:right;
 +
            margin-left: 134px;
 +
            margin-top:-82px;
 +
        }
 +
     /*Style the submenu buttons*/
 +
      #menuContainer ul li {
 +
        text-align: center;
 +
        display: block;
 +
        width: 100%;
 +
        height:30px;
 +
        padding-left:30px;
 +
      }
 +
      ul {
 +
          list-style-type: none;
 +
          margin: 0;
 +
      }
 +
      li {
 +
          float: left;
 +
        list-style-type: none;
 +
        padding-left: 20px;
 +
      }
 +
      a {
 +
          display: block;
 +
      }
 +
      .menu-main{
 +
        width:90%;
 +
        height:30px;
 +
        align:center;
 +
        padding-right: 50px;
 +
      }
 +
      #globalWrapper, #content{
 
         background-color: transparent;
 
         background-color: transparent;
 
         border: 0px;
 
         border: 0px;
Line 67: Line 312:
 
         padding: 0px;
 
         padding: 0px;
 
       }
 
       }
−
  .video {
+
        /*CLASSES */
−
    margin-top: 40px;
+
        /*Clear class for all the pages, adds spacing too*/
−
    margin-bottom: 60px;
+
        /* highlight box for special messages */
−
  }
+
            .highlightBox {
−
  .address{
+
                    width:500px;  
−
    font-family: "Verdana", Geneva, sans-serif;
+
                    margin:auto;  
−
    font-weight: 100;
+
                    background-color: #E8E8E9;  
−
    font-size: 12px;
+
            margin-bottom: 15px;
−
    color: #594F4F;
+
            margin-top: 15px;
−
    margin-top: 20px;
+
            padding: 15px;
−
    margin-bottom: 10px;
+
            padding-top: 5px;
−
  }
+
            }
−
  .icons{
+
</style><!-- de iGem-->
−
    width: 50px;
+
 
−
    margin-top: 20px;
+
<div id="mainContainer"> <!-- Es un div de todo la página-->
−
    margin-right: 10px;
+
 
−
  }
+
  <nav class="navbar navbar-default navbar-fixed-top" id="menuNavbar">
−
  .icons2{
+
    <div class="up" id="tophiddenbar">
−
    width: 20px;
+
           <li ><a href="https://2015.igem.org/Team:GenetiX_Tec_CCM"> <img src="https://static.igem.org/mediawiki/2015/d/da/TeamLogo.png" style="width:90px;" alt="iGemlogo" > </a></li>
−
  }
+
           <li ><a href="https://2015.igem.org"> <img src="https://static.igem.org/mediawiki/2015/d/d2/IGemLogo.png" style="width: 90px;" alt="TeamLogo"> </a></li>
−
  </style>
+
−
  <body>
+
−
    <div class="container-fluid">
+
−
      <div class="row" class="menu">
+
−
        <div class="col-md-3">
+
−
           <a href="https://www.facebook.com/genetixtecccm?fref=ts"> <image src="https://static.igem.org/mediawiki/2015/d/da/TeamLogo.png" style="width: 110px; margin-left: 12px"> </a>
+
−
           <a href="https://2015.igem.org/Main_Page"> <image src="https://static.igem.org/mediawiki/2015/d/d2/IGemLogo.png" style="width: 110px; margin-left: 12px"> </a>
+
 
         </div>
 
         </div>
−
        <div class="col-md-9">
+
    <div class="navContainer" id="topbar">
−
          <div class="menu">
+
      <div id="tophiddenbar">
−
           <a href="" class="menu" style="margin-left: 25px; color: black"> Project </a>  
+
        <div>
−
          <a href="" class="menu" style="margin-left: 55px; color: black"> Journal </a>  
+
           <ul>
−
          <a href="" class="menu" style="margin-left: 55px; color: black"> Human Practices </a>
+
          <a href="#" onclick=show()> <li>PROJECT
−
          <a href="" class="menu" style="margin-left: 55px; color: black"> Safety </a>
+
            <ul class="subnavbar">
−
          <a href="" class="menu" style="margin-left: 55px; color: black"> Team </a>
+
              <a href="https://2015.igem.org/Team:Example/Description"><li>Description</li></a>
−
          </div>
+
              <a href="https://2015.igem.org/Team:Example/Design"><li>Design</li></a>
−
        <div class="submenu">
+
              <a href="https://2015.igem.org/Team:Example/Modeling"><li>Modeling</li></a>
−
          <a class="submenu" style="margin-left: 60px; margin-right: 120px "> Attributions </a>
+
              <a href="https://2015.igem.org/Team:Example/Results"><li>Results</li></a>
−
          <a class="submenu" style="margin-left: 55px;"> Impact </a>
+
              <a href="https://2015.igem.org/Team:Example/Experiments"><li>Experiments &amp; Protocols</li></a>
−
          <a class="submenu" style="margin-left: 55px;"> How </a>
+
              <a href="https://2015.igem.org/Team:Example/References"><li>References</li></a>  
−
        </div>  
+
            </ul>
 +
          </li> </a>
 +
          <a href="https://2015.igem.org/Team:Example/Team"><li>TEAM
 +
            <ul class="subnavbar">
 +
              <a href="https://2015.igem.org/Team:Example/Attribution"><li>Attribution</li></a>
 +
            </ul>
 +
          </li></a>
 +
          <a href="#" onclick= ; ><li>PARTS
 +
            <ul class="subnavbar">
 +
              <a href="https://2015.igem.org/Team:Example/Parts"><li>Team Parts</li></a>
 +
              <a href="https://2015.igem.org/Team:Example/Basic_Part"><li>Basic Parts</li></a> 
 +
              <a href="https://2015.igem.org/Team:Example/Composite_Part"><li>Composite Parts</li></a>
 +
              <a href="https://2015.igem.org/Team:Example/Part_Collection"><li>Part Collection</li></a>
 +
            </ul>
 +
          </li></a>
 +
          <a href="https://2015.igem.org/Team:Example/Practices"><li>HUMAN PRACTICES</li></a>
 +
          <a href="https://2015.igem.org/Team:Example/Safety"><li>SAFETY</li></a>
 +
          <a href="https://2015.igem.org/Team:Example/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
 +
          </ul>
 
         </div>
 
         </div>
 +
      </div>
 
     </div>
 
     </div>
−
    <div>
+
  </nav> <!-- Es el menú de arriba--> <!-- no tocar-->
−
      <span>
+
 
−
        <image src="https://static.igem.org/mediawiki/2015/b/b3/HeaderShadow.png" style="width: 115px; margin-left: 12px;">
+
  <body>
−
      </span>
+
     <div id="contentContainer">
−
      <span>
+
       <div id="bannerContainer" class="row">
−
        <image src="https://static.igem.org/mediawiki/2015/b/b3/HeaderShadow.png" style="width: 140px;">
+
 
−
      </span>
+
−
      <span>
+
−
        <image src="https://static.igem.org/mediawiki/2015/1/16/HeaderLine.png" style="width: 1330px; height: 10px;">
+
−
      </span>
+
−
     </div> 
+
−
    <div class="row">
+
−
       <div class="col-md-6">
+
−
      <span>
+
−
        <embed width="620" height="415" class="video"
+
−
              src="https://www.youtube.com/embed/Sagg08DrO5U">
+
−
      </span>
+
 
       </div>
 
       </div>
−
      <div class="col-md-1">
+
    </div>
 +
  </body>
 +
 
 +
<footer id="footer">
 +
  <div class="row" style="background-color: #EEFFFF ;">
 +
    <div class="col-md-1">
 +
      <div>
 +
        <image src="https://static.igem.org/mediawiki/2015/3/3c/TeamLogo.gif" style="width: 100px; margin-top: 50px;">
 
       </div>
 
       </div>
−
      <div class="col-md-4" style="margin-top: 30px;">
+
    </div>
−
      <span class="menu">
+
    <div class="col-md-3">
−
        <p class="text-center">
+
      <div style="margin-top: 20px;">OUR SCHOOL<a href="http://www.itesm.mx/wps/wcm/connect/Campus/CCM/Ciudad+de+Mexico/"><image src="https://static.igem.org/mediawiki/2015/b/b0/OurSchool .jpg" style="width: 190px; margin-top: 20px;"></a>
−
          <image src="https://static.igem.org/mediawiki/2015/2/24/AbstractIcon.jpg" style="width: 70px;">
+
−
        <u>
+
−
        Abstract
+
−
        </u>
+
−
        </p>
+
−
      </span>
+
−
        <p syle="abstract">
+
−
          Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.
+
−
          Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.
+
−
          Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
+
−
        </p>
+
 
       </div>
 
       </div>
 +
      <div class="address"><a href="https://www.google.com/maps/place/itesm+campus+ciudad+de+mexico/@19.28358,-99.13541,15z/data=!4m2!3m1!1s0x0:0x129534395a02e72a?sa=X&  ved=0CIYBEPwSMAtqFQoTCOPt762E48cCFUlxPgodUlcG8w"><image src="https://static.igem.org/mediawiki/2015/4/43/Map.png" style="width: 30px;" align="center"></a>
 +
      <address style="color:#594F4F">
 +
        <strong>Location</strong><br>Calle del Puente 222, Tlalpan, Ejidos de Huipulco,<br>14380 Ciudad de México, D.F., Mexico.<br>
 +
      </address>
 +
      </div>
 +
    </div>
 +
    <div class="col-md-4" style="margin-top: 20px;">
 +
      <div>SOCIAL<a class="twitter-timeline" href="https://twitter.com/GenetiXCCM" data-widget-id="643542425776947200">Tweets por el @GenetiXCCM.</a>
 +
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"  ://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 +
      </div>
 
     </div>
 
     </div>
−
     <div class="row" style="background-color: #EEFFFF ;">
+
     <div class="col-md-4" style="margin-top: 20px;">
−
      <div class="footer">
+
        <div>FIND US <br>
−
        <div class="col-md-3">
+
          <span href="https://www.facebook.com/genetixtecccm?fref=ts"> <image src="https://static.igem.org/mediawiki/2015/5/55/Facebook.png" class="icons"> </span>
−
           <div class="footer">
+
          <span href="https://twitter.com/GenetiXCCM"> <image src="https://static.igem.org/mediawiki/2015/f/f7/Twitter.png" class="icons"> </span>
−
           <image src="https://static.igem.org/mediawiki/2015/3/3c/TeamLogo.gif" style="width: 200px; margin-left: 50px; margin-top: 50px; margin-bottom: 10px;">
+
           <span href=""> <image src="https://static.igem.org/mediawiki/2015/b/b7/Instagram.png" class="icons"> </span>
 +
           <span href=""> <image src="https://static.igem.org/mediawiki/2015/a/af/Youtube.png" class="icons"> </span>
 +
          <div class="address"><image src="https://static.igem.org/mediawiki/2015/5/58/Phone.png" class="icons2">"Telefono de Jessica/Nuri/Kai"
 
           </div>
 
           </div>
 +
        <div class="address"><image src="https://static.igem.org/mediawiki/2015/5/5c/Email.png" class="icons2" style="margin-right: 10px;">genetixccm@gmail.com
 
         </div>
 
         </div>
−
        <div class="col-md-3">
+
      </div>
−
          <div class="footer" style="margin-top: 20px;">
+
    </div>
−
            OUR SCHOOL
+
  </div> <!-- Footer solo cambiar tamaños de fuente t color--><!-- no tocar-->
−
            <a href="http://www.itesm.mx/wps/wcm/connect/Campus/CCM/Ciudad+de+Mexico/"><image src="https://static.igem.org/mediawiki/2015/b/b0/OurSchool.jpg" style="width: 190px; margin-top: 20px;"></a>
+
</footer>
−
          </div>
+
−
            <div class="address">
+
−
            <a href="https://www.google.com/maps/place/itesm+campus+ciudad+de+mexico/@19.28358,-99.13541,15z/data=!4m2!3m1!1s0x0:0x129534395a02e72a?sa=X&ved=0CIYBEPwSMAtqFQoTCOPt762E48cCFUlxPgodUlcG8w"><image src="https://static.igem.org/mediawiki/2015/4/43/Map.png" style="width: 30px;" align="center"></a>
+
−
           
+
−
            <address style="color:#594F4F">
+
−
              <strong>Location</strong><br>
+
−
              Calle del Puente 222, Tlalpan, Ejidos de Huipulco,<br>
+
−
              14380 Ciudad de México, D.F., Mexico.<br>
+
−
             
+
−
            </address>
+
−
            </div>
+
−
        </div>
+
−
        <div class="col-md-3" style="margin-top: 20px;">
+
−
          <div class="footer">
+
−
            SOCIAL
+
−
          <a class="twitter-timeline" href="https://twitter.com/GenetiXCCM" data-widget-id="643542425776947200">Tweets por el @GenetiXCCM.</a>
+
−
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+
  
 +
    </div>
 +
  </div>
  
 +
</div>
  
−
            </div>
+
   
−
 
+
−
          </div>
+
−
        </div>
+
−
        <div class="col-md-3" style="margin-top: 20px;">
+
−
          <div class="footer">
+
−
            <div>
+
−
              FIND US
+
−
            </div>
+
−
            <a href="https://www.facebook.com/genetixtecccm?fref=ts"> <image src="https://static.igem.org/mediawiki/2015/5/55/Facebook.png" class="icons"> </a>
+
−
            <a href="https://twitter.com/GenetiXCCM"> <image src="https://static.igem.org/mediawiki/2015/f/f7/Twitter.png" class="icons"> </a>
+
−
            <a href=""> <image src="https://static.igem.org/mediawiki/2015/b/b7/Instagram.png" class="icons"> </a>
+
−
            <a href=""> <image src="https://static.igem.org/mediawiki/2015/a/af/Youtube.png" class="icons"> </a>
+
−
            <div class="address">
+
−
              <image src="https://static.igem.org/mediawiki/2015/5/58/Phone.png" class="icons2">
+
−
              "Telefono de Jessica/Nuri/Kai"
+
−
            </div>
+
−
            <div class="address">
+
−
              <image src="https://static.igem.org/mediawiki/2015/5/5c/Email.png" class="icons2" style="margin-right: 10px;">
+
−
              genetixccm@gmail.com
+
−
            </div>
+
−
          </div>
+
−
        </div>  
+
−
    </div> 
+
−
    </div>
+
−
  </div>
+
−
  </body>
+
 
</html>
 
</html>

Revision as of 18:42, 16 September 2015

iGem Tec CCM

OUR SCHOOL
Location
Calle del Puente 222, Tlalpan, Ejidos de Huipulco,
14380 Ciudad de México, D.F., Mexico.
SOCIAL
FIND US
"Telefono de Jessica/Nuri/Kai"
genetixccm@gmail.com