Difference between revisions of "Team:SZU-China"

(Replaced content with "{{SZU-China/Nav}}")
Line 1: Line 1:
<html>
+
{{SZU-China/Nav}}
 
+
   
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:SZU-China/CSS?action=raw&amp;ctype=text/css" />
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:SZU-China/CSS/FontAwesome?action=raw&ctype=text/css">
+
 
+
<style>
+
        #sideMenu, #top_title {
+
        display: none;
+
        }
+
        #content {
+
            width: 100%;
+
            margin: 0px;
+
            padding: 0px;
+
            background: #FFF;
+
        }
+
        .dropdown:hover {
+
        background-color: #00a300;
+
        }
+
        .dropdown:hover .dropdown-menu {
+
        display: block;
+
        }
+
.fixed-top {
+
  top: 10px;
+
  }
+
 
+
.navbar {
+
  min-height: 60px;
+
}
+
 
+
/* Adjust Menu (red) text color, (Garamond) font-family, (1.5em) font-size  */
+
.navbar .nav > li > a, .navbar .nav > li > a:first-letter,
+
.navbar .nav > li.current-menu-item > a,
+
.navbar .nav > li.current-menu-ancestor > a {
+
display:        inline;
+
color:          red;
+
font-size:      1.0em;
+
padding:        5px 20px;
+
}
+
 
+
.bg-green{
+
  background-color: #18BC9C !important;
+
}
+
           
+
</style>
+
 
+
       
+
<body>
+
        <body>
+
<nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-green">
+
<div class="container-fluid">
+
<a class="navbar-brand" href="#">SZU-China</a>
+
+
+
<ul class="navbar-nav nav justify-content-around">
+
<li class="nav-item active">
+
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+
</li>
+
<li class="nav-item dropdown">
+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
Team
+
</a>
+
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
<a class="dropdown-item" href="#">Team Members</a>
+
<a class="dropdown-item" href="#">Collaborations</a>
+
 
+
</div>
+
</li>
+
<li class="nav-item dropdown">
+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
Project
+
</a>
+
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
<a class="dropdown-item" href="demo.html">Description</a>
+
<a class="dropdown-item" href="#">Design</a>
+
<a class="dropdown-item" href="#">Model</a>
+
<a class="dropdown-item" href="#">Biobricks</a>
+
<a class="dropdown-item" href="#">Improve</a>
+
 
+
</div>
+
</li>
+
<li class="nav-item dropdown">
+
+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
Experiment <i class="fas fa-flask"></i>
+
</a>
+
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
<a class="dropdown-item" href="#">Demonstrate</a>
+
<a class="dropdown-item" href="#">Results</a>
+
<a class="dropdown-item" href="#">Safety</a>
+
<a class="dropdown-item" href="#">InterLab</a>
+
 
+
</div>
+
</li>
+
 
+
<li class="nav-item dropdown">
+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
Human Practices
+
</a>
+
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
<a class="dropdown-item" href="#">Human Practices</a>
+
<a class="dropdown-item" href="#">Education and Engagement</a>
+
 
+
</div>
+
</li>
+
 
+
+
<li class="nav-item dropdown">
+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
Judging
+
</a>
+
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
<a class="dropdown-item" href="#">Judging Form</a>
+
<a class="dropdown-item" href="#">Awards</a>
+
 
+
</div>
+
</li>
+
</ul>
+
 
+
+
</div>
+
</nav>
+
 
+
 
+
+
+
    <!--  <script src="https://2018.igem.org/Template:SZU-China/JS/jquery?action=raw&amp;ctype=text/javascript"></script>-->
+
        <script src="https://2018.igem.org/Template:SZU-China/JS/bootstrap?action=raw&amp;ctype=text/javascript"></script>
+
        <script src="https://2018.igem.org/Template:SZU-China/JS/bootstrap.bundle?action=raw&amp;ctype=text/javascript"></script>
+
</body>
+
 
+
</html>
+

Revision as of 10:23, 5 October 2018