|
|
| Line 2: |
Line 2: |
| | <head> | | <head> |
| | <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css"> | | <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css"> |
| | + | <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"> |
| | <script> | | <script> |
| | $.ready( | | $.ready( |
| Line 9: |
Line 10: |
| | </head> | | </head> |
| | <body> | | <body> |
| − | <!-- Start of the template html elements. -->
| + | <!-- Start of the template html elements. --> |
| − | <div id ="mainContainer" class="container"><!--The closing tag for mainContainer should be placed at the bottom of each content page.--> | + | <div id ="mainContainer" class="container"><!--The closing tag for mainContainer should be placed at the bottom of each content page.--> |
| − |
| + | <div class="row"><div class="twelve columns" id="bannerContainer"> |
| − | <div class="row"><div class="twelve columns" id="bannerContainer"> | + | <img src="https://static.igem.org/mediawiki/2015/7/70/School_picture.png" width="100%"> |
| − | <img src="https://static.igem.org/mediawiki/2015/7/70/School_picture.png" width="100%"> | + | <nav class="navbar navbar-default"> |
| − | <nav class="navbar"> | + | <div class="container- fluid"> |
| − | | + | <div class="navbar-header"> |
| − | <ul class="navbar-list">
| + | <a class="navbar- brand" href="#"> WebSiteName</a> |
| − | <li class="navbar-item"><a class="navbar-link" href="#intro">Intro</a></li>
| + | </div> |
| − | <li class="navbar-item">
| + | |
| − | <a class="navbar- link" href="# " data-popover="#codeNavPopover"> Code</a> | + | <ul class=" nav navbar- nav"> |
| − | <div id="codeNavPopover" class="popover">
| + | <li class=" active"><a href="#"> Home</a></li> |
| − | <ul class="popover-list">
| + | <li><a href="#"> Page 1</a></li> |
| − | <li class="popover-item">
| + | <li><a href="#"> Page 2</a></li> |
| − | <a class="popover-link" href="#grid">Grid</a>
| + | <li><a href="#"> Page 3</a></li> |
| − | </li>
| + | </ul> |
| − | <li class="popover-item">
| + | </div> |
| − | <a class="popover-link" href="#typography">Typography</a>
| + | </div> |
| − | </li>
| + | </nav> |
| − | <li class="popover-item">
| + | </div></div> |
| − | <a class="popover-link" href="#buttons">Buttons</a>
| + | |
| − | </li>
| + | |
| − | <li class="popover-item">
| + | |
| − | <a class="popover-link" href="#forms">Forms</a>
| + | |
| − | </li>
| + | |
| − | <li class="popover-item">
| + | |
| − | <a class="popover-link" href="#lists">Lists</a>
| + | |
| − | </li>
| + | |
| − | <li class="popover-item">
| + | |
| − | <a class="popover-link" href="#code">Code</a>
| + | |
| − | </li>
| + | |
| − | <li class="popover-item">
| + | |
| − | <a class="popover-link" href="#tables">Tables</a>
| + | |
| − | </li>
| + | |
| − | <li class="popover-item">
| + | |
| − | <a class="popover-link" href="#queries">Queries</a>
| + | |
| − | </li>
| + | |
| − | <li class="popover-item">
| + | |
| − | <a class="popover-link" href="#utilities">Utilities</a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li class="navbar-item"><a class="navbar-link" href="#examples">Examples</a></li>
| + | |
| − | <li class="navbar-item">
| + | |
| − | <a class="navbar-link" href="#" data-popover="#moreNavPopover">More</a>
| + | |
| − | <div id="moreNavPopover" class="popover"> | + | |
| − | <ul class=" popover- list"> | + | |
| − | <li class="popover-item">
| + | |
| − | <a class="popover-link" href=" https://github.com/dhg/Skeleton">On Github</a> | + | |
| − | </li>
| + | |
| − | <li class="popover-item">
| + | |
| − | <a class="popover-link" href="https://github.com/dhg/Skeleton#browser-support">Browsers</a>
| + | |
| − | </li>
| + | |
| − | <li class="popover-item">
| + | |
| − | <a class="popover-link" href=" https://github.com/dhg/Skeleton# license"> License</a> | + | |
| − | </li>
| + | |
| − | <li class="popover-item">
| + | |
| − | <a class="popover-link" href=" https://github.com/dhg/Skeleton# extensions"> Extensions</a> | + | |
| − | </li>
| + | |
| − | <li class="popover-item">
| + | |
| − | <a class="popover-link" href=" https://github.com/dhg/Skeleton/releases">Versions</a> | + | |
| − | </li>
| + | |
| − | <li class="popover-item">
| + | |
| − | <a class="popover-link" href="https://github.com/dhg/Skeleton#colophon">Colophon</a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </nav>
| + | |
| − | </div></div>
| + | |
| | <div class="row"> <!--The closing tag for this row should be placed at the bottom of each content page.--> | | <div class="row"> <!--The closing tag for this row should be placed at the bottom of each content page.--> |
| | <!-- Start of menu --> | | <!-- Start of menu --> |
