Difference between revisions of "Team:UB Indonesia/Project"
Aldinocatur (Talk | contribs) |
Aldinocatur (Talk | contribs) |
||
Line 89: | Line 89: | ||
font-family: GaletteMedium, sans-serif; | font-family: GaletteMedium, sans-serif; | ||
font-size: 17px; | font-size: 17px; | ||
+ | color: floralwhite; | ||
+ | border-style: none; | ||
+ | } | ||
+ | li{ | ||
+ | font-family: GaletteMedium, sans-serif; | ||
+ | font-size: px; | ||
color: floralwhite; | color: floralwhite; | ||
border-style: none; | border-style: none; | ||
Line 101: | Line 107: | ||
.dropdown:hover .dropdown-menu { | .dropdown:hover .dropdown-menu { | ||
+ | background-color: #DCEDC8; | ||
display: block; | display: block; | ||
− | margin-top: 0; | + | margin-top: 0; |
} | } | ||
+ | .navbar .navbar-nav { | ||
+ | color: white; | ||
+ | display: inline-block; | ||
+ | float: none; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | .navbar .navbar-collapse { | ||
+ | text-align: center; | ||
+ | } | ||
− | + | .navbar-default{ | |
+ | text-align: center; | ||
+ | |||
+ | } | ||
+ | .navbar-default-fix .navbar-nav > li > a:hover, | ||
+ | .navbar-default-fix .navbar-nav > li > a:focus { | ||
+ | color: white; | ||
+ | background-color: #AAA; | ||
+ | box-shadow: inset 0px 2px 0px #000, 0px 2px 0px #000; | ||
+ | |||
+ | } | ||
+ | .navbar-default-fix .navbar-nav > .active > a, | ||
+ | .navbar-default-fix .navbar-nav > .active > a:hover, | ||
+ | .navbar-default-fix .navbar-nav > .active > a:focus { | ||
+ | color: white; | ||
+ | background-color: #689F38; | ||
+ | box-shadow: inset 0px 2px 0px #000, 0px 2px 0px #000; | ||
+ | } | ||
+ | |||
+ | .dropdown .dropdown-menu > li > a:hover, | ||
+ | .dropdown .dropdown-menu > li > a:focus { | ||
+ | color: white; | ||
+ | background-color: #B6B6B6; | ||
+ | ; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #li-ub{ | ||
+ | |||
+ | background-color: #8BC34A; | ||
+ | box-shadow: inset 0px 2px 0px #000, 0px 2px 0px #000; | ||
+ | |||
+ | } | ||
+ | #li-ub-noborder{ | ||
+ | background-color: #8BC34A; | ||
+ | color: | ||
+ | } | ||
+ | #li-white{ | ||
+ | color: white; | ||
+ | } | ||
</style> | </style> | ||
− | + | ||
− | < | + | <h1 align="center" style="color:#000000;"> BRAWIJAYA UNIVERSITY </h1> |
− | <nav class="navbar navbar- | + | |
− | + | ||
− | + | <nav class="navbar navbar-default-fix"> | |
− | + | <div class="navbar-header"> | |
− | + | ||
− | + | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> | |
− | + | <span class="icon-bar">___</span> | |
− | + | <span class="icon-bar">___</span> | |
− | < | + | <span class="icon-bar">___</span> |
− | <div class=" | + | </button> |
− | + | </div> | |
− | + | <div class="navbar-collapse collapse"> | |
− | + | <ul class="nav navbar-nav"> | |
− | + | <li id="li-ub" class="active" ><a id="li-white" href="#">MAIN CASE</a></li> | |
− | + | <li id="li-ub" class="dropdown"> | |
− | + | <a id="li-white"> INVESTIGATION ABOUT </a> | |
− | + | ||
− | + | ||
− | + | ||
− | <a> | + | |
<ul class="dropdown-menu" role="menu" aria-labelledby="menu1"> | <ul class="dropdown-menu" role="menu" aria-labelledby="menu1"> | ||
− | <li role="presentation"><a role="menuitem" tabindex="-1" href="#"> | + | <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="#">SAFETY</a></li> |
− | <li role="presentation"><a role="menuitem" tabindex="-1" href="#"> | + | <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="#">NOTEBOOK</a></li> |
+ | <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="#">PROTOCOLS</a></li> | ||
+ | <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="#">PRIMER</a></li> | ||
</ul> | </ul> | ||
− | + | ||
</li> | </li> | ||
− | <li class="dropdown"> | + | <li id="li-ub"><a id="li-white" href="#contact">OUTREACH</a></li> |
− | <a> | + | <li id="li-ub"><a id="li-white" href="#contact">TARGET</a></li> |
+ | <li id="li-ub" class="dropdown"> | ||
+ | <a id="li-white">TEAM</a> | ||
<ul class="dropdown-menu" role="menu" aria-labelledby="menu1"> | <ul class="dropdown-menu" role="menu" aria-labelledby="menu1"> | ||
− | <li | + | <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="#">TEAM MEMBERS</a></li> |
− | + | <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="#">ATTRIBUTIONS</a></li> | |
− | <li | + | |
− | + | ||
</ul> | </ul> | ||
− | + | ||
</li> | </li> | ||
− | + | <li id="li-ub"><a id="li-white" href="#contact">EXTRAS</a></li> | |
− | + | ||
− | + | ||
− | + | </ul> | |
− | + | <div class="navbar-header navbar-right"> | |
− | + | <p class="navbar-text"> | |
− | + | <a href="#" class="navbar-link"> </a> | |
− | + | </p> | |
− | + | </div> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | </ | + | |
− | </div> | + | |
</nav> | </nav> | ||
− | |||
− | <div class=" | + | |
+ | |||
+ | </head> | ||
+ | <body style="background-color:#DCEDC8"> | ||
+ | <h1> Test </h1> | ||
+ | <div class="footer"> | ||
<p> | <p> | ||
+ | This page still on progress, please be patience :) | ||
+ | </p> | ||
+ | <p> | ||
+ | This page still on progress, please be patience :) | ||
+ | </p> | ||
+ | <p> | ||
+ | This page still on progress, please be patience :) | ||
+ | </p><p> | ||
+ | This page still on progress, please be patience :) | ||
+ | </p> | ||
+ | <p> | ||
+ | This page still on progress, please be patience :) | ||
+ | </p> | ||
+ | <p> | ||
This page still on progress, please be patience :) | This page still on progress, please be patience :) | ||
</p> | </p> | ||
Line 171: | Line 241: | ||
</body> | </body> | ||
+ | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> | ||
+ | </script> | ||
+ | |||
+ | <!-- Optional theme | ||
+ | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">--> | ||
+ | |||
+ | <!-- Latest compiled and minified JavaScript --> | ||
+ | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> | ||
+ | |||
+ | |||
</html> | </html> |
Revision as of 11:25, 18 September 2015