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

Line 1: Line 1:
−
{{Template:NKU_China}}
+
<html>
 +
<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>             
 +
            </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 -->   
 +
</header>
 +
</html>

Revision as of 07:59, 5 July 2017