Paulamanan (Talk | contribs) |
Paulamanan (Talk | contribs) |
||
Line 4: | Line 4: | ||
<html lang="en"> | <html lang="en"> | ||
<head> | <head> | ||
− | |||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
Line 42: | Line 41: | ||
<body data-spy="scroll" data-target="#myScrollspy" data-offset="1"> | <body data-spy="scroll" data-target="#myScrollspy" data-offset="1"> | ||
− | <div class="container-fluid; bg-info" style="height: | + | <div class="container-fluid; bg-info" style="height:100px; top: 200px"> |
− | <center><h1> | + | <center><h1>Project Description</h1></center> |
− | + | ||
− | + | ||
</div> | </div> | ||
Line 54: | Line 51: | ||
<ul class="nav nav-pills flex-sm-column"> | <ul class="nav nav-pills flex-sm-column"> | ||
<li class="nav-item"> | <li class="nav-item"> | ||
− | <a class="nav-link active" href="#section1"> | + | <a class="nav-link active" href="#section1">Overview</a> |
</li> | </li> | ||
<li class="nav-item"> | <li class="nav-item"> | ||
− | <a class="nav-link" href="#section2"> | + | <a class="nav-link" href="#section2">Our Problem</a> |
</li> | </li> | ||
<li class="nav-item"> | <li class="nav-item"> | ||
− | <a class="nav-link" href="#section3"> | + | <a class="nav-link" href="#section3">Mercury and RDX</a> |
</li> | </li> | ||
− | + | <li class="nav-item"> | |
− | <a class="nav-link | + | <a class="nav-link" href="#section4">The Chassis</a> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</li> | </li> | ||
</ul> | </ul> | ||
Line 73: | Line 66: | ||
<div class="col-sm-9 col-8"> | <div class="col-sm-9 col-8"> | ||
<div id="section1" class="insert color" style="background-color:rgba(255,0,0,0.1)"> | <div id="section1" class="insert color" style="background-color:rgba(255,0,0,0.1)"> | ||
− | <h1> | + | <h1>Overview</h1> |
<p>Try to scroll this section and look at the navigation list while scrolling!</p> | <p>Try to scroll this section and look at the navigation list while scrolling!</p> | ||
</div> | </div> | ||
<div id="section2" class="bg-warning"> | <div id="section2" class="bg-warning"> | ||
− | <h1> | + | <h1>Our Problem</h1> |
<p>Try to scroll this section and look at the navigation list while scrolling!</p> | <p>Try to scroll this section and look at the navigation list while scrolling!</p> | ||
</div> | </div> | ||
<div id="section3" class="bg-secondary"> | <div id="section3" class="bg-secondary"> | ||
− | <h1> | + | <h1>Our Solution</h1> |
<p>Try to scroll this section and look at the navigation list while scrolling!</p> | <p>Try to scroll this section and look at the navigation list while scrolling!</p> | ||
</div> | </div> | ||
− | <div id=" | + | <div id="section4" class="bg-secondary"> |
− | <h1> | + | <h1>The Chassis</h1> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<p>Try to scroll this section and look at the navigation list while scrolling!</p> | <p>Try to scroll this section and look at the navigation list while scrolling!</p> | ||
</div> | </div> |
Revision as of 05:05, 26 October 2020
Project Description
Overview
Try to scroll this section and look at the navigation list while scrolling!
Our Problem
Try to scroll this section and look at the navigation list while scrolling!
Our Solution
Try to scroll this section and look at the navigation list while scrolling!
The Chassis
Try to scroll this section and look at the navigation list while scrolling!