Difference between revisions of "Template:Duke"

Line 376: Line 376:
  
 
<head>  
 
<head>  
−
<meta name="viewport" content="width=device-width, initial-scale=1">  
+
<link href="https://2016.igem.org/Team:Duke/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 +
<link type="text/css" href="https://2016.igem.org/Team:Duke/main?action=raw&amp;ctype=text/css> <!--modifies css based on bootstrap.css-->
 +
  <script src="https://2016.igem.org/Team:Duke/jquery?action=raw&ctype=text/javascript"></script> <!--necessary for bootstrap-->
 +
  <script src="https://2016.igem.org/Team:Duke/bootstrapjs?action=raw&ctype=text/javascript"></script>
 +
  <!-- Font Awesome for icons-->
 +
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
 +
  <!--Set width to the width of the device-->
 +
  <meta name="viewport" content="width=device-width, initial-scale=1">
 
</head>
 
</head>
  
Line 382: Line 389:
  
  
−
<div class="menu_wrapper" >
+
<div class="example3">
 +
<nav class="navbar navbar-default" style="margin-bottom: 0px">
 +
<div class="container-fluid">
 +
    <div class="navbar-header">
 +
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar3">
 +
          <span class="sr-only">Toggle navigation</span>
 +
          <!--Three Spans below create buttons in iOS-->
 +
          <span class="icon-bar"></span>
 +
          <span class="icon-bar"></span>
 +
          <span class="icon-bar"></span>
 +
        </button>
 +
</div>
  
 +
<!--Duke Logo-->
 +
<a class="navbar-left" href="https://2016.igem.org/Team:Duke">
 +
<img id="logo" src="https://static.igem.org/mediawiki/2016/c/c4/T--Duke--logo_and_.jpeg" width="80px" ></a>
 +
<!--Navigation Bar specifications Below-->
 +
        <div id="navbar3" class="navbar-collapse collapse">
 +
        <ul class="nav navbar-nav navbar-right">
 +
          <li><a href="https://2016.igem.org/Team:Duke">Home</a></li>
  
 +
          <li class="dropdown">
 +
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Team <span class="caret"></span></a>
 +
            <ul class="dropdown-menu" role="menu">
 +
              <li><a href="https://2016.igem.org/Team:Duke/Team">Team</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Duke/Collaborations"><i class="fa fa-star" aria-hidden="true"></i>Collaborations</a></li>
 +
            </ul>
 +
          </li>
  
 +
          <li class="dropdown">
 +
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Project <span class="caret"></span></a>
 +
            <ul class="dropdown-menu" role="menu">
 +
              <li><a href="https://2016.igem.org/Team:Duke/Description">Description</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Duke/Design"><i class="fa fa-star" aria-hidden="true"></i>Design</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Duke/Experiments">Experiments</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Duke/Proof"><i class="fa fa-star" aria-hidden="true"></i>Proof of Concept</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Duke/Demonstrate"><i class="fa fa-star" aria-hidden="true"></i>Demonstrate</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Duke/Results">Results</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Duke/Notebook">Notebook</a></li>
 +
            </ul>
 +
          </li>
  
−
<div class="collapsable_menu_control"> MENU ▤ </div>
+
          <li class="dropdown">
 +
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Parts<span class="caret"></span></a>
 +
            <ul class="dropdown-menu" role="menu">
 +
              <li><a href="https://2016.igem.org/Team:Duke/Parts">Parts</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Duke/Basic_Part"><i class="fa fa-star" aria-hidden="true"></i>Basic Parts</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Duke/Composite_Part"><i class="fa fa-star" aria-hidden="true"></i>Composite Parts</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Duke/Part_Collection"><i class="fa fa-star" aria-hidden="true"></i>Part Collection</a></li>
 +
            </ul>
 +
          </li>
  
−
<ul id="accordion" class="accordion">
+
        <li><a href="https://2016.igem.org/Team:Duke/Safety">Safety</a></li>
 +
 +
<li><a href="https://2016.igem.org/Team:Duke/Attributions"><i class="fa fa-star" aria-hidden="true"></i>Attributions</a></li>
  
−
<li class="menu_item"> <a href="https://2016.igem.org/Team:Duke">HOME </a> </li>
+
<li class="dropdown">
 +
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Human Practices <span class="caret"></span></a>
 +
            <ul class="dropdown-menu" role="menu">
 +
              <li><a href="https://2016.igem.org/Team:Duke/Human_Practices">Human Practices</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Duke/Silver"><i class="fa fa-star" aria-hidden="true"></i>Silver</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Duke/Gold"><i class="fa fa-star" aria-hidden="true"></i>Gold</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Duke/Integrated_Practices"><i class="fa fa-star" aria-hidden="true"></i>Integrated Practices</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Duke/Engagement"><i class="fa fa-star" aria-hidden="true"></i>Engagement</a></li>
 +
            </ul>
 +
          </li>
  
 +
          <li class="dropdown">
 +
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Awards <span class="caret"></span></a>
 +
            <ul class="dropdown-menu" role="menu">
 +
              <li><a href="https://2016.igem.org/Team:Duke/Entrepreneurship"><i class="fa fa-star" aria-hidden="true"></i>Entrepreneurship</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Duke/Hardware"><i class="fa fa-star" aria-hidden="true"></i>Hardware</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Duke/Software"><i class="fa fa-star" aria-hidden="true"></i>Software</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Duke/Measurement"><i class="fa fa-star" aria-hidden="true"></i>Measurement</a></li>
 +
              <li><a href="https://2016.igem.org/Team:Duke/Model"><i class="fa fa-star" aria-hidden="true"></i>Model</a></li>
 +
            </ul>
 +
          </li>
  
−
<li class="menu_item"> <div class="icon plus"></div> TEAM
 
−
<ul class="submenu">
 
−
<li> <a href=" https://2016.igem.org/Team:Duke/Team"> Team  </a> </li>
 
−
<li> <a href="https://2016.igem.org/Team:Duke/Collaborations">★  Collaborations </a> </li>
 
−
                    </ul>
 
−
                </li>
 
  
−
<li class="menu_item"> <div class="icon plus"></div> PROJECT 
+
        </ul>
−
<ul class="submenu">
+
      </div>
−
<li> <a href="https://2016.igem.org/Team:Duke/Description"> ★  Description </a></li>
+
      <!---->
−
<li> <a href="https://2016.igem.org/Team:Duke/Design"> ★ Design </a></li>
+
</div><!--Close container-fluid-->
−
<li> <a href="https://2016.igem.org/Team:Duke/Experiments"> Experiments </a></li>
+
</nav>
−
<li> <a href="https://2016.igem.org/Team:Duke/Proof"> ★ Proof of Concept </a></li>
+
</div><!--Close class=example3-->
−
<li> <a href="https://2016.igem.org/Team:Duke/Demonstrate"> ★ Demonstrate </a></li>
+
<!--ends navbar-->
−
<li> <a href="https://2016.igem.org/Team:Duke/Results"> Results </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Duke/Notebook"> Notebook </a></li>
+
−
                    </ul>
+
−
                </li>
+
−
 
+
−
<li class="menu_item"> <div class="icon plus"></div> PARTS 
+
−
<ul class="submenu">
+
−
<li> <a href="https://2016.igem.org/Team:Duke/Parts">Parts </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Duke/Basic_Part"> ★ Basic Parts </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Duke/Composite_Part"> ★ Composite Parts </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Duke/Part_Collection"> ★ Part Collection </a></li>
+
−
                    </ul>
+
−
                </li>
+
−
 
+
−
 
+
−
<li class="menu_item"> <a href="https://2016.igem.org/Team:Duke/Safety"> SAFETY </a> </li>
+
−
 
+
−
 
+
−
<li class="menu_item"> <a href="https://2016.igem.org/Team:Duke/Attributions">★  ATTRIBUTIONS </a></li>
+
−
 
+
−
 
+
−
<li class="menu_item"> <div class="icon plus"></div> HUMAN PRACTICES
+
−
<ul class="submenu">
+
−
<li> <a href="https://2016.igem.org/Team:Duke/Human_Practices"> Human Practices </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Duke/HP/Silver">★ Silver </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Duke/HP/Gold">★ Gold </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Duke/Integrated_Practices"> ★ Integrated Practices </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Duke/Engagement">★ Engagement </a></li>
+
−
                    </ul>
+
−
                </li>
+
−
 
+
−
 
+
−
<li class="menu_item"> <div class="icon plus"></div> AWARDS
+
−
<ul class="submenu">
+
−
<li><a href="https://2016.igem.org/Team:Duke/Entrepreneurship"> ★ Entrepreneurship </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Duke/Hardware"> ★ Hardware </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Duke/Software">★ Software </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Duke/Measurement">★  Measurement </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Duke/Model">★ Model </a></li>
+
−
 
+
−
                    </ul>
+
−
                </li>
+
−
</ul>
+
−
 
+
−
</div>
+
  
  

Revision as of 03:06, 19 October 2016