Difference between revisions of "Team:TUDelft/Head"

Line 86: Line 86:
 
</head>
 
</head>
 
<body>
 
<body>
−
<!-- .navbar-fixed-top, or .navbar-fixed-bottom can be added to keep the nav bar fixed on the screen -->
+
 
 
<nav class="navbar navbar-fixed-top" style="margin:20px;">
 
<nav class="navbar navbar-fixed-top" style="margin:20px;">
−
  <div class="container-fluid">
+
<div class="container-fluid">
−
+
 
−
    <!-- Brand and toggle get grouped for better mobile display -->
+
<!-- Brand and toggle get grouped for better mobile display -->
−
    <div class="navbar-header">
+
<div class="navbar-header">
−
+
 
−
      <!-- Button that toggles the navbar on and off on small screens -->
+
<!-- Button that toggles the navbar on and off on small screens -->
−
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
+
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
−
+
 
−
      <!-- Hides information from screen readers -->
+
<!-- Hides information from screen readers -->
−
        <span class="sr-only"></span>
+
<span class="sr-only"></span>
−
+
 
−
        <!-- Draws 3 bars in navbar button when in small mode -->
+
<!-- Draws 3 bars in navbar button when in small mode -->
−
        <span class="icon-bar"></span>
+
<span class="icon-bar"></span>
−
        <span class="icon-bar"></span>
+
<span class="icon-bar"></span>
−
        <span class="icon-bar"></span>
+
<span class="icon-bar"></span>
−
      </button>
+
</button>
−
+
 
−
      <!-- You'll have to add padding in your image on the top and right of a few pixels (CSS Styling will break the navbar) -->
+
<!-- You'll have to add padding in your image on the top and right of a few pixels (CSS Styling will break the navbar) -->
−
      <a class="pull-left" href="https://2018.igem.org/Team:TUDelft"><img class="adopeicon" src="https://static.igem.org/mediawiki/2018/7/75/T--TUDelft--2018_adope_logo.png"></a>
+
<a class="pull-left" href="https://2018.igem.org/Team:TUDelft"><img class="adopeicon" src="https://static.igem.org/mediawiki/2018/7/75/T--TUDelft--2018_adope_logo.png"></a>
−
    </div>
+
</div>
−
+
 
−
    <!-- Collect the nav links, forms, and other content for toggling -->
+
<!-- Collect the nav links, forms, and other content for toggling -->
−
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
−
      <ul class="nav navbar-nav">
+
<ul class="nav navbar-nav">
−
        <li class="active"><a href="#">Home <span class="sr-only">(current)</span></a></li>
+
<li class="active"><a href="#">Home <span class="sr-only">(current)</span></a></li>
−
        <li><a href="#">About</a></li>
+
  <!-- Project -->
−
        <li class="dropdown">
+
<li class="dropdown">
−
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Contact Us <span class="caret"></span></a>
+
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a>
−
          <ul class="dropdown-menu">
+
  <ul class="dropdown-menu">
−
            <li><a href="#">Email</a></li>
+
    <li><a href="https://2018.igem.org/Team:TUDelft/Description">Description</a></li>
−
            <li><a href="#">Phone</a></li>
+
    <li><a href="https://2018.igem.org/Team:TUDelft/Design">Design</a></li>
−
            <li role="separator" class="divider"></li>
+
    <li><a href="https://2018.igem.org/Team:TUDelft/Notebook">Notebook</a></li>
−
            <li><a href="#">Set Appointment</a></li>
+
    <li><a href="https://2018.igem.org/Team:TUDelft/Results">Results</a></li>
−
          </ul>
+
    <li><a href="https://2018.igem.org/Team:TUDelft/Demonstration">Demonstration</a></li>
−
        </li>
+
    <li><a href="https://2018.igem.org/Team:TUDelft/Attributions">Attributions</a></li>
−
      </ul>
+
  </ul>
−
      <!-- navbar-left will move the search to the left -->
+
</li>
−
      <form class="navbar-form navbar-right" role="search">
+
  <!-- Modeling -->
−
        <div class="form-group">
+
<li class="dropdown">
−
          <input type="text" class="form-control" placeholder="Search">
+
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Modeling<span class="caret"></span></a>
−
        </div>
+
  <ul class="dropdown-menu">
−
        <button type="submit" class="btn btn-default">Submit</button>
+
    <li><a href="https://2018.igem.org/Team:TUDelft/Model">Model</a></li>
−
      </form>
+
    <li><a href="https://2018.igem.org/Team:TUDelft/Design">Software Tool</a></li>
−
    </div><!-- /.navbar-collapse -->
+
  </ul>
−
  </div><!-- /.container-fluid -->
+
</li>
 +
      <!-- Team -->
 +
<li class="dropdown">
 +
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team<span class="caret"></span></a>
 +
  <ul class="dropdown-menu">
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Team">Team Members</a></li>
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Collaborations">Collaborations</a></li>
 +
  </ul>
 +
</li>
 +
      <!-- Parts -->
 +
<li class="dropdown">
 +
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts<span class="caret"></span></a>
 +
  <ul class="dropdown-menu">
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Basic_Part">Basic Parts</a></li>
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Composite_Parts">Composite Parts</a></li>
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Part_Collection">Part Collections Parts</a></li>
 +
  </ul>
 +
</li>
 +
    <!-- Human Practices -->
 +
<li class="dropdown">
 +
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practices<span class="caret"></span></a>
 +
  <ul class="dropdown-menu">
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Human_Practices">Integrated Human Practices</a></li>
 +
    <li><a href="https://2018.igem.org/Team:TUDelft/Public_Engagement">Education and Engagement</a></li>
 +
  </ul>
 +
</li>
 +
<!-- EurAsian Meetup -->
 +
<li><a href="https://2018.igem.org/Team:TUDelft/EurAsianMeetup">EurAsian Meetup</a></li>
 +
<!-- Safety -->
 +
<li><a href="https://2018.igem.org/Team:TUDelft/Safety">Safety</a></li>
 +
<!-- Sponsors -->
 +
<li><a href="https://2018.igem.org/Team:TUDelft/Sponsors">Sponsors</a></li>
 +
</ul>
 +
<!-- navbar-left will move the search to the left -->
 +
<form class="navbar-form navbar-right" role="search">
 +
<div class="form-group">
 +
  <input type="text" class="form-control" placeholder="Search">
 +
</div>
 +
<button type="submit" class="btn btn-default">Submit</button>
 +
</form>
 +
</div><!-- /.navbar-collapse -->
 +
</div><!-- /.container-fluid -->
 
</nav>
 
</nav>
  

Revision as of 10:20, 16 August 2018

Case13a