Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
<head> | <head> | ||
− | <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> | + | <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> |
− | <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> | + | <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> |
− | <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> | + | <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> |
− | <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> | + | <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> |
</head> | </head> | ||
+ | <body> | ||
+ | <div> | ||
+ | <!--左侧导航--> | ||
+ | <nav style="width: 20%; max-width: 18rem;" class="navbar navbar-light bg-light"> | ||
+ | <nav class="nav nav-pills flex-column"> | ||
+ | <a class="nav-link" href="">Judging</a> <!--TODO: id--> | ||
+ | <a class="nav-link" href="">Team</a> <!--TODO: id--> | ||
+ | <nav class="nav nav-pills flex-column"> | ||
+ | <a class="nav-link ml-3" href="">Team members</a> | ||
+ | <a class="nav-link ml-3" href="">Collaborations</a> | ||
+ | <a class="nav-link ml-3" href="">Attributions</a> | ||
+ | </nav> | ||
+ | <a class="nav-link" href="">Project</a> | ||
+ | <nav class="nav nav-pills flex-column"> | ||
+ | <a class="nav-link ml-3" href="">Description</a> | ||
+ | <a class="nav-link ml-3" href="">Design</a> | ||
+ | <a class="nav-link ml-3" href="">Experiments</a> | ||
+ | <a class="nav-link ml-3" href="">Results</a> | ||
+ | <a class="nav-link ml-3" href="">Demonstrate</a> | ||
+ | <a class="nav-link ml-3" href="">Discussion</a> | ||
+ | <a class="nav-link ml-3" href="">Improve</a> | ||
+ | </nav> | ||
+ | <a class="nav-link" href="">Parts</a> | ||
+ | <nav class="nav nav-pills flex-column"> | ||
+ | <a class="nav-link ml-3" href="">Basic Parts</a> | ||
+ | <a class="nav-link ml-3" href="">Composite parts</a> | ||
+ | <a class="nav-link ml-3" href="">Parts Collection</a> | ||
+ | </nav> | ||
+ | <a class="nav-link" href="">Human Practice</a> | ||
+ | <nav class="nav nav-pills flex-column"> | ||
+ | <a class="nav-link ml-3" href="">Engagement</a> | ||
+ | <a class="nav-link ml-3" href="">Applied Design</a> | ||
+ | <a class="nav-link ml-3" href="">Entrepreneurship</a> | ||
+ | <a class="nav-link ml-3" href="">Hardware</a> | ||
+ | <a class="nav-link ml-3" href="">Integrated HP</a> | ||
+ | </nav> | ||
+ | <a class="nav-link" href="">Lab</a> | ||
+ | <nav class="nav nav-pills flex-column"> | ||
+ | <a class="nav-link ml-3" href="">Notebook</a> | ||
+ | <a class="nav-link ml-3" href="">Interlab</a> | ||
+ | <a class="nav-link ml-3" href="">Model</a> | ||
+ | <a class="nav-link ml-3" href="">Safety</a> | ||
+ | </nav> | ||
+ | <a class="nav-link" href="">Home</a> | ||
+ | </nav> | ||
+ | </nav> | ||
+ | <!--Main Content--> | ||
+ | <div style="width: 100%"> | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </div> | + | |
</div> | </div> | ||
− | + | </body> | |
− | + | <footer class="bg-dark" style="padding: 2rem;"> | |
− | + | <h1 class="text-light">Contact us</h1> | |
− | + | <p style="margin-left: 4rem" class="text-light">yakun20020@outlook.com</p> | |
− | + | </footer> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | + | ||
− | + | ||
</html> | </html> |
Revision as of 12:03, 9 October 2018