Difference between revisions of "Template:IIT Kanpur/HTML"

(Blanked the page)
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{Template:IIT_Kanpur}}
 
<html>
 
<head>
 
<meta name="viewport" content="width=device-width,initial-scale=1.0">
 
<!--bootstrap core css-->
 
<link href="https://2018.igem.org/Team:Tec-Monterrey/CSS/bootstrapmin?action=raw&amp;ctype=text/css" rel="stylesheet">
 
<link href="https://2018.igem.org/Team:Tec-Monterrey/CSS/fontawesomemin?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
    <style>
 
.column.full_size, .igem_2018_team_menu.displaying_menu{
 
display: none;
 
}
 
  
/**************************************** Clear the default wiki settings *********************************/
 
    #home_logo, #sideMenu {
 
        display:none;
 
    }
 
    #sideMenu, #top_title, .patrollink  {
 
        display:none;
 
    }
 
    #content, #HQ_page {
 
        width: 100%;
 
        padding: 0;
 
        margin: 0;
 
        background-color: white;
 
        //font-size: 100% !important;
 
    }
 
    #content {
 
        margin-top: -16px;
 
    }
 
    #globalWrapper, #content, #HQ_page, #bodyContent, #mw-content-text{
 
    height: 100%;
 
    width: 100%;
 
    }
 
/*Bootstrap.min altered the way the top menu looks, by changing box-sizing: from border-box to initial, the damage is undone*/
 
    #top_menu_14 {
 
        box-sizing: initial;
 
    }
 
    td a{
 
        padding-right: 0px !important;
 
    }
 
    #globalWrapper{
 
        padding-bottom: 0;
 
    }
 
/*************************************************** Bootstrap Stuff ************************************************/
 
    .portfolio-item .caption .caption-content p {
 
        font-weight: 300;
 
        font-size: 1.2rem;
 
    }
 
    @media (min-width: 992px) {
 
        .portfolio-item {
 
            max-width: none;
 
            margin: 0;
 
        }
 
        .portfolio-item .caption {
 
            -webkit-transition: -webkit-clip-path 0.25s ease-out, background-color 0.7s;
 
            -webkit-clip-path: inset(0px);
 
            clip-path: inset(0px);
 
        }
 
        .portfolio-item .caption .caption-content {
 
            transition: opacity 0.25s;
 
            margin-left: 5rem;
 
            margin-right: 5rem;
 
            margin-bottom: 5rem;
 
        }
 
        .portfolio-item img {
 
            -webkit-transition: -webkit-clip-path 0.25s ease-out;
 
            -webkit-clip-path: inset(-1px);
 
            clip-path: inset(-1px);
 
        }
 
        .portfolio-item:hover img {
 
            -webkit-clip-path: inset(2rem);
 
            clip-path: inset(2rem);
 
        }
 
        .portfolio-item:hover .caption {
 
            background-color: rgba(29, 128, 159, 0.9);
 
            -webkit-clip-path: inset(2rem);
 
            clip-path: inset(2rem);
 
        }
 
    }
 
    a {
 
        color: #1D809F;
 
    }
 
    a:hover, a:focus, a:active {
 
        color: #155d74;
 
    }
 
    .btn-primary {
 
        background-color: #1D809F !important;
 
        border-color: #1D809F !important;
 
        color: #fff !important;
 
    }
 
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
 
        background-color: #155d74 !important;
 
        border-color: #155d74 !important;
 
    }
 
    .btn {
 
        box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
 
        font-weight: 700;
 
    }
 
    .btn-xl {
 
        padding: 1.25rem 2.5rem;
 
    }
 
/*****************************************************custom css*****************************************************/
 
   
 
    @font-face{
 
        font-family: "Norwester";
 
        src: url('https://static.igem.org/mediawiki/2018/d/da/T--Tec-Monterrey--Norwester.woff') format('woff'),
 
            url('https://static.igem.org/mediawiki/2018/8/8d/T--Tec-Monterrey--Norwester.ttf') format('truetype');
 
    }
 
    @font-face{
 
        font-family: "Montserrat";
 
        src: url('https://static.igem.org/mediawiki/2018/4/44/T--Tec-Monterrey--Montserrat.woff') format('woff'),
 
            url('https://static.igem.org/mediawiki/2018/a/ad/T--Tec-Monterrey--Montserrat.ttf') format('truetype');
 
    }
 
    @font-face{
 
        font-family: "DosisRegular";
 
        src: url('https://static.igem.org/mediawiki/2018/8/84/T--Tec-Monterrey--Dosis_regular.woff') format('woff'),
 
            url('https://static.igem.org/mediawiki/2018/e/e1/T--Tec-Monterrey--Dosis_regular.ttf') format('truetype');
 
    }
 
    html {
 
    }
 
    ::-webkit-scrollbar {
 
      background: #cccccc;
 
    }
 
    ::-webkit-scrollbar-thumb {
 
      background: #103010;
 
    }
 
    ::-webkit-scrollbar-thumb:hover{
 
      background: #155015;
 
    }
 
    body, html {
 
        width: 100%;
 
        height: 100%;
 
    }
 
    body {
 
        font-family: "DosisRegular", sans-serif !important;
 
    }
 
    ul{
 
        margin: 0 !important;
 
    }
 
    h1, h2, h3, h4, h5, h6 {
 
        font-weight: 700;
 
        padding: 0 0 0 0;
 
        margin: 0 0 0 0;
 
    }
 
    .text-faded {
 
        color: rgba(255, 255, 255, 0.7);
 
    }
 
    .full-masthead {
 
      width: 100%;
 
    }
 
    .masthead {
 
        height: 100%;
 
        width: 100%;
 
    }
 
    .header-top {
 
        height: 70%;
 
        width: 100%;
 
        position: relative;
 
        background: rgb(248,247,246);
 
    }
 
    .video-header {
 
        right: 0;
 
        left: 0;
 
        width: 100%;
 
    }
 
    .header-bottom {
 
        height: 30%;
 
        position: relative;
 
        background: white;
 
        padding: 10px 0px 10px 10px;
 
        margin: 0px 0px 0px 0px;"
 
    }
 
    .div-header-bottom {
 
        padding:5px 0px 0px 10px;
 
        border-left: 10px solid #2f6361;
 
    }
 
.header-background {
 
  display: flex;
 
  z-index: 1;
 
  height: 83%;
 
  width: 99%;
 
  margin: 0;
 
  padding: 0;
 
  position: absolute;
 
  direction: rtl;
 
}
 
.header-background-left, .header-background-center, .header-background-center-right, .header-background-right {
 
  width: 18%;
 
}
 
.trail {
 
  width: 100%;
 
  height: auto;
 
  top: 5%;
 
}
 
    .header-title {
 
        font-family: "Norwester", sans-serif !important;
 
        text-align: left !important;
 
        font-size: 9vw;
 
        font-weight: 700 !important;
 
        line-height: 1em;
 
        padding-bottom: 0;
 
        margin-bottom: -5px;
 
        color: #3582d2;
 
    }
 
    .header-subtitle {
 
        font-family: "Montserrat", monospace;
 
        text-align: left !important;
 
        font-size: 3.5vw;
 
        font-weight: 600 !important;
 
        line-height: 1em;
 
        padding-bottom: 4px;
 
        color: #5da565;
 
    }
 
    .body-title {
 
        font-family: "Norwester", sans-serif !important;
 
        font-size: 4vw;
 
        font-weight: 600 !important;
 
        line-height: 1em;
 
        padding: 10px 0 10px 0;
 
        text-align: center;
 
    }
 
    .body-title h1 {
 
        margin: 0 !important;
 
    }
 
    .body-subtitle {
 
        font-family: "Montserrat", monospace !important;
 
        font-size: 2.5vw;
 
        font-weight: 400 !important;
 
        line-height: 1.2em;
 
        padding: 3% 0;
 
    }
 
    .scroll-to-top {
 
        position: fixed;
 
        right: 10px;
 
        bottom: 10px;
 
        display: none;
 
        width: 50px;
 
        height: 50px;
 
        text-align: center;
 
        color: white !important;
 
        background: rgba(52, 58, 64, 0.5);
 
        line-height: 45px;
 
    }
 
    .scroll-to-top:focus, .scroll-to-top:hover {
 
        color: white !important;
 
    }
 
    .scroll-to-top:hover {
 
        background: #343a40;
 
    }
 
    .scroll-to-top i {
 
        font-weight: 800;
 
    }
 
    .hide {
 
        display: none;
 
    }
 
 
 
/***********************************************************************************************************************/
 
/************************************************* CONTENIDO GENERAL DE LA PAGINA **************************************/
 
/***********************************************************************************************************************/
 
 
.articulo {
 
  font-size: 1.7vw;
 
}
 
.seccion-responsiva {
 
  width: 80%;
 
  background: white;
 
  margin: 0.5% auto;
 
  padding: 2% 5%;
 
  border-radius: 40px;
 
  box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
 
}
 
.resumen > .body-title {
 
  text-align: center;
 
}
 
.introduccion > .body-title {
 
  text-align: center;
 
}
 
.resumen::after, .introduccion::after {
 
  content: "";
 
  width: 80%;
 
  height: 2px;
 
  display:block;
 
  right: 0;
 
  background-color: #000;
 
  padding: 0;
 
  margin: 3% auto;
 
}
 
.contenido {
 
}
 
.leyenda {
 
  font-size: 1.4vw;
 
}
 
.contenido-con-imagen-derecha, .contenido-con-imagen-izquierda {
 
  height: auto;
 
}
 
.imagen-derecha > img, .imagen-izquierda > img {
 
  width: 100%;
 
}
 
.contenido-con-imagen-derecha > .imagen-derecha {
 
  float: right;
 
  margin: 10px;
 
  width: 40%;
 
  display: inline-block;
 
}
 
.contenido-con-imagen-derecha > .texto-izquierda {
 
  float: left;
 
  width: 51%;
 
  display: inline-block;
 
}
 
.contenido-con-imagen-izquierda > .imagen-izquierda {
 
  float: left;
 
  margin: 10px;
 
  width: 40%;
 
  display: inline-block;
 
}
 
.contenido-con-imagen-izquierda > .texto-derecha {
 
  float: right;
 
  width: 51%;
 
  display: inline-block;
 
}
 
.imagen-centrada-reducida > img {
 
  width: 50%;
 
  margin-left: 25%;
 
  margin-right: 25%;
 
}
 
.imagen-centrada-reducida > .leyenda {
 
  text-align: center;
 
}
 
.imagen-centrada-completa > img {
 
  width: 100%;
 
  margin-left: auto;
 
  margin-right: auto;
 
}
 
.imagen-centrada-completa > .leyenda {
 
  text-align: center;
 
}
 
.conclusion {
 
}
 
.referencias {
 
}
 
/******************************************** RESIZING CONTENTS ON SCREEN SIZE *************************************/
 
@media screen and (max-width: 900px) {
 
  .articulo {
 
    font-size: 3vh;
 
    line-height: 1.2em;
 
  }
 
  .body-title {
 
    font-size: 6vh;
 
  }
 
  .body-subtitle {
 
    font-size: 4vh;
 
  }
 
  .seccion-responsiva {
 
    border-radius: 10px;
 
  }
 
  .masthead {
 
    height: auto;
 
  }
 
  .header-top {
 
    display: none;
 
  }
 
  .header-bottom {
 
    height: auto;
 
  }
 
  .header-title {
 
    font-size: 16vw;
 
  }
 
  .header-subtitle {
 
    font-size: 8vw;
 
  }
 
  .header-background {
 
    display: none;
 
  }
 
  .imagen-centrada-reducida > img {
 
    width: 100%;
 
    margin: 0;
 
  }
 
  .leyenda {
 
    font-size: 2vh;
 
  }
 
  .social-link {
 
    font-size: 10vw;
 
  }
 
}
 
 
/******************************************************* TOPBAR MENU *********************************************/
 
#topBarWrapper {
 
  display: none;
 
}
 
 
.topBar {
 
    position: fixed;
 
    top: 18px;
 
    z-index: 99;
 
    height: 8vh;
 
    width: 100%;
 
}
 
 
#navbar {
 
    position: fixed;
 
    z-index: 99;
 
    height: 8vh;
 
    width: 100%;
 
    background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%);
 
    transition: all 0.3s;
 
    -webkit-transition: all 0.3s;
 
}
 
 
#navbarLogoWrapper {
 
  position: absolute;
 
  display: inline-block;
 
  height: 100%;
 
  -webkit-transition: all 0.3s;
 
  transition: all 0.3s;
 
}
 
 
#navbarLogoText {
 
  display: inline-block;
 
  font-size: 1vw;
 
  color: white;
 
  opacity: 0;
 
  -webkit-transition: opacity 0.3s;
 
  transition: opacity 0.3s;
 
}
 
 
#navbarLogo {
 
  height: 80%;
 
  margin-top: 5%;
 
  margin-bottom: 15%;
 
  margin-left: 20px;
 
  padding-left: 20px;
 
  display: inline-block;
 
}
 
 
#navbarGif {
 
  height: 80%;
 
  margin-top: 5%;
 
  margin-bottom: 15%;
 
  margin-left: 20px;
 
  padding-left: 20px;
 
  display: none;
 
}
 
 
#navbarGif, #navbarLogoWrapper:hover #navbarLogo {
 
  display: none;
 
}
 
 
#navbarLogo, #navbarLogoWrapper:hover #navbarGif {
 
  display: inline-block;
 
}
 
 
#navbarLogoWrapper:hover {
 
  transform: scale(1.4,1.4);
 
  cursor: pointer;
 
}
 
 
#navbarLogoWrapper:hover > #navbarLogoText {
 
  opacity: 1;
 
}
 
 
#navContainer {
 
    z-index: 2;
 
    height: 8vh;
 
    width: 80%;
 
    left: 10%;
 
    position: fixed;
 
    background-color: rgba(0,0,0,0);
 
    color: #fff;
 
}
 
 
.navbar-linkContainer {
 
  height: 100%;
 
  width: 20%;
 
  color: white;
 
  background-color: rgba(0,0,0,0);
 
  -webkit-transition: all 0.3s;
 
  transition: all 0.3s;
 
  position: relative;
 
  float: left;
 
  text-align: center;
 
}
 
.navbar-linkContainerChild {
 
  position: absolute;
 
  top: 0;
 
  bottom: 0;
 
  left: 0;
 
  right: 0;
 
  width: 100%;
 
  height: 1em;
 
  margin: auto;
 
  font-family: "Norwester", sans-serif;
 
  font-weight: 700;
 
  font-size: 1.5vw;
 
  line-height: 1em;
 
  border-right: 1px solid white;
 
}
 
 
#linkContainer_ModelingChild {
 
  border: 0;
 
}
 
 
.navbar-linkContainer.active {
 
  transform: scale(1.05,1.05);
 
  border-radius: 5%;
 
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
 
  background-color: #5da565;
 
  -webkit-transition: all 0.3s;
 
  transition: all 0.3s;
 
  z-index: 9;
 
}
 
 
.activeChild {
 
  border: 0;
 
  z-index: 10;
 
}
 
 
.collapsed-menu {
 
    top: calc(8vh + 18px);
 
    position: fixed;
 
    z-index: 1;
 
    width: 100%;
 
  background-color: aquamarine;
 
}
 
 
.container-collapse {
 
  padding: 0 10px 30px 10px;
 
  width: 80%;
 
  margin-left: 10%;
 
}
 
 
.height-support {
 
    height: 20px;
 
    width: 100%;
 
}
 
 
.mask {
 
    height: 8vh;
 
    width:100%;
 
    background-color: rgba(0,0,0,0);
 
    z-index: 0;
 
}
 
 
.navbarList {
 
  float: left;
 
  height: 100%;
 
  width: 20%;
 
}
 
 
.navbarItem {
 
  height: 100%;
 
}
 
 
.navbarItemHeader {
 
  display: inline-block;
 
  position: relative;
 
  font-family: "Norwester", sans-serif;
 
  font-weight: 500;
 
  font-size: 1.8vw;
 
  color: black;
 
  text-decoration: none;
 
  padding-top: 10px;
 
  width: auto;
 
}
 
 
.navbarItemContent {
 
  display: inline-block;
 
  position: relative;
 
  color: black;
 
  font-size: 1.5vw;
 
  line-height: 1.5em;
 
  text-decoration: none;
 
  width: auto;
 
}
 
 
a.navbarItemHeader::after, a.navbarItemContent::after {
 
  content: "";
 
  position: absolute;
 
  width: 0;
 
  height: 2px;
 
  display:block;
 
  margin-top: 5px;
 
  right: 0;
 
  background-color: #000;
 
  -webkit-transition: width 0.3s ease-in-out 0s;
 
  transition: width 0.3s ease-in-out 0s;
 
  padding: 0;
 
  margin: 0;
 
}
 
 
a.navbarItemHeader:link, a.navbarItemContent:link  {
 
  color: black;
 
  text-decoration: none;
 
}
 
a.navbarItemHeader:visited, a.navbarItemContent:visited  {
 
  color: black;
 
  text-decoration: none;
 
}
 
a.navbarItemHeader:active, a.navbarItemContent:active  {
 
  color: black;
 
  text-decoration: none;
 
}
 
a.navbarItemHeader:hover, a.navbarItemContent:hover  {
 
  color: black;
 
  text-decoration: none;
 
}
 
 
a.navbarItemHeader:hover::after, a.navbarItemContent:hover::after  {
 
  width: 100%;
 
  left: 0;
 
  background: #000;
 
}
 
 
.clearBoth {
 
  clear: both;
 
}
 
/********************************************************* TOPBAR MENU ENDS *********************************************/
 
 
 
 
    </style>
 
</head>
 
<body>
 
<!--------------------------------------------------------- TOPBAR MENU STARTS ------------------------------------------->
 
<div id="topBarWrapper">
 
      <div class="topBar d-flex">
 
          <div id="navbar">
 
            <div id="navbarLogoWrapper">
 
              <img id="navbarLogo" src="https://static.igem.org/mediawiki/2018/7/76/T--Tec-Monterrey--ECoding_Menu_Logo_Still_200.png"/><img id="navbarGif" src="https://static.igem.org/mediawiki/2018/c/c3/T--Tec-Monterrey--ECoding_Menu_Gif.gif"/>
 
              <h5 id="navbarLogoText">Home</h5>
 
            </div>
 
              <div id="navContainer">
 
                  <a href="#">
 
                      <div class="navbar-linkContainer" id="linkContainer_Project">
 
                          <div class="navbar-linkContainerChild" id="linkContainer_ProjectChild">PROJECT</div>
 
                      </div>
 
                  </a>
 
                  <a href="#">
 
                      <div class="navbar-linkContainer" id="linkContainer_Parts">
 
                          <div class="navbar-linkContainerChild" id="linkContainer_PartsChild">PARTS</div>
 
                      </div>
 
                  </a>
 
                  <a href="#">
 
                      <div class="navbar-linkContainer" id="linkContainer_People">
 
                          <div class="navbar-linkContainerChild" id="linkContainer_PeopleChild">PEOPLE</div>
 
                      </div>
 
                  </a>
 
                  <a href="#">
 
                      <div class="navbar-linkContainer" id="linkContainer_HP">
 
                          <div class="navbar-linkContainerChild" id="linkContainer_HPChild">HUMAN PRACTICES</div>
 
                      </div>
 
                  </a>
 
                  <a href="#">
 
                      <div class="navbar-linkContainer" id="linkContainer_Modeling">
 
                          <div class="navbar-linkContainerChild" id="linkContainer_ModelingChild">MODELING</div>
 
                      </div>
 
                  </a>
 
              </div>
 
          </div>
 
           
 
            <!-- Project collapsed -->
 
            <div class="collapse collapsed-menu" id="collapseProject">
 
                <div class="container-collapse">
 
                    <div class="height-support">
 
                    </div>
 
                    <ul class="navbar-nav mr-auto navbarList">
 
                        <li class="nav-item navbarItem">
 
                          <a href="https://2018.igem.org/Team:Tec-Monterrey#description"
 
                            class="navbarItemHeader">Description</a>
 
                          <br>
 
                          <a class="navbarItemContent">Overview</a>
 
                          <br>
 
                          <a class="navbarItemContent">Introduction</a>
 
                          <br>
 
                          <a class="navbarItemContent">The System</a>
 
                          <br>
 
                          <a class="navbarItemContent">Applications</a>
 
                          <br>
 
                          <a class="navbarItemContent">Prototype</a>
 
                        </li>
 
                    </ul>
 
                    <ul class="navbar-nav mr-auto navbarList">
 
                        <li class="nav-item navbarItem">
 
                          <a class="navbarItemHeader">Design</a>
 
                          <br>
 
                          <a class="navbarItemContent">Background</a>
 
                          <br>
 
                          <a class="navbarItemContent">Module I</a>
 
                          <br>
 
                          <a class="navbarItemContent">Module II</a>
 
                          <br>
 
                          <a class="navbarItemContent">Module III</a>
 
                          <br>
 
                          <a class="navbarItemContent">Module IV</a>
 
                        </li>
 
                    </ul>
 
                    <ul class="navbar-nav mr-auto navbarList">
 
                        <li class="nav-item navbarItem">
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/InterLab" class="navbarItemHeader">InterLab</a>
 
                            <br>
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/InterLab#procedure-interlab" class="navbarItemContent">Procedure</a>
 
                            <br>
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/InterLab#results-interlab" class="navbarItemContent">Results</a>
 
                            <br>
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/InterLab#conclusion-interlab" class="navbarItemContent">Conclusion</a>
 
                        </li>
 
                    </ul>
 
                    <ul class="navbar-nav mr-auto navbarList">
 
                        <li class="nav-item navbarItem">
 
                          <a class="navbarItemHeader">Notebook</a>
 
                          <br>
 
                          <a class="navbarItemContent">Calendar</a>
 
                          <br>
 
                          <a class="navbarItemContent">Meetings</a>
 
                        </li>
 
                    </ul>
 
                    <ul class="navbar-nav mr-auto navbarList">
 
                        <li class="nav-item navbarItem">
 
                          <a href="https://2018.igem.org/Team:Tec-Monterrey/Demonstrate" class="navbarItemHeader">Demonstrate</a>
 
                          <br>
 
                          <a class="navbarItemContent">Overview</a>
 
                          <br>
 
                          <a class="navbarItemContent">Introduction</a>
 
                        </li>
 
                    </ul>
 
                    <br class="clearBoth"/>
 
                </div>
 
            </div>
 
            <!-- Parts collapsed -->
 
            <div class="collapse collapsed-menu" id="collapseParts">
 
                <div class="container-collapse">
 
                    <div class="height-support">
 
                    </div>
 
                    <ul class="navbar-nav mr-auto navbarList">
 
                        <li class="nav-item navbarItem">
 
                            <a href="" class="navbarItemHeader">Basic Parts</a>
 
                            <br>
 
                            <a href="" class="navbarItemContent">Overview</a>
 
                            <br>
 
                            <a href="" class="navbarItemContent">Best Basic Part</a>
 
                        </li>
 
                    </ul>
 
                    <ul class="navbar-nav mr-auto navbarList">
 
                        <li class="nav-item navbarItem">
 
                            <a href="" class="navbarItemHeader">Composite Parts</a>
 
                            <br>
 
                            <a href="" class="navbarItemContent">Overview</a>
 
                            <br>
 
                            <a href="" class="navbarItemContent">Best Composite Part</a>
 
                        </li>
 
                    </ul>
 
                    <ul class="navbar-nav mr-auto navbarList">
 
                        <li class="nav-item navbarItem">
 
                            <a href="" class="navbarItemHeader">Parts Collection</a>
 
                            <br>
 
                            <a href="" class="navbarItemContent">Best Parts</a>
 
                        </li>
 
                    </ul>
 
                    <ul class="navbar-nav mr-auto navbarList">
 
                        <li class="nav-item navbarItem">
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Improve" class="navbarItemHeader">Improved Parts</a>
 
                            <br>
 
                            <a href="" class="navbarItemContent">Overview</a>
 
                            <br>
 
                            <a href="" class="navbarItemContent">Part I</a>
 
                            <br>
 
                            <a href="" class="navbarItemContent">Part II</a>
 
                            <br>
 
                            <a href="" class="navbarItemContent">Part III</a>
 
                            <br>
 
                            <a href="" class="navbarItemContent">Part IV</a>
 
                        </li>
 
                    </ul>
 
                    <ul class="navbar-nav mr-auto navbarList">
 
                        <li class="nav-item navbarItem">
 
                            <a href="" class="navbarItemHeader">Parts List</a>
 
                        </li>
 
                    </ul>
 
                    <br class="clearBoth"/>
 
                </div>
 
            </div>
 
            <!-- People collapsed -->
 
            <div class="collapse collapsed-menu" id="collapsePeople">
 
                <div class="container-collapse">
 
                    <div class="height-support">
 
                    </div>
 
                    <ul class="navbar-nav mr-auto navbarList">
 
                        <li class="nav-item navbarItem">
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Team" class="navbarItemHeader">Team</a>
 
                            <br>
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Team#page-top" class="navbarItemContent">Header</a>
 
                            <br>
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Team#teamMembers" class="navbarItemContent">Team Members</a>
 
                            <br>
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Team#pi1" class="navbarItemContent">PI 1</a>
 
                            <br>
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Team#pi2" class="navbarItemContent">PI 2</a>
 
                            <br>
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Team#instructor" class="navbarItemContent">Instructor</a>
 
                            <br>
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Team#advisors" class="navbarItemContent">Advisors</a>
 
                            <br>
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Team#collaborators" class="navbarItemContent">Collaborators</a>
 
                            <br>
 
                        </li>
 
                    </ul>
 
                    <ul class="navbar-nav mr-auto navbarList">
 
                        <li class="nav-item navbarItem">
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Collaborations" class="navbarItemHeader">Collaborations</a>
 
                            <br>
 
                            <a href="#page-top" class="navbarItemContent">Collab 1</a>
 
                            <br>
 
                            <a href="#page-top" class="navbarItemContent">Collab 2</a>
 
                            <br>
 
                            <a href="#page-top" class="navbarItemContent">Collab 3</a>
 
                            <br>
 
                            <a href="#page-top" class="navbarItemContent">Collab 4</a>
 
                        </li>
 
                    </ul>
 
                    <ul class="navbar-nav mr-auto navbarList">
 
                        <li class="nav-item navbarItem">
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Attributions" class="navbarItemHeader">Attributions</a>
 
                            <br>
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Attributions#tec-monterrey-work" class="navbarItemContent">What we have done</a>
 
                            <br>
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Attributions#general-support" class="navbarItemContent">General Support</a>
 
                            <br>
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Attributions#HP-support" class="navbarItemContent">HP Support</a>
 
                            <br>
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Attributions#design-wiki" class="navbarItemContent">Design/Wiki</a>
 
                            <br>
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Attributions#fund-raising" class="navbarItemContent">Fund raising</a>
 
                            <br>
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Attributions#thanks" class="navbarItemContent">Thanks</a>
 
                        </li>
 
                    </ul>
 
                    <ul class="navbar-nav mr-auto navbarList">
 
                        <li class="nav-item navbarItem">
 
                            <a href="#page-top" class="navbarItemHeader">Sponsors</a>
 
                            <br>
 
                            <a href="#page-top" class="navbarItemContent">Principal</a>
 
                            <br>
 
                            <a href="#page-top" class="navbarItemContent">Secondary</a>
 
                        </li>
 
                    </ul>
 
                    <br class="clearBoth"/>
 
                </div>
 
            </div>
 
            <!-- HP collapsed -->
 
            <div class="collapse collapsed-menu" id="collapseHP">
 
                <div class="container-collapse">
 
                    <div class="height-support">
 
                    </div>
 
                    <ul class="navbar-nav mr-auto navbarList">
 
                        <li class="nav-item navbarItem">
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Human_Practices" class="navbarItemHeader">Human Practices</a>
 
                            <br>
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Human_Practices#page-top" class="navbarItemContent">Header</a>
 
                            <br>
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Human_Practices#introduction-HP" class="navbarItemContent">Intro</a>
 
                            <br>
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Human_Practices#monterrey-HP" class="navbarItemContent">Monterrey</a>
 
                            <br>
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Human_Practices#chiapas-HP" class="navbarItemContent">Chiapas</a>
 
                            <br>
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Human_Practices#integrated-HP" class="navbarItemContent">Integrated</a>
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Human_Practices#world-HP" class="navbarItemContent">World</a>
 
                            <br>
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Human_Practices#prototype-HP" class="navbarItemContent">Prototype</a>
 
                        </li>
 
                    </ul>
 
                    <ul class="navbar-nav mr-auto navbarList">
 
                        <li class="nav-item navbarItem">
 
                            <a href="#" class="navbarItemHeader">The Journey</a>
 
                            <br>
 
                            <a href="#" class="navbarItemContent">Tabasco</a>
 
                            <br>
 
                            <a href="#" class="navbarItemContent">Chiapas</a>
 
                            <br>
 
                            <a href="#" class="navbarItemContent">Samples</a>
 
                        </li>
 
                    </ul>
 
                    <ul class="navbar-nav mr-auto navbarList" style="width: 25%;">
 
                        <li class="nav-item navbarItem">
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Public_Engagement" class="navbarItemHeader">Public Engagement</a>
 
                            <br>
 
                            <a href="#" class="navbarItemContent">Milenio News</a>
 
                            <br>
 
                            <a href="#" class="navbarItemContent">Conexion Tec</a>
 
                            <br>
 
                            <a href="#" class="navbarItemContent">Genobiotec</a>
 
                            <br>
 
                            <a href="#" class="navbarItemContent">Curiosamente</a>
 
                            <br>
 
                            <a href="#" class="navbarItemContent">Tec Review</a>
 
                        </li>
 
                    </ul>
 
                    <ul class="navbar-nav mr-auto navbarList" style="width: 25%;">
 
                        <li class="nav-item navbarItem">
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Public_Engagement" class="navbarItemHeader">Educational Engagement</a>
 
                            <br>
 
                            <a href="#" class="navbarItemContent">Seminar</a>
 
                            <br>
 
                            <a href="#" class="navbarItemContent">Congress</a>
 
                            <br>
 
                            <a href="#" class="navbarItemContent">Talks</a>
 
                        </li>
 
                    </ul>
 
                    <br class="clearBoth"/>
 
                </div>
 
            </div>
 
            <!-- Modeling collapsed -->
 
            <div class="collapse collapsed-menu" id="collapseModeling">
 
                <div class="container-collapse">
 
                    <div class="height-support">
 
                    </div>
 
                    <ul class="navbar-nav mr-auto navbarList" style="width: 25%;">
 
                        <li class="nav-item navbarItem">
 
                            <a href="https://2018.igem.org/Team:Tec-Monterrey/Model" class="navbarItemHeader">Mathematical Model</a>
 
                            <br>
 
                            <a href="#page-top" class="navbarItemContent">Overview</a>
 
                            <br>
 
                            <a href="#page-top" class="navbarItemContent">Growth</a>
 
                            <br>
 
                            <a href="#page-top" class="navbarItemContent">Enzimes</a>
 
                        </li>
 
                    </ul>
 
                    <br class="clearBoth"/>
 
                </div>
 
            </div>
 
 
            <div class="mask"></div>
 
        </div>
 
</div>
 
<!--------------------------------------------------------- TOPBAR MENU ENDS ---------------------------------------------> 
 
 
 
</body>
 
</html>
 

Latest revision as of 21:03, 9 October 2018