Difference between revisions of "Team:UB Indonesia/Modeling"
(Prototype team page) |
Aldinocatur (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | + | <html lang="en"> | |
− | <html> | + | <head> |
+ | <meta charset="utf-8"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <meta name="description" content=""> | ||
+ | <meta name="author" content=""> | ||
− | < | + | <title>Brawijaya University - Detection on Dengue Fever </title> |
− | |||
− | |||
− | |||
− | |||
+ | <style> | ||
+ | top_menu_14, #top_menu_under, #top_menu_inside{ | ||
+ | box-sizing: initial; } | ||
+ | top_menu_inside { | ||
+ | margin-left: 20px; } | ||
+ | bars_box, #menu_BarsBox, h5{ | ||
+ | -webkit-box-sizing: initial; box-sizing: initial; line-height: normal; } | ||
+ | menu_BarsBox > h5 { | ||
+ | color: rgb(0, 0, 0); font-family: arial, sans-serif; font-size: 12px; line-height: normal; margin-bottom: 0px; margin-top: 0px; font-weight: bold; } | ||
+ | .accordion-content li { line-height: 18px; -webkit-box-sizing: initial; box-sizing: initial; } | ||
+ | .accordion-header, .active-header, .accordion-header_noaction { -webkit-box-sizing: initial; box-sizing: initial; color: rgb(101, 100, 89); font-family: Arial, Gadget, sans-serif; font-size: 13.92px; font-weight: bold; line-height: normal; margin: 0; } | ||
− | < | + | .navub{ |
+ | margin-top:15px | ||
+ | clear:both; | ||
+ | float:left; | ||
+ | margin-bottom: 3%; | ||
+ | margin-left: auto; | ||
+ | margin-right:auto; | ||
+ | padding:0; | ||
+ | border-top:2px solid #FFF; | ||
+ | border-bottom:2px solid #FFF; | ||
+ | width:100% !important; | ||
+ | font-family: GaletteMedium; | ||
+ | font-weight:normal; | ||
+ | z-index:5; | ||
+ | position:relative; | ||
+ | align-content: center; | ||
+ | } | ||
+ | </style> | ||
+ | <!-- Bootstrap Core CSS --> | ||
+ | <link href="https://2015.igem.org/Team:UB_Indonesia/CSS/bootstrap?action=raw&ctype=text/css" rel="stylesheet"> | ||
− | < | + | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:UB_Indonesia/css/style?action=raw&ctype=text/css"> |
− | + | ||
− | </ | + | <!-- Custom CSS |
− | < | + | <link href="https://2015.igem.org/Team:UB_Indonesia/css/grayscale?action=raw&ctype=text/css" rel="stylesheet"> --> |
− | < | + | |
− | < | + | <!-- Custom Fonts --> |
+ | <link href="https://2015.igem.org/Team:UB_Indonesia/css/font-awesome?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <link href="http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css"> | ||
+ | <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css"> | ||
+ | <link href="https://2015.igem.org/Team:UB_Indonesia/css/base" rel="stylesheet"> | ||
+ | |||
+ | <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> | ||
+ | <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | ||
+ | <!--[if lt IE 9]> | ||
+ | <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> | ||
+ | <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> | ||
+ | <![endif]--> | ||
+ | |||
+ | <style> | ||
+ | @font-face { | ||
+ | font-family: GaletteMedium; | ||
+ | src: url(https://static.igem.org/mediawiki/2015/8/88/UBIndonesia_-_Galette-Medium.otf); | ||
+ | } | ||
+ | |||
+ | h1{ | ||
+ | font-family: GaletteMedium, sans-serif; | ||
+ | font-size: 34px; | ||
+ | color: floralwhite; | ||
+ | border-style: none; | ||
+ | } | ||
+ | h2{ | ||
+ | font-family: GaletteMedium, sans-serif; | ||
+ | font-size: 27px; | ||
+ | color: floralwhite; | ||
+ | border-style: none; | ||
+ | } | ||
+ | h3{ | ||
+ | font-family: GaletteMedium, sans-serif; | ||
+ | font-size: 23px; | ||
+ | color: floralwhite; | ||
+ | border-style: none; | ||
+ | } | ||
+ | h4{ | ||
+ | font-family: GaletteMedium, sans-serif; | ||
+ | font-size: 17px; | ||
+ | color: floralwhite; | ||
+ | border-style: none; | ||
+ | } | ||
+ | li{ | ||
+ | |||
+ | } | ||
+ | #footer{ | ||
+ | position:absolute; | ||
+ | bottom:0; | ||
+ | width:100%; | ||
+ | height:60px; /* Height of the footer */ | ||
+ | background:#6cf; | ||
+ | } | ||
+ | |||
+ | .dropdown:hover .dropdown-menu { | ||
+ | background-color: #DCEDC8; | ||
+ | display: block; | ||
+ | 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; | ||
+ | font-family: GaletteMedium, sans-serif; | ||
+ | font-size: px; | ||
+ | color: floralwhite; | ||
+ | border-style: none; | ||
+ | |||
+ | } | ||
+ | #li-ub-noborder{ | ||
+ | background-color: #8BC34A; | ||
+ | font-family: GaletteMedium, sans-serif; | ||
+ | font-size: px; | ||
+ | color: floralwhite; | ||
+ | border-style: none; | ||
+ | } | ||
+ | #li-white{ | ||
+ | color: white; | ||
+ | font-family: GaletteMedium, sans-serif; | ||
+ | font-size: px; | ||
+ | color: floralwhite; | ||
+ | border-style: none; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <h1 align="center" style="color:#000000;"> BRAWIJAYA UNIVERSITY </h1> | ||
+ | |||
+ | |||
+ | <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> | ||
+ | </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> | ||
+ | <ul class="dropdown-menu" role="menu" aria-labelledby="menu1"> | ||
+ | <li id="li-ub-noborder" role="presentation"><a id="li-white" role="menuitem" tabindex="-1" href="#">SAFETY</a></li> | ||
+ | <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 id="li-ub"><a id="li-white" href="#contact">OUTREACH</a></li> | ||
+ | <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"> | ||
+ | <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> | ||
+ | </ul> | ||
+ | </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> | ||
+ | </nav> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </head> | ||
+ | <body style="background-color:#DCEDC8"> | ||
+ | <h1> Test </h1> | ||
+ | <div class="footer"> | ||
+ | <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 :) | ||
+ | </p> | ||
</div> | </div> | ||
+ | </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> |
Latest revision as of 12:00, 18 September 2015