Difference between revisions of "Template:Team:DTU-Denmark/index.html"

Line 1: Line 1:
 +
<!--CSS template bootstrap-->
 
{{Team:DTU-Denmark/main.css}}
 
{{Team:DTU-Denmark/main.css}}
 +
<!--CSS theme template bootstrap-->
 
{{Team:DTU-Denmark/main-theme.css}}
 
{{Team:DTU-Denmark/main-theme.css}}
 +
<!--JavaScript and jQuery template bootstrap-->
 
{{Team:DTU-Denmark/javascript.js}}
 
{{Team:DTU-Denmark/javascript.js}}
  
Line 17: Line 20:
  
 
<body class="container-fluid">
 
<body class="container-fluid">
−
    <nav class="navbar navbar-default">
+
<nav>
−
         <div class="container-fluid">
+
<!-- Begin Navbar -->
−
             <div class="navbar-header">
+
<div id="navtop">
−
                <a class="navbar-brand" href="https://2016.igem.org/Team:DTU-Denmark"><img src="https://static.igem.org/mediawiki/2016/0/08/DTU-Denmark-Logo-150x80.png" alt="DTU biobuilders logo home botton" height="60"></a>
+
    <div class="navbar navbar-inverse navbar-static-top">
−
             </div>
+
         <div class="container">
−
       
+
             <!-- Logo with link to main page -->
−
        <ul class="nav navbar-nav">
+
            <a class="navbar-brand" href="https://2016.igem.org/Team:DTU-Denmark"><img src="https://static.igem.org/mediawiki/2016/0/08/DTU-Denmark-Logo-150x80.png" alt="DTU biobuilders logo home botton" height="40"></a>
−
            <li><a href="https://2016.igem.org/Team:DTU-Denmark/Project">PROJECT</a></li>
+
             <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
−
            <li><a href="https://2016.igem.org/Team:DTU-Denmark/Biobricks">BIOBRICKS</a></li>
+
            <a class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
−
            <li><a href="https://2016.igem.org/Team:DTU-Denmark/Team">TEAM</a></li>
+
                <span class="glyphicon glyphicon-bar"></span>
−
            <li><a href="https://2016.igem.org/Team:DTU-Denmark/Achievements">ACHIEVEMENTS</a></li>
+
                <span class="glyphicon glyphicon-bar"></span>
−
            <li><a href="https://2016.igem.org/Team:DTU-Denmark/Attributions">ATTRIBUTIONS</a></li>
+
                <span class="glyphicon glyphicon-bar"></span>
−
        </ul>
+
            </a>
 +
            <div class="navbar-collapse collapse">
 +
                <ul class="nav navbar-nav"> <!--The left side of the main navbar-->
 +
                    <li><a href="https://2016.igem.org/Team:DTU-Denmark/Project">PROJECT</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:DTU-Denmark/Biobricks">BIOBRICKS</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:DTU-Denmark/Team">TEAM</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:DTU-Denmark/Achievements">ACHIEVEMENTS</a></li>
 +
                    <li><a href="https://2016.igem.org/Team:DTU-Denmark/Attributions">ATTRIBUTIONS</a></li>
 +
                </ul>
 +
                <ul class="nav pull-right navbar-nav"> <!--The right side of the main navbar e.g. facebook, twitter and linkedIn links-->
 +
                    <li>
 +
                        <form class="navbar-form">
 +
                            <input type="text" class="form-control" placeholder="Search">
 +
                            <button type="submit" class="btn btn-default"><i class="glyphicon glyphicon-search"></i></button>
 +
                        </form>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#"><span class="badge">2</span></a>
 +
                    </li>
 +
                </ul>
 +
            </div>
 
         </div>
 
         </div>
−
     </nav>
+
     </div><!-- /.navbar -->
−
 
+
</div>    
−
          
+
 
 +
 
 +
<!-- subnav here -->
 +
<div class="navbar subnav" role="navigation">
 +
    <div class="navbar-inner">
 +
         <div class="container">
 +
        <ul class="pager subnav-pager">
 +
            <div class="btn-group-wrap">
 +
                <button type="button" class="btn btn-success">sub 1</button>
 +
                <button type="button" class="btn btn-success">sub 2</button>
 +
                <button type="button" class="btn btn-success">sub 3</button>
 +
                <button type="button" class="btn btn-success">sub 4</button>
 +
                <button type="button" class="btn btn-success">sub 5</button>
 +
                <button type="button" class="btn btn-success">sub 6</button>
 +
            </div>       
 +
        </ul>
 +
        </div>
 +
    </div>
 +
</div>
 +
</nav> 
 +
<!-- //subnav -->
 +
     
 
</body>
 
</body>
  

Revision as of 13:28, 29 June 2016

New HTML template for the wiki