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

(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> Modeling</h2>
+
    <title>Brawijaya University - Detection on Dengue Fever </title>
  
  
<div class="highlightBox">
 
<h4>Note</h4>
 
<p>In order to be considered for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Best Model award</a>, you must fill out this page.</p>
 
</div>
 
  
 +
<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; }
  
<p>Mathematical models and computer simulations provide a great way to describe the function and operation of BioBrick Parts and Devices. Synthetic Biology is an engineering discipline, and part of engineering is simulation and modeling to determine the behavior of your design before you build it. Designing and simulating can be iterated many times in a computer before moving to the lab. This award is for teams who build a model of their system and use it to inform system design or simulate expected behavior in conjunction with experiments in the wetlab.</p>
+
.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">
  
<p>
+
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:UB_Indonesia/css/style?action=raw&ctype=text/css">
Here are a few examples from previous teams:
+
 
</p>
+
    <!-- Custom CSS
<ul>
+
    <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:ETH_Zurich/modeling/overview">ETH Zurich 2014</a></li>
+
 
<li><a href="https://2014.igem.org/Team:Waterloo/Math_Book">Waterloo 2014</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>

Latest revision as of 12:00, 18 September 2015

Brawijaya University - Detection on Dengue Fever

BRAWIJAYA UNIVERSITY

Test