Difference between revisions of "Team:GenetiX Tec CCM"

(Undo revision 276695 by Kawax (talk))
(Undo revision 275660 by Kawax (talk))
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>iGem Tec CCM</title>
+
           <title>Genetix 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 197: Line 49:
 
     color: black;
 
     color: black;
 
   }
 
   }
</style><!-- de iGem-->
+
   .footer{
    <!-- Start of CSS-->
+
    background-color: #EEFFFF;
<style type="text/css">
+
     font-family: "Impact", "Charcoal", sans-serif;
   /*Change the styling of text for everything inside main container*/
+
     font-weight: 100;
        #mainContainer p {  
+
     font-size: 25px;
            font-size: 13px;
+
     color: #594F4F;
            color: #000000;
+
  }
        }
+
   .container-fluid{
     /*Style of the links - links are different inside the menu */
+
     float: left;
        #contentContainer a {
+
     width: 1345px;
            font-weight: bold;
+
  }
            color: #23b593;
+
  #globalWrapper, #content{
        }
+
      /* 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 312: Line 67:
 
         padding: 0px;
 
         padding: 0px;
 
       }
 
       }
        /*CLASSES */
+
  .video {
        /*Clear class for all the pages, adds spacing too*/
+
    margin-top: 40px;
        /* highlight box for special messages */
+
    margin-bottom: 60px;
            .highlightBox {
+
  }
                    width:500px;  
+
  .address{
                    margin:auto;  
+
    font-family: "Verdana", Geneva, sans-serif;
                    background-color: #E8E8E9;  
+
    font-weight: 100;
            margin-bottom: 15px;
+
    font-size: 12px;
            margin-top: 15px;
+
    color: #594F4F;
            padding: 15px;
+
    margin-top: 20px;
            padding-top: 5px;
+
    margin-bottom: 10px;
            }
+
  }
</style><!-- de iGem-->
+
  .icons{
 
+
    width: 50px;
<div id="mainContainer"> <!-- Es un div de todo la página-->
+
    margin-top: 20px;
 
+
    margin-right: 10px;
  <nav class="navbar navbar-default navbar-fixed-top" id="menuNavbar">
+
  }
    <div class="up" id="tophiddenbar">
+
  .icons2{
           <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>
+
    width: 20px;
           <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="navContainer" id="topbar">
+
        <div class="col-md-9">
      <div id="tophiddenbar">
+
          <div class="menu">
        <div>
+
           <a href="" class="menu" style="margin-left: 25px; color: black"> Project </a>  
           <ul>
+
          <a href="" class="menu" style="margin-left: 55px; color: black"> Journal </a>  
          <a href="#" onclick=show()> <li>PROJECT
+
          <a href="" class="menu" style="margin-left: 55px; color: black"> Human Practices </a>
            <ul class="subnavbar">
+
          <a href="" class="menu" style="margin-left: 55px; color: black"> Safety </a>
              <a href="https://2015.igem.org/Team:Example/Description"><li>Description</li></a>
+
          <a href="" class="menu" style="margin-left: 55px; color: black"> Team </a>
              <a href="https://2015.igem.org/Team:Example/Design"><li>Design</li></a>
+
          </div>
              <a href="https://2015.igem.org/Team:Example/Modeling"><li>Modeling</li></a>
+
        <div class="submenu">
              <a href="https://2015.igem.org/Team:Example/Results"><li>Results</li></a>
+
          <a class="submenu" style="margin-left: 60px; margin-right: 120px "> Attributions </a>
              <a href="https://2015.igem.org/Team:Example/Experiments"><li>Experiments &amp; Protocols</li></a>
+
          <a class="submenu" style="margin-left: 55px;"> Impact </a>
              <a href="https://2015.igem.org/Team:Example/References"><li>References</li></a>  
+
          <a class="submenu" style="margin-left: 55px;"> How </a>
            </ul>
+
        </div>  
          </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>
  </nav> <!-- Es el menú de arriba--> <!-- no tocar-->
+
    <div>
 
+
      <span>
  <body>
+
        <image src="https://static.igem.org/mediawiki/2015/b/b3/HeaderShadow.png" style="width: 115px; margin-left: 12px;">
     <div id="contentContainer">
+
      </span>
       <div id="bannerContainer" class="row">
+
      <span>
 
+
        <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>
+
      <div class="col-md-1">
  </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>
+
      <div class="col-md-4" style="margin-top: 30px;">
    <div class="col-md-3">
+
      <span class="menu">
      <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>
+
        <p class="text-center">
 +
          <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="col-md-4" style="margin-top: 20px;">
+
     <div class="row" style="background-color: #EEFFFF ;">
        <div>FIND US <br>
+
      <div class="footer">
          <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="col-md-3">
          <span href="https://twitter.com/GenetiXCCM"> <image src="https://static.igem.org/mediawiki/2015/f/f7/Twitter.png" class="icons"> </span>
+
           <div class="footer">
           <span href=""> <image src="https://static.igem.org/mediawiki/2015/b/b7/Instagram.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/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>
+
        <div class="col-md-3">
    </div>
+
          <div class="footer" style="margin-top: 20px;">
  </div> <!-- Footer solo cambiar tamaños de fuente t color--><!-- no tocar-->
+
            OUR SCHOOL
</footer>
+
            <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>
 +
          </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 19:35, 16 September 2015

Genetix CCM

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.