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> |
+ | <link rel="stylesheet" href="css/bootstrap.css"> | ||
+ | <script src="js/jquery-3.2.1.slim.min.js"></script> | ||
+ | <script src="js/popper.min.js"></script> | ||
+ | <script src="js/bootstrap.js"></script> | ||
+ | <style type="text/css"> | ||
+ | /* general wrapper for the content */ | ||
+ | .igem_2018_team_content { | ||
+ | background-color:white; | ||
+ | display:block; | ||
+ | width: 87%; | ||
+ | } | ||
+ | |||
+ | /* subwrapper to center content */ | ||
+ | .igem_2018_team_content .igem_2018_team_column_wrapper { | ||
+ | margin:auto; | ||
+ | max-width: 1400px; | ||
+ | width:90%; | ||
+ | } | ||
+ | </style> | ||
</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 13:51, 10 October 2018