Difference between revisions of "Template:IIT Delhi"

Line 32: Line 32:
  
 
</script>
 
</script>
 +
<style>
 +
.navbar {
 +
position:fixed;/* ie6 will treat this as fixed because of a bug where overflow:auto is set on a parent */
 +
top:0px;
 +
left:0px;
 +
height:50px;
 +
width:100%;
 +
margin:0;
 +
padding:0;
 +
z-index:999;
 +
background-color: #333;
 +
overflow:visible;
 +
}
 +
.navbar a:hover, .dropdown:hover .dropbtn {
 +
    background-color: red;
 +
    z-index: 101;
 +
}
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 101;
 +
}
 +
.dropdown-content-big {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 200px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 101;
 +
}
 +
.dropdown-content a {
 +
    float: none;
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
    z-index: 101;
 +
}
 +
 +
.dropdown-content a:hover {
 +
    background-color: #ddd;
 +
    z-index: 101;
 +
}
 +
.dropdown-content-big a {
 +
    float: none;
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
    z-index: 101;
 +
}
 +
 +
.dropdown-content-big a:hover {
 +
    background-color: #ddd;
 +
    z-index: 101;
 +
}
 +
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
    z-index: 101;
 +
}
 +
.dropdown:hover .dropdown-content-big {
 +
    display: block;
 +
    z-index: 101;
 +
}
 +
.right_menu{
 +
    float: right;
 +
    text-align: right;
 +
    width: auto;
 +
    margin-right: 60px;
 +
}
 +
.backbody {
 +
    background-image: url("1.png");
 +
    min-height: 800px;
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    background-repeat: no-repeat;
 +
    background-size: cover;
 +
    opacity: 0.4;
 +
        position: absolute;
 +
    left: 0px;
 +
    top: 0px;
 +
    bottom: 0px;
 +
    z-index: -1;
 +
}
 +
body {
 +
    background-color: black;
 +
}
 +
</style>
  
 
<head>  
 
<head>  
Line 64: Line 158:
  
  
−
<!-- THIS IS WHERE THE HTML BEGINS -->
+
<body class="landing" background-color: black;>
−
 
+
−
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="50">
+
−
 
+
−
<nav class= "navbar-fixed-top navbar">
+
−
  <div class="container-fluid">
+
−
    <div class="navbar-header">
+
−
      <!-- This allows the navigation bar to be replaced by a button in the top right corner when screen is to small -->
+
−
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
+
−
        <span class="icon-bar"></span>
+
−
        <span class="icon-bar"></span>
+
−
        <span class="icon-bar"></span>
+
−
      </button>
+
−
 
+
−
      <!-- This is the logo -->
+
−
    <a href="https://2017.igem.org/Team:Oxford" class="navbar-left"><img src="https://static.igem.org/mediawiki/2017/8/82/T--oxford--see--cruzi--logo--inverted.png"></a>
+
−
 
+
−
    </div>
+
−
    <div class="collapse navbar-collapse" id="myNavbar">
+
−
      <ul class="nav navbar-nav navbar-right">
+
−
       
+
−
        <li id="home-link"><a href="https://2017.igem.org/Team:Oxford">HOME</a></li>
+
−
       
+
−
        <!-- This is the project dropdown -->
+
−
        <li class="dropdown">
+
−
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">PROJECT
+
−
            <span class="caret"></span>
+
−
          </a>
+
−
          <ul class="dropdown-menu">
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Description">Description</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Chagas_Disease">Chagas Disease</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Chagas_Public_Policy">Chagas Public Policy</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Design">Design</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Safety">Safety</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Applied_Design">Applied Design</a></li>
+
−
          </ul>
+
−
        </li>
+
−
 
+
−
        <!-- This is the parts dropdown -->
+
−
        <li class="dropdown">
+
−
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">PARTS
+
−
            <span class="caret"></span>
+
−
          </a>
+
−
          <ul class="dropdown-menu">
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Parts">Parts</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Basic_Part">Basic Parts</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Composite_Part">Composite Parts</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Part_Collection">Part Collection</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Contribution">Contribution</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Improve">Improve</a></li>
+
−
          </ul>
+
−
        </li>
+
−
 
+
−
        <!-- This is the wet lab button -->
+
−
        <li class="dropdown">
+
−
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">WET LAB
+
−
            <span class="caret"></span>
+
−
          </a>
+
−
          <ul class="dropdown-menu">
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Overview_Web_Lab">Overview</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Results_Wet_Lab">Results</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Experiments">Experiments</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Protocols">Protocols</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Notebook">Notebook</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Sequences">Sequences</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/InterLab">Interlab</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Measurement">Measurement</a></li>
+
−
          </ul>
+
−
        </li>
+
−
 
+
−
 
+
−
 
+
−
          <!-- This is the dry lab dropdown -->
+
−
        <li class="dropdown">
+
−
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">DRY LAB
+
−
            <span class="caret"></span>
+
−
          </a>
+
−
          <ul class="dropdown-menu">
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Model">Overview</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Results_Dry_Lab">Results</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Cell_Free_Model">Cell-Free Model</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/OMV_Model">OMV Model</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Disease_Model">Disease Model</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Software">Software</a></li>
+
−
          </ul>
+
−
        </li>
+
−
 
+
−
        <!-- This is the human practices dropdown -->
+
−
        <li class="dropdown">
+
−
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">HUMAN PRACTICES
+
−
            <span class="caret"></span>
+
−
          </a>
+
−
          <ul class="dropdown-menu">
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/HP/Silver">Silver HP</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/HP/Gold_Integrated">Integrated and Gold</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Engagement">Public Engagement</a></li>
+
−
           
+
−
          </ul>
+
−
        </li>
+
−
 
+
−
        <!-- This is the people dropdown -->
+
−
        <li class="dropdown">
+
−
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">PEOPLE
+
−
            <span class="caret"></span>
+
−
          </a>
+
−
          <ul class="dropdown-menu">
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Team">Meet the Team</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Collaborations">Collaborations</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Attributions">Attributions</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Sponsors">Sponsors</a></li>
+
−
          </ul>
+
−
        </li>
+
−
 
+
−
        <!-- This is the awards dropdown
+
−
        <li class="dropdown">
+
−
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">AWARDS
+
−
            <span class="caret"></span>
+
−
          </a>
+
−
          <ul class="dropdown-menu">
+
−
           
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Entrepreneurship">Entrepreneurship</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Hardware">Hardware</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Measurement">Measurement</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Model">Model</a></li>
+
−
            <li><a href="https://2017.igem.org/Team:Oxford/Plant">Plant</a></li>
+
−
            <li><a href="https://igem.org/2017_Judging_Form?team=Oxford">JUDGING FORM</a></li>
+
−
           
+
−
          </ul>
+
−
        </li>
+
−
        -->
+
  
−
        <!-- This is the search button -->
+
<!-- Header -->
−
      </ul>
+
−
    </div>
+
<div class = "navbar ">
−
  </div>
+
<a href="index.html">iGEM IIT Delhi</a>
−
</nav>
+
<div class = "right_menu">
 +
  <div class="dropdown">
 +
    <button class="dropbtn">Project
 +
    <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="#">Description</a>
 +
      <a href="#">Results</a>
 +
      <a href="#">Proof of Concept</a>
 +
      <a href="#">Basic Parts</a>
 +
      <a href="#">Composite Parts</a>
 +
    </div>
 +
  </div>  
 +
  <div class="dropdown">
 +
    <button class="dropbtn">Modelling
 +
    <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="#">Overview</a>
 +
      <a href="#">Logic Assessment</a>
 +
      <a href="#">Signalling Tools</a>
 +
    </div>
 +
  </div>
 +
  <div class="dropdown">
 +
    <button class="dropbtn">Human Practices
 +
    <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content-big">
 +
      <a href="#">Human Practices</a>
 +
      <a href="#">Integrated Practices</a>
 +
      <a href="#">Public Engagement</a>
 +
      <a href="#">Collaborations</a>
 +
    </div>
 +
  </div>
 +
  <div class="dropdown">
 +
    <button class="dropbtn">Notebook
 +
    <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="#">Lab Records</a>
 +
      <a href="#">Protocols</a>
 +
      <a href="#">Recipes</a>
 +
      <a href="#">Medal Criteria</a>
 +
      <a href="#">Recipes</a>
 +
    </div>
 +
  </div> 
 +
  <div class="dropdown">
 +
    <button class="dropbtn">Team
 +
    <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="team.html">The Team</a>
 +
      <a href="#">Attributions</a>
 +
    </div>
 +
  </div> 
 +
 +
</div>
 +
</div>

Revision as of 10:06, 28 October 2017

iGEM IIT Delhi
Description Results Proof of Concept Basic Parts Composite Parts
Overview Logic Assessment Signalling Tools
Human Practices Integrated Practices Public Engagement Collaborations
Lab Records Protocols Recipes Medal Criteria Recipes
The Team Attributions