Difference between revisions of "Team:GenetiX Tec CCM"

Line 1: Line 1:
 +
<!DOCTYPE html>
 
<html>
 
<html>
 
   <head>
 
   <head>
Line 4: Line 5:
 
           <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></title>
+
           <title>GenetiX 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>
 +
          <script>
 +
function show() {
 +
    if(document.getElementById('benefits').style.display=='none') {
 +
      document.getElementById('benefits').style.display='block';
 +
    }
 +
}
 +
function close() {
 +
        if(document.getElementById('benefits').style.display=='block') {
 +
          document.getElementById('benefits').style.display='none';
 +
        }
 +
    } 
 +
</script>
 
   </head>
 
   </head>
 
   <script>
 
   <script>
Line 87: Line 100:
 
     width: 20px;
 
     width: 20px;
 
   }
 
   }
 +
  .subnavbar{
 +
  width:90%;
 +
  height:100px;
 +
  margin-left: 30px;
 +
}
 
   </style>
 
   </style>
 
   <body>
 
   <body>
−
     <div class="container-fluid">
+
    <nav class="navbar navbar-default navbar-fixed-top">
−
       <div class="row" class="menu">
+
     <div id="mainContainer" class="container-fluid">
−
         <div class="col-md-3">
+
       <div class="row" class="menu" id="manuNavbar">
−
           <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>
+
         <div>
−
           <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>
+
          <li> <a> <img src="../Imgs/iGemLogo.png" style="width: 7%;" alt="iGemlogo" > </a> </li>
 +
       
 +
        <li> <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM"> <img src="../Imgs/TeamLogo.png" style="width: 7%;" alt="TeamLogo"> </a> </li>
 +
        <ul>
 +
        <a href="#" onclick=show()  name=2;> <li>PROJECT
 +
         
 +
           </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=show()  name=1; ><li>PARTS</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>
 +
    <?php
 +
    switch ($name) {
 +
      case '1':
 +
        <div><ul class="subnavbar" style="display:none;" id="benefits">
 +
            <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>
 
         </div>
 
         </div>
−
         <div class="col-md-9">
+
         break;
−
          <div class="menu">
+
      case '2':
−
          <a href="" class="menu" style="margin-left: 25px; color: black"> Project </a>  
+
        <div><ul class="subnavbar"style="display:none;" id="benefits">
−
          <a href="" class="menu" style="margin-left: 55px; color: black"> Journal </a>  
+
            <a href="https://2015.igem.org/Team:Example/Description"><li>Description</li></a>
−
          <a href="" class="menu" style="margin-left: 55px; color: black"> Human Practices </a>
+
            <a href="https://2015.igem.org/Team:Example/Design"><li>Design</li></a>
−
          <a href="" class="menu" style="margin-left: 55px; color: black"> Safety </a>
+
            <a href="https://2015.igem.org/Team:Example/Modeling"><li>Modeling</li></a>
−
          <a href="" class="menu" style="margin-left: 55px; color: black"> Team </a>
+
            <a href="https://2015.igem.org/Team:Example/Results"><li>Results</li></a>
−
          </div>
+
            <a href="https://2015.igem.org/Team:Example/Experiments"><li>Experiments &amp; Protocols</li></a>
−
        <div class="submenu">
+
           
−
          <a class="submenu" style="margin-left: 60px; margin-right: 120px "> Attributions </a>
+
                <a href="https://2015.igem.org/Team:Example/References"><li>References</li></a>  
−
          <a class="submenu" style="margin-left: 55px;"> Impact </a>
+
          </ul>
−
          <a class="submenu" style="margin-left: 55px;"> How </a>
+
−
        </div>  
+
 
         </div>
 
         </div>
 +
        break;
 +
 +
     
 +
     
 +
    }
 +
   
 +
    ?>
 
     </div>
 
     </div>
 
     <div>
 
     <div>
Line 120: Line 178:
 
         <image src="https://static.igem.org/mediawiki/2015/1/16/HeaderLine.png" style="width: 1330px; height: 10px;">
 
         <image src="https://static.igem.org/mediawiki/2015/1/16/HeaderLine.png" style="width: 1330px; height: 10px;">
 
       </span>
 
       </span>
−
     </div>   
+
     </div>
 +
    <nav>   
 
     <div class="row">
 
     <div class="row">
 
       <div class="col-md-6">
 
       <div class="col-md-6">

Revision as of 01:33, 13 September 2015

<!DOCTYPE html> GenetiX Tec CCM