(Prototype team page) |
|||
Line 1: | Line 1: | ||
+ | |||
{{Mingdao}} | {{Mingdao}} | ||
<html> | <html> | ||
+ | <head> | ||
+ | <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
+ | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> | ||
+ | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> | ||
+ | <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> | ||
+ | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> | ||
+ | </head> | ||
+ | <body> | ||
+ | <style> | ||
+ | h5.card-title{ | ||
+ | font-size: 18px!important; | ||
+ | } | ||
+ | p.card-text { | ||
+ | font-size: 15px!important; | ||
+ | } | ||
+ | a.nav-link { | ||
+ | font-size: 20px!important; | ||
+ | border-bottom: 5px transparent solid; | ||
+ | } | ||
+ | a.nav-link:hover { | ||
+ | -webkit-animation-name: bottom-appear; /* Safari 4.0 - 8.0 */ | ||
+ | -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */ | ||
+ | animation-name: bottom-appear; | ||
+ | animation-duration: 0.5s; | ||
+ | border-bottom: 5px green solid; | ||
+ | } | ||
+ | /* Safari 4.0 - 8.0 */ | ||
+ | @-webkit-keyframes bottom-qppear { | ||
+ | from {border-bottom: 5px transparent solid;} | ||
+ | to { border-bottom: 5px green solid;} | ||
+ | } | ||
− | + | /* Standard syntax */ | |
− | + | @keyframes bottom-appear { | |
− | + | from {border-bottom: 5px transparent solid;} | |
− | + | to { border-bottom: 5px green solid;} | |
− | + | } | |
+ | /* Makes dropdown visible when hovered */ | ||
+ | .dropdown:hover>.dropdown-menu { | ||
+ | display: block; | ||
+ | } | ||
− | + | </style> | |
− | + | <div class="jumbotron jumbotron-fluid p-0 m-0"> | |
− | + | <img src="https://static.igem.org/mediawiki/2019/6/6f/T--Mingdao--TEAM_MEMBERS.png" class="img-fluid" alt="Responsive image" style="width:100%"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <div class=" | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
+ | <nav class="navbar navbar-expand-lg navbar-light sticky-top" style="background-color: #c9e8e1;"> | ||
+ | <a class="navbar-brand" href="https://2019.igem.org/Team:Mingdao"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/5/5d/T--Mingdao--logo.png" width="30" height="30" class="d-inline-block align-top" alt=""> | ||
+ | Mingdao | ||
+ | </a> | ||
+ | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | ||
+ | <span class="navbar-toggler-icon"></span> | ||
+ | </button> | ||
+ | <div class="collapse navbar-collapse" id="navbarSupportedContent"> | ||
+ | <ul class="navbar-nav mr-auto"> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link" href="https://2019.igem.org/Team:Mingdao">Home <i class="fa fa-home" aria-hidden="true"></i></a> | ||
+ | </li> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/Description">Project <i class="fa fa-file-word-o" aria-hidden="true"></i></a> | ||
+ | </li> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/Demonstrate">Experiment <i class="fa fa-flask" aria-hidden="true"></i></a> | ||
+ | </li> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/Model">Modeling <i class="fa fa-bar-chart" aria-hidden="true"></i></a> | ||
+ | </li> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/Applied_Design">Prototype <i class="fa fa-wrench" aria-hidden="true"></i></a> | ||
+ | </li> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" href="https://2019.igem.org/Team:Mingdao/Parts" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
+ | Parts <i class="fa fa-puzzle-piece" aria-hidden="true"></i> | ||
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Basic_Part">Basic Parts</a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Composite_Part">Composite Parts</a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Part_Collection">Part Collection</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" href="https://2019.igem.org/Team:Mingdao/Notebook" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
+ | Notebook <i class="fa fa-book" aria-hidden="true"></i> | ||
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Notebook">Notebook</a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Safety">Safety</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="nav-item dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" href="https://2019.igem.org/Team:Mingdao/Human_Practices" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
+ | HP <i class="fa fa-handshake-o" aria-hidden="true"></i> | ||
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Human_Practices">Integrated Human Practices</a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Public_Engagement">Education and Public Engagement</a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Entrepreneurship">Entrepreneurship</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="nav-item dropdown active"> | ||
+ | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
+ | Team <i class="fa fa-user-circle" aria-hidden="true"></i> | ||
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Team">Members</a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Attributions">Attributions</a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Collaborations">Collaboration</a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/InterLab">Interlab</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </nav> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 11:36, 24 September 2019
![Responsive image](https://static.igem.org/mediawiki/2019/6/6f/T--Mingdao--TEAM_MEMBERS.png)