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

(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>Design</h2>
+
    <title>Brawijaya University - Detection on Dengue Fever </title>
  
−
<p>
 
−
By talking about your design work on this page, there is one medal criterion that you can attempt to meet, and one award that you can apply for. If your team is going for a gold medal by building a functional prototype, you should tell us what you did on this page. If you are going for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Applied Design award</a>, you should also complete this page and tell us what you did.
 
−
</p>
 
  
−
<div class="highlightBox">
 
−
<h4>Note</h4>
 
−
<p>In order to be considered for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Best Applied Design award</a> and/or the <a href="https://2015.igem.org/Judging/Awards#Medals">functional prototype gold medal criterion</a>, you must fill out this page.</p>
 
−
</div>
 
  
−
<p>This is a prize for the team that has developed a synthetic biology product to solve a real world problem in the most elegant way. The students will have considered how well the product addresses the problem versus other potential solutions, how the product integrates or disrupts other products and processes, and how its lifecycle can more broadly impact our lives and environments in positive and negative ways.</p>
+
<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>
 +
 +
</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>
 
<p>
−
If you are working on art and design as your main project, please join the art and design track. If you are integrating art and design into the core of your main project, please apply for the award by completing this page.
+
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>
 
</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 11:59, 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 :)