Difference between revisions of "Template:KAIT JAPAN"

Line 103: Line 103:
  
 
<body>
 
<body>
    <nav class="navbar navbar-expand-sm navbar-light top-navbar">
+
</html>
        <a class="navbar-brand" href="#">KAIT JAPAN</a>
+
{{KAIT_JAPAN_header}}
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+
            <span class="navbar-toggler-icon"></span>
+
        </button>
+
        <div class="collapse navbar-collapse" id="navbarNav">
+
            <ul class="navbar-nav">
+
                <li class="nav-item active">
+
                    <a class="nav-link" href="#">
+
                        <p><i class="fa fa-home fa-2x" aria-hidden="true"></i></p>
+
                        <p>HOME</p>
+
                    </a>
+
                </li>
+
                <li class="nav-item dropdown">
+
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                        <p><i class="fa fa-book fa-2x" aria-hidden="true"></i></p>
+
                        <p>PROJECT</p>
+
                    </a>
+
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+
                        <a class="dropdown-item" href="#">INTRODUCTION</a>
+
                        <a class="dropdown-item" href="#">METHOD</a>
+
                        <a class="dropdown-item" href="#">EXPERIMENTS</a>
+
                        <a class="dropdown-item" href="#">RESULT</a>
+
                        <a class="dropdown-item" href="#">DEMONSTRATE</a>
+
                    </div>
+
                </li>
+
                <li class="nav-item dropdown">
+
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                        <p><i class="fa fa-flask fa-2x"></i></p>
+
                        <p>LABWORK</p>
+
                    </a>
+
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+
                        <a class="dropdown-item" href="#">PROTOCOL</a>
+
                        <a class="dropdown-item" href="#">INTERLAB</a>
+
                        <a class="dropdown-item" href="#">LAB NOTE</a>
+
                        <a class="dropdown-item" href="#">SAFETY</a>
+
                    </div>
+
                </li>
+
                <li class="nav-item dropdown">
+
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                        <p><i class="fa fa-user fa-2x"></i></p>
+
                        <p>ABOUT US</p>
+
                    </a>
+
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+
                        <a class="dropdown-item" href="#">TEAM</a>
+
                        <a class="dropdown-item" href="#">ATTRIBUTIONS</a>
+
                        <a class="dropdown-item" href="#">SPONSORS</a>
+
                    </div>
+
                </li>
+
                <li class="nav-item dropdown">
+
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                        <p><i class="fa fa-handshake-o fa-2x" aria-hidden="true"></i></p>
+
                        <p>HUMAN PRACTICES</p>
+
                    </a>
+
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+
                        <a class="dropdown-item" href="#">COLLABORATOIN</a>
+
                        <a class="dropdown-item" href="#">CONTRIBUTION</a>
+
                    </div>
+
                </li>
+
                <li class="nav-item">
+
                    <a class="nav-link" href="#">
+
                        <p><i class="fa fa-trophy fa-2x" aria-hidden="true"></i></p>
+
                        <p>ACHIEVEMENTS</p>
+
                    </a>
+
                </li>
+
                <li class="nav-item">
+
                    <a class="nav-link" href="#">
+
                        <p><i class="fa fa-check fa-2x" aria-hidden="true"></i></p>
+
                        <p>JUDGING FORM</p>
+
                    </a>
+
                </li>
+
            </ul>
+
        </div>
+
    </nav>
+

Revision as of 03:39, 27 October 2017