Difference between revisions of "Team:UB Indonesia/Notebook"

(Prototype team page)
 
Line 1: Line 1:
−
{{UB_Indonesia}}
+
<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="">
  
−
<h2>Notebook</h2>
+
    <title>Brawijaya University - Detection on Dengue Fever </title>
  
−
<p> Document the dates you worked on your project.</p>
 
  
−
<h5>What should this page have?</h5>
 
−
<ul>
 
−
<li>Chronological notes of what your team is doing.</li>
 
−
<li> Brief descriptions of daily important events.</li>
 
−
<li>Pictures of your progress. </li>
 
−
<li>Mention who participated in what task.</li>
 
−
</ul>
 
  
 +
<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; }
  
−
<h4>Inspiration</h4>
+
.navub{
−
<p>You can see what others teams have done to organize their notes:</p>
+
  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">
  
−
<ul>  
+
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:UB_Indonesia/css/style?action=raw&ctype=text/css">
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
 
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
    <!-- Custom CSS
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
    <link href="https://2015.igem.org/Team:UB_Indonesia/css/grayscale?action=raw&ctype=text/css" rel="stylesheet"> -->
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
 
 +
    <!-- 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>

Revision as of 21:17, 18 September 2015

Brawijaya University - Detection on Dengue Fever

BRAWIJAYA UNIVERSITY

Test

This page still on progress, please be patience :)

This page still on progress, please be patience :)

This page still on progress, please be patience :)

This page still on progress, please be patience :)

This page still on progress, please be patience :)

This page still on progress, please be patience :)