|
|
Line 5: |
Line 5: |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> |
| | | |
− | <meta charset="utf-8"> | + | |
− | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | |
− | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
| + | |
− | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
| + | |
− | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
| + | |
| <style> | | <style> |
| | | |
Line 92: |
Line 88: |
| } | | } |
| | | |
− | nav ul li {
| |
− | width:100px;
| |
− | display:inline-block;
| |
− | margin:5px;
| |
− | padding:5px;
| |
− | color:#333;
| |
− | text-align: center;
| |
− | }
| |
− | nav[role="main"] ul li {
| |
− | background-color:#fff;
| |
− | }
| |
− | nav[role="sub"] ul li {
| |
− | background-color:#fff;
| |
− | }
| |
| | | |
− | body {
| |
− | position: relative;
| |
− | }
| |
− | #section1 {padding-top:50px;height:500px;color: #fff; background-color: #1E88E5;}
| |
− | #section2 {padding-top:50px;height:500px;color: #fff; background-color: #673ab7;}
| |
− | #section3 {padding-top:50px;height:500px;color: #fff; background-color: #ff9800;}
| |
− | #section4 {padding-top:50px;height:500px;color: #fff; background-color: #00bcd4;}
| |
| | | |
|
</style> | |
</style> |
Line 189: |
Line 164: |
| | | |
| | | |
− | <nav role="sub">
| |
− | <body data-spy="scroll" data-target=".navbar" data-offset="50">
| |
− |
| |
− | <nav class="navbar navbar-inverse navbar-fixed-top">
| |
− | <div class="container-fluid">
| |
− | <div class="navbar-header">
| |
− | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
| |
− | <span class="icon-bar"></span>
| |
− | <span class="icon-bar"></span>
| |
− | <span class="icon-bar"></span>
| |
− | <span class="icon-bar"></span>
| |
− | </button>
| |
− |
| |
− | <div>
| |
− | <div class="collapse navbar-collapse" id="myNavbar">
| |
− | <ul class="nav navbar-nav">
| |
− | <li><a href="#section1">Toehold Switch</a></li>
| |
− | <li><a href="#section2">Interlab</a></li>
| |
− | <li><a href="#section3">Overall view</a></li>
| |
− | <li><a href="#section3">Program</a></li>
| |
− |
| |
− | </ul>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </nav>
| |
− |
| |
− | </nav>
| |
| | | |
| | | |