Difference between revisions of "Template:CCU Taiwan/header footer"

m
m
Line 1: Line 1:
 
<html>
 
<html>
−
<style>
 
  
 +
<style>
 
html, body{
 
html, body{
 
     height: 100%;
 
     height: 100%;
Line 105: Line 105:
 
}
 
}
 
</style>
 
</style>
 +
 +
<div class="top">
 +
    <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
 +
        <a class="navbar-brand" href="https://2020.igem.org/Team:CCU_Taiwan"><img src="https://static.igem.org/mediawiki/2020/7/7e/T--CCU_Taiwan--logo.png"></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 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="#">Attribution</a>
 +
                        <a class="dropdown-item" href="sponsors.html" target="_blank">Sponsors</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="#">Description</a>
 +
                        <a class="dropdown-item" href="#" target="_blank">Design</a>
 +
                        <a class="dropdown-item" href="#">Model</a>
 +
                        <a class="dropdown-item" href="#">Hardware</a>
 +
                        <a class="dropdown-item" href="safety.html"  target="_blank">Safety</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">Parts</a>
 +
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                        <a class="dropdown-item" href="#">Part Collection</a>
 +
                        <a class="dropdown-item" href="parts.html" target="_blank">Parts</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">Human Practices
 +
                    </a>
 +
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                        <a class="dropdown-item" href="#">Education</a>
 +
                        <a class="dropdown-item" href="#">IHP</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">Notebook
 +
                    </a>
 +
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                        <a class="dropdown-item" href="#">Notebook</a>
 +
                        <a class="dropdown-item" href="#">Protocols</a>
 +
                    </div>
 +
                </li>
 +
                <li class="nav-item">
 +
                    <a class="nav-link" href="#">Awards</a>
 +
                </li>
 +
            </ul>
 +
        </div>
 +
    </nav>
 +
</div>
 +
 
</html>
 
</html>

Revision as of 05:10, 30 August 2020