Difference between revisions of "Template:NKU China/header"

Line 1: Line 1:
 
   
 
   
 
<html>
 
<html>
 +
<head>
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0"  charset="UTF-8">
 +
    <link href="https://2017.igem.org/Team:NKU_China/css/fontawesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
    <link href="https://2017.igem.org/Team:NKU_China/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
    <link href="https://2017.igem.org/Team:NKU_China/css/aminate?action=raw&ctype=text/css" rel="stylesheet">
 +
    <link href="https://2017.igem.org/Team:NKU_China/css/bootsnav?action=raw&ctype=text/css" rel="stylesheet">
 +
    <link href="https://2017.igem.org/Team:NKU_China/css/bootsnav_style?action=raw&ctype=text/css" rel="stylesheet"> 
 +
    <script type="text/javascript" src="https://2017.igem.org/Team:NKU_China/Javascript/bootsnav?
 +
action=raw&ctype=text/javascript"></script>
 +
    <title>Team:NKU-China</title>
 +
</head>
 
<script>
 
<script>
  
Line 742: Line 753:
  
  
<!-- start of content -->
+
<header>
 +
    <nav class="navbar navbar-default navbar-fixed navbar-transparent dark bootsnav">
 +
        <div class="container">
 +
            <!-- Start Atribute Navigation -->
 +
            <div class="attr-nav">
 +
                <ul>
 +
                    <li class="side-menu"><a href="#"><i class="fa fa-bars"></i></a></li>
 +
                </ul>
 +
            </div>
 +
            <!-- End Atribute Navigation -->
 +
 
 +
            <!-- Start Header Navigation -->
 +
            <div class="navbar-header">
 +
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
 +
                    <i class="fa fa-bars"></i>
 +
                </button>
 +
                <a class="navbar-brand" href="#">
 +
                    <img src="#" class="logo logo-display" alt="">
 +
                    <img src="#" class="logo logo-scrolled" alt="">
 +
                </a>
 +
            </div>
 +
            <!-- End Header Navigation -->
 +
 
 +
            <!-- Collect the nav links, forms, and other content for toggling -->
 +
            <div class="collapse navbar-collapse" id="navbar-menu">
 +
                <ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">
 +
                    <li><a href="#">HOME</a></li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" >TEAM</a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="#">Team</a></li>
 +
                            <li><a href="#">Collaborations</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown megamenu-fw">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECTS</a>
 +
                        <ul class="dropdown-menu megamenu-content" role="menu">
 +
                            <li>
 +
                                <div class="row">
 +
                                    <div class="col-menu col-md-6">
 +
                                        <div class="content">
 +
                                            <ul class="menu-col">
 +
                                                <li><a href="#">Description</a></li>
 +
                                                <li><a href="#">Design</a></li>
 +
                                                <li><a href="#">Experiments</a></li>
 +
                                                <li><a href="#">Notebook</a></li>
 +
                                                <li><a href="#">InterLab</a></li>
 +
                                                <li><a href="#">Contribution</a></li>
 +
                                            </ul>
 +
                                        </div>
 +
                                    </div><!-- end col-3 -->
 +
                                    <div class="col-menu col-md-6">
 +
                                        <div class="content">
 +
                                            <ul class="menu-col">
 +
                                                <li><a href="#">Model</a></li>
 +
                                                <li><a href="#">Results</a></li>
 +
                                                <li><a href="#">Demonstrate</a></li>
 +
                                                <li><a href="#">Inprove</a></li>
 +
                                                <li><a href="#">Attributions</a></li>
 +
                                            </ul>
 +
                                        </div>
 +
                                    </div><!-- end col-3 -->
 +
                                </div>
 +
                        </ul>
 +
 
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" >PARTS</a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="#">Parts</a></li>
 +
                            <li><a href="#">Basic Parts</a></li>
 +
                            <li><a href="#">Composite Parts</a></li>
 +
                            <li><a href="#">Parts Collection</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li><a href="#">SAFETY</a></li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" >HUMAN PRACTICES</a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="#">Silver HP</a></li>
 +
                            <li><a href="#">Integrated and Gold</a></li>
 +
                            <li><a href="#">Composite Parts</a></li>
 +
                            <li><a href="#">Public Engagement</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" >AWARDS</a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="#">Applied Design</a></li>
 +
                            <li><a href="#">Entrepreneurship</a></li>
 +
                            <li><a href="#">Hardware</a></li>
 +
                            <li><a href="#">Measurement</a></li>
 +
                            <li><a href="#">Modeling</a></li>
 +
                            <li><a href="#">Software</a></li>
 +
                        </ul>
 +
                    </li>
 +
                </ul>
 +
            </div><!-- /.navbar-collapse -->
 +
        </div>
 +
 
 +
        <!-- Start Side Menu -->
 +
        <div class="side">
 +
            <a href="#" class="close-side"><i class="fa fa-times"></i></a>
 +
            <div class="widget">
 +
                <h6 class="title">Custom Pages</h6>
 +
                <ul class="link">
 +
                    <li><a href="#">HOME</a></li>
 +
                    <li><a href="#">TEAMS</a></li>
 +
                    <li><a href="#">PROJECTS</a></li>
 +
                    <li><a href="#">PARTS</a></li>
 +
                    <li><a href="#">SAFETY</a></li>
 +
                    <li><a href="#">HUMAN PRACTICES</a></li>
 +
                </ul>
 +
            </div>
 +
            <div class="widget">
 +
                <h6 class="title">Additional Links</h6>
 +
                <ul class="link">
 +
                    <li><a href="#">NKU_China</a></li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
        <!-- End Side Menu -->
 +
    </nav>
 +
    <!-- End Navigation -->
 +
    <div class="clearfix"></div>
 +
</header>
 +
</html>

Revision as of 06:37, 1 July 2017

Team:NKU-China