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

(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> Project Description </h2>
+
    <title>Brawijaya University - Detection on Dengue Fever </title>
  
−
<p>Tell us about your project, describe what moves you and why this is something important for your team.</p>
 
−
<br />
 
  
−
<h5>What should this page contain?</h5>
 
−
<ul>
 
−
<li> A clear and concise description of your project.</li>
 
−
<li>A detailed explanation of why your team chose to work on this particular project.</li>
 
−
<li>References and sources to document your research.</li>
 
−
<li>Use illustrations and other visual resources to explain your project.</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; }
  
−
<br />
+
.navub{
−
<h4>Advice on writing your Project Description</h4>
+
  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">
−
We encourage you to put up a lot of information and content on your wiki, but we also encourage you to include summaries as much as possible. If you think of the sections in your project description as the sections in a publication, you should try to be consist, accurate and unambiguous in your achievements.  
+
−
</p>
+
  
−
<p>
+
    <!-- Custom CSS
−
Judges like to read your wiki and know exactly what you have achieved. This is how you should think about these sections; from the point of view of the judge evaluating you at the end of the year.
+
    <link href="https://2015.igem.org/Team:UB_Indonesia/css/grayscale?action=raw&ctype=text/css" rel="stylesheet"> -->
−
</p>
+
  
 +
    <!-- 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">
  
−
<br />
+
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
−
<h4>References</h4>
+
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
−
<p>iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you though about your project and what works inspired you.</p>
+
    <!--[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;
 +
}
  
−
<h4>Inspiration</h4>
+
.navbar .navbar-collapse {
−
<p>See how other teams have described and presented their projects: </p>
+
  text-align: center;
 +
}
  
−
<ul>
+
.navbar-default{
−
<li><a href="https://2014.igem.org/Team:Imperial/Project"> Imperial</a></li>
+
    text-align: center;
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview"> UC Davis</a></li>
+
       
−
<li><a href="https://2014.igem.org/Team:SYSU-Software/Overview">SYSU Software</a></li>
+
}
 +
.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 11:58, 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 :)