Difference between revisions of "Team:Imperial College/Templates/NavBar"

Line 56: Line 56:
 
     color:#24305E;
 
     color:#24305E;
 
}
 
}
 +
 
.clr{
 
.clr{
 
     clear:both;
 
     clear:both;
Line 225: Line 226:
 
         }
 
         }
 
       }
 
       }
 +
</style>
 +
</head>
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- THIS IS WHERE THE HTML BEGINS --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- Menu --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
<body>
 +
<section class="navigation">
 +
  <div class="nav-container">
 +
    <div class="logo">
 +
      <a href="#"> <img class="pixcell" src="https://static.igem.org/mediawiki/2018/8/80/T--Imperial_College--pixcell.png"></a>
 +
      <a href="#"> <img class="iclogo " src="https://static.igem.org/mediawiki/2018/8/8b/T--Imperial_College--college.png"></a>
 +
  </div>
 +
    <nav>
 +
      <div class="nav-mobile"><a id="nav-toggle" href="#!"><span></span></a></div>
 +
      <ul class="nav-list">
 +
        <li>
 +
          <a href="#">PROJECT<i class="fa fa-caret-down" aria-hidden="true"></i></a>
 +
          <ul class="nav-dropdown">
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Imperial_College/Project" "="">DESCRIPTION</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Imperial_College/Mechanisms">DESIGN</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Imperial_College/Applications">APPLICATIONS</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Imperial_College/Achievements">ACHIEVEMENTS</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Imperial_College/Future">FUTURE WORK</a>
 +
          </li>
 +
          <li>
 +
              <a href="https://2018.igem.org/Team:Imperial_College/Brainstorming">BRAINSTORM</a>
 +
            </li>
 +
          </ul>
 +
        </li>
 +
        <li>
 +
          <a href="#">DRY LAB<i class="fa fa-caret-down" aria-hidden="true"></i></a>
 +
          <ul class="nav-dropdown">
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Imperial_College/Dryover">OVERVIEW</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Imperial_College/Modelling">MODELLING</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Imperial_College/Hardware">HARDWARE</a>
 +
            </li>
 +
          </ul>
 +
        <li>
 +
          <a href="#">WET LAB<i class="fa fa-caret-down" aria-hidden="true"></i></a>
 +
          <ul class="nav-dropdown">
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Imperial_College/Wetover">OVERVIEW</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Imperial_College/Results">RESULTS</a></li>
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Imperial_College/Experiments">EXPERIMENTS</a></li>
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Imperial_College/Protocols">PROTOCOLS</a></li>
 +
            <li>
 +
              <a href="Parts">PARTS</a>
 +
            </li> 
 +
          </ul>
 +
        </li>
 +
        <li>
 +
          <a href="#">HUMAN PRACTICES<i class="fa fa-caret-down" aria-hidden="true"></i></a>
 +
          <ul class="nav-dropdown">
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Imperial_College/HP">OVERVIEW</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Imperial_College/IHP">INTEGRATED HP</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Imperial_College/Communication">COMMUNICATION</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Imperial_College/Outreach">OUTREACH</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Imperial_College/Collaborations">COLLABORATIONS</a>
 +
            </li>
 +
          </ul>
 +
        </li>
 +
        <li>
 +
          <a href="#">PEOPLE<i class="fa fa-caret-down" aria-hidden="true"></i></a>
 +
          <ul class="nav-dropdown">
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Imperial_College/Team">TEAM</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Imperial_College/Attributions">ATTRIBUTIONS</a></li>
 +
            <li>
 +
              <a href="https://2018.igem.org/Team:Imperial_College/Sponsors">SPONSORS</a>
 +
            </li>
 +
          </ul>
 +
        </li>
 +
        <li>
 +
          <a href="https://2018.igem.org/Team:Imperial_College/Judges">FOR JUDGES</a>
 +
        </li>
 +
        <li>
 +
          <a href="https://2018.igem.org/Team:Imperial_College/Journal">JOURNAL</a>
 +
        </li>
 +
      </ul>
 +
    </nav>
 +
  </div>
 +
</section>
 +
 
 +
</body>
 +
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- Content of the page  --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->

Revision as of 11:56, 13 October 2018