Difference between revisions of "Template:Duke"

 
(36 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<head>
 
  
−
<link href="https://2016.igem.org/Team:Duke/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 
−
<link href="https://2016.igem.org/Team:Duke/CSS?action=raw&ctype=text/css" rel="stylesheet">
 
−
  <script type="text/javascript" src="https://2016.igem.org/Team:Duke/jquery?action=raw&ctype=text/javascript"></script>
 
−
  <script type="text/javascript" src="https://2016.igem.org/Team:Duke/bootstrapjs?action=raw&ctype=text/javascript"></script>
 
−
  <link href="https://2016.igem.org/Team:Duke/fontawesome?action=raw&ctype=text/css" rel="stylesheet">
 
−
  <meta name="viewport" content="width=device-width, initial-scale=1">
 
 
<style>
 
<style>
  
Line 13: Line 6:
  
 
#sideMenu, #top_title {display:none;}
 
#sideMenu, #top_title {display:none;}
−
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
+
#content { padding:0px; width:98%;}
−
body {background-color:white; }
+
body {background-color:white; width:100%;}
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
        #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
 
/********************************* MENU ********************************/
 
/********************************* MENU ********************************/
Line 188: Line 181:
  
 
.full_size {
 
.full_size {
−
width:100%;  
+
width:98%;  
 
}
 
}
  
Line 333: Line 326:
 
@media only screen and (max-width: 1000px) {
 
@media only screen and (max-width: 1000px) {
  
−
#content {width:100%; }
+
#content {width:98%; }
 
.menu_wrapper {width:15%;}
 
.menu_wrapper {width:15%;}
 
.content_wrapper {margin-left: 15%;}
 
.content_wrapper {margin-left: 15%;}
Line 356: Line 349:
  
 
</style>
 
</style>
 +
 +
 +
 +
 +
<!--- THIS IS WHERE THE HTML BEGINS --->
 +
 +
 +
<!-- This tells the browser that your page is responsive -->
 +
 +
<head>
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
 +
<link type="text/css" href="https://2016.igem.org/Team:Duke/main?action=raw&amp;ctype=text/css" rel="stylesheet"> <!--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 href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
 +
  <!--Set width to the width of the device-->
 +
  <meta name="viewport" content="width=device-width, initial-scale=1">
 +
<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>
 +
 +
        <li><a href="https://2016.igem.org/Team:Duke/Parts">Parts</a></li>
 +
 +
<!--           <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>
 +
-->
 +
        <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="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/HP/Silver"><i class="fa fa-star" aria-hidden="true"></i>Silver</a></li>
 +
            <!-- <li><a href="https://2016.igem.org/Team:Duke/HP/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> -->
 +
 +
 +
        </ul>
 +
      </div>
 +
      <!---->
 +
</div><!--Close container-fluid-->
 +
</nav>
 +
</div><!--Close class=example3-->
 +
<!--ends navbar-->
 +
 +
 +
</head>
 +
 +
 +
 +
 +
 +
 +
 +
  
 
<script>
 
<script>
Line 421: Line 531:
  
 
</script>
 
</script>
−
</head>
 
−
 
−
<body><nav class="navbar navbar-default navbar-fixed-top" style="margin-bottom: 0px">
 
−
    <div class="navbar-header">
 
−
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 
−
          <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="50px" ></a>
 
−
<!--Navigation Bar specifications Below-->
 
−
        <div class="navbar-collapse collapse"  id="#bs-example-navbar-collapse-1">
 
−
        <ul class="nav navbar-nav navbar-right">
 
−
          <li><a href="/Team:Duke">Home</a></li>
 
−
          <li><a href="/Team:Duke/Team">Team</a></li>
 
−
          <li><a href="/Team:Duke/Project">Project</a></li>
 
−
          <li><a href="/Team:Duke/Parts">Parts</a></li>
 
−
          <li><a href="/Team:Duke/Safety">Safety</a></li>
 
−
          <li><a href="/Team:Duke/Attributions">Attributions</a></li>
 
−
          <li><a href="/Team:Duke/Human_Practices">Human Practices</a></li>
 
−
          <li><a href="/Team:Duke/Awards">Awards</a></li>
 
−
          <li class="dropdown">
 
−
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
 
−
            <ul class="dropdown-menu" role="menu">
 
−
              <li><a href="#">Action</a></li>
 
−
              <li><a href="#">Another action</a></li>
 
−
              <li><a href="#">Something else here</a></li>
 
−
              <li class="divider"></li>
 
−
              <li class="dropdown-header">Nav header</li>
 
−
              <li><a href="#">Separated link</a></li>
 
−
              <li><a href="#">One more separated link</a></li>
 
−
            </ul>
 
−
          </li>
 
−
        </ul>
 
−
      </div>
 
−
</nav>
 
  
−
</body>
 
  
 
</html>
 
</html>

Latest revision as of 00:53, 20 October 2016