Team:BAU-Indonesia/Team

From 2012.igem.org

(Difference between revisions)
 
(62 intermediate revisions not shown)
Line 1: Line 1:
-
_NOTOC__
+
{{Team:BAU-Indonesia/css}}
-
<html>
+
{{Team:BAU-Indonesia/nivo-slider}}
 +
{{Team:BAU-Indonesia/css_gone}}
 +
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
    <head>
 +
   
 +
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 +
        <title>Metamorphosis Design Free Css Templates</title>
 +
        <meta name="keywords" content="" />
 +
        <meta name="description" content="" />
 +
        <link href="styles.css" rel="stylesheet" type="text/css" media="screen" />
 +
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
 +
       
 +
    </head>
 +
   
 +
    <script type="text/javascript" src="https://sites.google.com/site/mariozoner/gb-mario/jquery-1.3.2.js"></script>
 +
 +
<script type="text/javascript">
 +
$(function() {
 +
var d=300;
 +
$('#navigation a').each(function(){
 +
$(this).stop().animate({
 +
'marginTop':'-80px'
 +
},d+=150);
 +
});
 +
 +
$('#navigation > li').hover(
 +
function () {
 +
$('a',$(this)).stop().animate({
 +
'marginTop':'-2px'
 +
},200);
 +
},
 +
function () {
 +
$('a',$(this)).stop().animate({
 +
'marginTop':'-80px'
 +
},200);
 +
}
 +
);
 +
});
 +
</script>
<style>
<style>
-
h1.firstHeading { display: none; }
+
*Navigasi*/
 +
ul#navigation { position:fixed; margin:0px; padding:0px; top:-20px; left:370px; list-style:none; z-index:999999; width:675px; font:normal 16px Electrolize,Sans-Serif bold; -webkit-animation:2s fxhompinav ease-in-out; -moz-animation:2s fxhompinav ease-in-out; -ms-animation:2s fxhompinav ease-in-out; animation:2s fxhompinav ease-in-out; }  
-
p {text-align: justify;}
+
ul#navigation li { width:95px; display:inline; float:left; margin:0 0 0 2px; }
 +
ul#navigation li a { display:block; float:left; margin-top:-74px; width:95px; height:28px; background-color: rgba(0, 0, 0, 0.6);
 +
background: rgba(0, 0, 0, 0.6);
 +
color: rgba(0, 0, 0, 0.6); background-repeat:no-repeat; background-position:50% 150px; border:2px solid #b9b9b9; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5); box-shadow:0 1px 2px rgba(0, 0, 0, 0.5); -moz-border-radius:0px 0px 10px 10px; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -khtml-border-bottom-right-radius:10px; -khtml-border-bottom-left-radius:10px; border-radius:0px 0px 10px 10px; color:#333333; text-decoration:none; text-align:center;color:#f1f1f1; text-shadow:0 1px 1px #000; padding-top:95px; -webkit-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out; -moz-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out; -o-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out; transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out; }  
-
a:link { color: #00b0e6; text-decoration: none}
+
ul#navigation li a:hover { margin-top:-3px; background-position:100% -5px; color:#7b7b7b; position:relative; }  
-
a:visited { color:#00b0e6; text-decoration: none}
+
-
a:hover { color:#f29400; text-decoration: none}
+
-
a:active { color:#f29400; text-decoration: none}
+
-
#bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; }
+
ul#navigation li a:hover:after { content:""; width:0px; height:0px; position:absolute; top:100%; left:45%; margin-top:2px; border-width:5px; border-style:solid; border-color:transparent transparent lime transparent; }
-
table#team_members { text-align: justify; border: 0; }
+
ul#navigation li:nth-child(1) a { background-image:url(https://static.igem.org/mediawiki/2012/c/cb/Asyu.png); }
-
table#team_members h2, table#team_members h3 { clear: both; }
+
ul#navigation li:nth-child(2) a { background-image:url(https://static.igem.org/mediawiki/2012/b/be/Asyu2.png); }
 +
ul#navigation li:nth-child(3) a {background-image:url(https://static.igem.org/mediawiki/2012/1/18/Pr.jpg); }
 +
ul#navigation li:nth-child(4) a { background-image:url(https://static.igem.org/mediawiki/2012/d/da/Icon_dna.png); }
 +
ul#navigation li:nth-child(5) a { background-image:url(https://static.igem.org/mediawiki/2012/6/68/Edu-science-icon.png); }
 +
ul#navigation li:nth-child(6) a { background-image:url(https://static.igem.org/mediawiki/2012/0/00/Asyu5.png); }
 +
ul#navigation li:nth-child(7) a { background-image:url(https://static.igem.org/mediawiki/2012/1/19/Attributions2.png); }
 +
ul#navigation li:nth-child(8) a { background-image:url(https://static.igem.org/mediawiki/2012/0/0a/Medal-icon.png);
 +
}
 +
@-webkit-keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;} } @-moz-keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;} } @-ms-keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;} } @keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;}
 +
/*Navigasi*/
-
/*-----------------------------------------------------------------------------------------------*/
+
</style>
-
div.MenuBar ul li ul.DropDownMenu {
+
   
-
  display: none; /* Hides all drop-down menus. */
+
<script language='javascript' src='https://sites.google.com/site/tutorialseoblogger/file/jquery_mini.js'></script>
 +
<script language='javascript' src='https://sites.google.com/site/tutorialseoblogger/file/jquery.dimensions.js'></script>
 +
 +
    <body>
 +
        <div id="bg_top">
 +
        <div id="wrap_bg">
 +
              <div id='floatMenu'>
 +
<ul class='menu1'>
 +
<img src="https://static.igem.org/mediawiki/2012/1/19/Maskot_tim_iGEM_IPB.png"/>
 +
<li><a href='#' onclick='MGJS.goTop();return false;'> Back to top </a></li>
 +
</ul>
-
}
+
<script language='javascript'>
-
/*
+
var name = "#floatMenu";
-
li:hover works in IE7 and FF2.
+
var menuYloc = null;
-
a:hover works in IE6 and FF2.
+
$(document).ready(function(){
-
a:hover breaks li:hover in FF2.
+
menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))
-
*/
+
$(window).scroll(function () {  
-
div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu,
+
offset = menuYloc+$(document).scrollTop()+"px";
-
div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu {
+
$(name).animate({top:offset},{duration:500,queue:false});
-
  display: none; /* Hides all side menus. */
+
});
-
}
+
});  
-
/*------------------------------------------------------------------------------------- Menu Bar */
+
</script>
-
div.MenuBar {
+
</div>
-
  font: arial, helvetica, sans-serif;
+
           
-
  height: 30px;
+
            <ul id="navigation" style="margin:40px 0 0 220px">
-
  width: 910px;
+
<li class="nav1"><a href="https://2012.igem.org/Team:BAU-Indonesia">Home</a></li>
-
  /*width: 100%*/
+
<li class="nav2"><a href="https://2012.igem.org/Team:BAU-Indonesia/Team">Team</a></li>
-
  margin: 0;
+
<li class="nav3"><a href="https://2012.igem.org/Team:BAU-Indonesia/Project">Project</a></li>
-
  border-top: 0;
+
<li class="nav4"><a href="https://2012.igem.org/Team:BAU-Indonesia/Parts">Parts</a></li>
-
  border-right: 0;
+
<li class="nav5"><a href="https://2012.igem.org/Team:BAU-Indonesia/Modeling">Modeling</a></li>
-
  border-left: 0;
+
<li class="nav6"><a href="https://2012.igem.org/Team:BAU-Indonesia/Notebook">Notebook</a></li>
-
  padding: 0;
+
<li class="nav7"><a href="https://2012.igem.org/Team:BAU-Indonesia/Attributions">Attributions</a></li>
-
  background: black;
+
<li class="nav8"><a href="https://2012.igem.org/Team:BAU-Indonesia/Achievements">Achievement</a></li>
-
 
+
-
}
+
-
div.MenuBar ul {
+
-
  font: arial, helvetica, sans-serif;
+
-
  text-align: center;
+
-
  list-style-type: none;
+
-
  margin: 0.5em auto;
+
-
  border: 0;
+
-
  padding: 0;
+
-
  background: black;
+
-
}
+
-
div.MenuBar ul li {
+
-
  font: arial, helvetica, sans-serif;
+
-
  display: block;
+
-
  padding: 0;
+
-
  margin: 0;
+
-
  font-size: 1.3em;
+
-
  float: left;
+
-
  background: black;
+
-
  text-align: center;
+
-
  width: 107px;
+
-
  position: relative; /* Sets the positioning context for each drop-down menu. */
+
-
}
+
-
div.MenuBar ul li a {
+
</ul>
-
  font: arial, helvetica, sans-serif;
+
            <img style="margin-left:-900px" src="https://static.igem.org/mediawiki/2012/archive/9/90/20120909091254%21BAU-Indonesia_logo.png" />
-
  display: block;
+
            <div id="wrap">
-
  background: black;
+
        <div id="header">
-
  height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
+
-
  color: #ffffff;
+
<div id="prew_box">
-
  padding-top: 4px;
+
<div id="wrapper">
-
  padding-bottom: 4px;
+
        <div id="slider-wrapper">       
-
  padding-left: 1em; /* Sets the left space between top-level items. */
+
            <div id="slider" class="nivoSlider">
-
  padding-right: 1em; /* Sets the right space between top-level items. */
+
<img src="https://static.igem.org/mediawiki/2012/b/bd/Header2projek_copy.jpg" alt="" />
-
  text-decoration: none;
+
<img src="https://static.igem.org/mediawiki/2012/d/d4/Header1_tim.jpg" alt="" />
-
}
+
                <img src=" https://static.igem.org/mediawiki/2012/e/e8/Header1.jpg" alt="" />
 +
                <img src="https://static.igem.org/mediawiki/2012/4/48/Header9.jpg" alt=""/>
 +
                <img src="https://static.igem.org/mediawiki/2012/e/e8/Header4.jpg" alt="" />
 +
<img src="https://static.igem.org/mediawiki/2012/8/8c/Header3.jpg" alt="" />
 +
                <img src="https://static.igem.org/mediawiki/2012/0/07/Header8.jpg" alt="" />
-
/*------------------------------------------------------------------------------ Drop-Down Menus */
+
            </div>       
-
div.MenuBar ul li:hover ul.DropDownMenu,
+
        </div>
-
div.MenuBar ul li a:hover ul.DropDownMenu {
+
-
  display: block;
+
-
  width: 10em; /* Drop-down menu width.
+
-
                  Use MenuTailor.css to customize. */
+
-
  height: 1em;
+
-
  padding: 1px; /* Sets the drop-down menu "effective border" width. */
+
-
  position: absolute;
+
-
  top: 23px; /* Places the drop-down menu under the menu bar.
+
-
                Keep it sync with the menu bar height. */
+
-
  left: 0; /* Aligns the drop-down menu to its top-level item. */
+
-
  background-color: black; /* Selected item. */
+
-
  color: #FFFFFF;
+
-
}
+
<script type="text/javascript" src="http://wiki-rian.googlecode.com/files/jquery-1.4.3.min.js"></script>
-
div.MenuBar ul li:hover ul.DropDownMenu li a,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a {
+
-
  width: 10em; /* Keep it sync with the drop-down menu width.
+
-
                            Use MenuTailor.css to customize. */
+
-
  height: 1em;
+
-
  padding-left: 0;
+
-
  padding-right: 0;
+
-
  background-color: black; /* Selected item. */
+
-
  color: #FFFFFF;
+
-
}
+
-
ul.DropDownMenu li a span {
+
-
  display: block;
+
-
  padding-left: 0.75em; /* Sets the left space of each drop-down menu item. */
+
-
  padding-right: 0.25em; /* Sets the right space of each drop-down menu item. */
+
-
  text-align: right; /* Aligns the >> symbol to the right. */
+
-
}
+
-
ul.DropDownMenu li a span span {
+
-
  float: left; /* Aligns the text (back) to the left. */
+
-
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
+
-
  height: 20px;
+
-
  color: #FFFFFF;
+
-
}
+
-
/*----------------------------------------------------------------------------------- Side Menus */
+
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
+
-
  display: block;
+
-
  width: 11em; /* Side menu width.
+
-
                  Use MenuTailor.css to customize. */
+
-
  padding: 1px; /* Sets the side menu "effective border" width. */
+
-
  position: absolute;
+
-
  top: -1px; /* Aligns the side menu to its drop-down menu item.
+
-
                Keep it sync with the side menu "effective border" width. */
+
-
  left: 13em; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width.
+
-
                            Use MenuTailor.css to customize. */
+
-
}
+
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
+
-
  width: 11em; /* Keep it sync with the side menu width.
+
-
                            Use MenuTailor.css to customize. */
+
-
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
+
-
  left: 13em; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width.
+
-
                            Use MenuTailor.css to customize. */
+
-
}
+
-
div.MenuBar ul li ul.DropDownMenu li ul.SideMenu li a span {
+
-
  padding-left: 1.5em; /* Sets the left space of each side menu item. */
+
-
  padding-right: 0.5em; /* Sets the right space of each side menu item. */
+
-
  text-align: left;
+
-
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
+
-
  left: 13em; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width.
+
-
                            Use MenuTailor.css to customize. */
+
-
}
+
-
/*----------------------------------------------------------------------------- Browser Specific */
+
-
* html div.MenuBar ul li a {
+
-
  float: left; /* Required for IE55 and IE6.
+
-
                            Breaks O9.
+
-
                            Hidden (* html) from non-IE browsers. */
+
-
}
+
-
* html ul.DropDownMenu li a:hover {
+
-
  cursor: hand; /* Required for IE55.
+
-
                  Hidden (* html) from non-IE browsers. */
+
-
}
+
-
ul.DropDownMenu li a:hover {
+
-
  cursor: pointer; /* Required for IE6 and IE7.
+
-
                      Hidding it (* html) from non-IE browsers breaks IE7!
+
-
}
+
-
* html div.MenuBar a:hover {
+
-
  text-decoration: none; /* Required for IE55 and IE6.
+
-
                            Hidden (* html) from non-IE browsers. */
+
-
}
+
-
* html div.MenuBar ul li table,
+
-
* html div.MenuBar ul li table td {
+
-
  border: 0; /* Required for IE55 and IE6.
+
-
                Hidden (* html) from non-IE browsers. */
+
-
}
+
-
/*------------------------------------------------------------------------------- Default Colors */
+
-
div.MenuBar {
+
-
  background-color: Menu;
+
-
  border-bottom: 1px solid ButtonShadow;
+
-
}
+
-
div.MenuBar a {
+
-
  background-color: Menu; /* Top-level unselected items. */
+
-
  color: MenuText;
+
-
}
+
-
div.MenuBar ul li:hover a,
+
-
div.MenuBar ul li a:hover {
+
-
  color: #ea7f16;
+
-
  background-color: Highlight; /* Top-level selected item. */
+
-
  color: HighlightText;
+
-
}
+
-
/*...............................................................................................*/
+
-
div.MenuBar ul li:hover ul.DropDownMenu,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu {
+
-
  background-color: ButtonShadow; /* Sets the drop-down menu "effective border" color. */
+
-
}
+
-
div.MenuBar ul li:hover ul.DropDownMenu li a,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a {
+
-
  background-color: Menu;  Drop-down menu unselected items.
+
-
                            Sets the drop-down menu "effective background" color. */
+
-
  color: MenuText;
+
-
}
+
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover {
+
-
  background-color: Highlight; /* Drop-down menu selected item. */
+
-
  color: HighlightText;
+
-
}
+
-
/*...............................................................................................*/
+
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
+
-
  background-color: ButtonShadow; /* Sets the side menu "effective border" color. */
+
-
}
+
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
+
-
  background-color: Menu; /* Side menu unselected items.
+
-
                            Sets the side menu "effective background" color. */
+
-
  color: MenuText;
+
-
}
+
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
+
-
  background-color: Highlight; /* Side menu selected item. */
+
-
  color: HighlightText;
+
-
}
+
-
/*-----------------------------------------------------------------------------------------------*/
+
-
/*Script-Free 3-Level Menu 1.2 Tailor
+
-
  www.CesarDaniel.info
+
-
/*-------------------------------------------------------------------------------------- General */
+
-
body {
+
-
  background: white;
+
-
  color: black;
+
-
  margin: 0;
+
-
  border: 0;
+
-
  padding: 0;
+
-
}
+
 +
    <script type="text/javascript" src="http://wiki-rian.googlecode.com/files/jquery.nivo.slider.pack.js"></script>
 +
   
 +
    <script type="text/javascript">
 +
    $(window).load(function() {
 +
        $('#slider').nivoSlider();
 +
    });
 +
    </script>
 +
</div>
 +
-
div.MenuBar {
+
</div>
-
  font: 13px arial, helvetica, sans-serif;
+
-
}
+
</div> <div style="clear: both"></div>
-
div.MenuBar ul {
+
       
-
  font: 13px arial, helvetica, sans-serif; /* Required for IE55. */
+
<div id="content" style="background:url(https://static.igem.org/mediawiki/2012/6/67/A.jpg)">
-
}
+
-
/*--------------------------------------------------------------------------------------- Colors */
+
-
div.MenuBar {
+
-
  background-color: black; /* Selected item. */
+
-
  color: #FFFFFF;
+
-
  border-bottom: 1px solid ButtonShadow;
+
-
}
+
-
div.MenuBar a,
+
-
div.MenuBar ul li:hover ul.DropDownMenu li a,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a,
+
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
+
-
  background-color: black; /* Selected item. */
+
-
  color: #FFFFFF;
+
-
}
+
-
div.MenuBar ul li:hover a,
+
-
div.MenuBar ul li a:hover,
+
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover,
+
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
+
-
  background-color: #00b0e6; /* Selected item. */
+
-
  color: #FFFFFF;
+
-
}
+
-
div.MenuBar ul li:hover ul.DropDownMenu,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu,
+
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
+
-
  background-color: ButtonShadow; /* Sets the drop-down and side menus "effective border" color. */
+
-
}
+
-
/*--------------------------------------------------------------------------------------- Widths */
+
-
/*
+
-
/*
+
<div class="left_news_top"></div>
-
Menu Bar 1
+
<div class="left_news_bg">
-
Drop-Down Menu #2
+
<h2><b>Team Profile</b></div>
-
*/
+
                 
-
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4,
+
<div class="verticalaccordion" style="margin:20px 0 0px 100px">
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4,
+
<ul>
-
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4 li a,
+
    <li style="width:800px">
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4 li a {
+
      <h3>  Dr.Ir. Achmad Farajallah,M.Si (Instructor)</h3>
-
  width: 11em; /* Drop-down menu width. */
+
        <div style="text-align:justify" id="isinya"> <img style="margin-left:250px" src="https://static.igem.org/mediawiki/2012/2/2b/Ach.png" /> <br>is the lecturer at Department of Biology, Bogor Agricultural University. He gives some subjects to undergraduate student such as biology of cell, vertebrate, and the structure of animal. He received his doctoral degree at Postgraduate School, Bogor Agricultural University with Dissertation: Mitochondrial DNA variation of softshelled turtle in Indonesia. The example of research that he has ever done are Genetic characterization and identification of growth genes in Indonesian Buffalo Ministry of Agriculture Republic of Indonesia, The myostatin gene of Indonesian native sheep. Ministry of Agriculture Republic of Indonesia, Reproductive and genetic study of mantis shrimps in Indonesian ocean: mitochondrial phylogeography. DGHE Ministry of National Education, Republic of Indonesia. He also teaches the postgraduate student for master and doctoral degree at Bioscience of Animal, Postgraduate School, Bogor Agricultural University.</div>
-
}
+
    </li>
-
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5,
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5 li a,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5 li a {
+
-
  width: 12em; /* Drop-down menu width. */
+
-
}
+
-
/*...............................................................................................*/
+
    <li style="width:800px" st>
-
/*
+
      <h3>Dr. Utut Widyastuti Suharsono (Advisor) </h3>
-
Menu Bar 1
+
        <div style="text-align:justify" id="isinya"><img style="margin-left:250px" src="https://static.igem.org/mediawiki/2012/d/de/Ut.jpg" /> <br>is an Assistant Professor with Department of Biology at Bogor Agricultural University. She received her Ph.D. degree in Bioscience especially on Plant Molecular Genetics from Nara Institute Science and Technology (NAIST), Japan in 2002Dr. Utut Widyastuti is actively involved with various international collaboration research projects for the past 7 years such as Generation Challenge Programme (GCP) and Japan Society Promotion Science (JSPS). Since 1989, she has been involved in teaching programs in genetics for undergraduate, and from 2002 until now, she involved in teaching in molecular genetics, plant microbe interaction, plant molecular biology and biotechnology for graduate school at Bogor Agricultural University. She received several research grants from Ministry of Higher Education, Ministry of Agriculture, and Ministry of Research and Technology, Indonesia. Her areas of research are on signal transduction of various of crops to biotic and abiotic stresses such as rice blast disease, aluminum stress and acid soil.
-
Drop-Down Menu #2
+
</div>
-
Side Menu #1
+
    </li>
-
*/
+
 
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
+
  <li style="width:800px">
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 {
+
      <h3>Resti Pratiwi</h3>
-
  left: 15.5em !important; /* Places the side menu to the right of the drop-down menu.
+
        <div id="isinya"><img style="margin-left:250px" src="https://static.igem.org/mediawiki/2012/7/79/Resti.jpg" /> <br><b>Specialities</b> : Coordinating human practices, carrying out the lab work and make sure complete all sorts of laboratory equipment
-
                            Keep it sync with the drop-down menu width. */
+
<br><b>Comment</b> : iGEM is a way to explore creativity in synthetic biology. Nothing become turn up.
-
}
+
<br><b>Hobby</b> : singing, reading adventure of the world book
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
+
<br><b>Motto</b> : Dare to be trial&error!
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1,
+
</div>
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1 li a,
+
    </li>
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 li a {
+
-
  width: 10em; /* Side menu width. */
+
-
}
+
-
/*...............................................................................................*/
+
-
/*
+
-
Menu Bar 1
+
-
Drop-Down Menu #2
+
-
Side Menu #2
+
-
*/
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 {
+
-
  left: 15.5em !important; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width. */
+
-
}
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2,
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2 li a,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 li a {
+
-
  width: 10em; /* Side menu width. */
+
-
}
+
-
/*...............................................................................................*/
+
-
/*
+
-
Menu Bar 1
+
-
Drop-Down Menu #2
+
-
Side Menu #3
+
-
*/
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 {
+
-
  left: 15.5em  !important; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width. */
+
-
}
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3,
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3 li a,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 li a {
+
-
  width: 10em; /* Side menu width. */
+
-
}
+
-
/*...............................................................................................*/
+
-
</style>
+
    <li style="width:800px">
 +
      <h3>Mohammad Fadhillah</h3>
 +
        <div id="isinya"><img style="margin-left:250px" src="https://static.igem.org/mediawiki/2012/8/8a/Fadhil.jpg" /> <br> <b>Specialities</b> : Biological science  and computer graphic.
 +
<br><b>Comment</b> : iGEM is the greatest competition I ever participate
 +
<br><b>Hobby</b> : Reading books, writing, analisyst and debate
 +
<br><b>Motto</b> : Do the best cause Allah
 +
</div>
 +
    </li>
 +
 
 +
<li style="width:800px">
 +
      <h3>Masrukhin</h3>
 +
        <div id="isinya"><img style="margin-left:250px" src="https://static.igem.org/mediawiki/2012/b/b4/Ukhin.jpg" /><br> <b>Specialities</b> : Animation graphic dan bioinformatic design.
 +
<br><b>Comment</b> : iGEM is one of many way to learn about bioinformatic, to get new experience about syntetic biology.
 +
<br><b>Hobby </b> : Playing game, watching anime, reading comic and graphic designing.
 +
<br><b>Motto </b> : Life is about sleep and unsleep, when you aren't sleep so be creative.
 +
</div>
 +
    </li>
 +
 
 +
<li style="width:800px">
 +
      <h3>Ari Nugroho</h3>
 +
        <div id="isinya"><img style="margin-left:250px" src="https://static.igem.org/mediawiki/2012/c/cb/Ari.jpg" /> <br><b>Specialities</b> : Fund and sponsorship specialist, Laboratory Scientist and graphic design.
 +
<br><b>Comment</b> : iGEM is one way to train your softskill in synthetic biology and you can make your dreams come true.
 +
<br><b>Hobby </b> : Travelling, sport and reading a book about biology.
 +
<br><b>Motto </b> : keep learning till you get the grave.
 +
</div>
 +
    </li>
 +
 
 +
<li style="width:800px">
 +
      <h3>Muhamad Abduh</h3>
 +
        <div id="isinya"><img style="margin-left:250px" src="https://static.igem.org/mediawiki/2012/b/b7/Abduh.jpg" /><br> <b>Specialities</b> : Fund rising and laboratory working.
 +
<br><b>Comment</b> : i-GEM is gateway to genetical world
 +
<br><b>Hobby </b> : Playing basketball, learn human psychology
 +
<br><b>Motto </b> :do the best, give the best, and be the best.
 +
</div>
 +
    </li>
 +
<li style="width:800px">
 +
      <h3>Hendri Sutanto</h3>
 +
        <div id="isinya"><img style="margin-left:250px" src="https://static.igem.org/mediawiki/2012/8/89/Hendri.jpg" /> <br><b>Specialities</b> : Laboratory Scientist, Budget planner and Travel organizer
 +
<br><b>Comment</b> : iGEM 2012 is a such of wonderful inovation for the development of Synthetic Biology.
 +
<br><b>Hobby</b> : Reading books, Playing Music, Travelling, and Doing Bioscience Research
 +
<br><b>Motto</b> : All I Have is A Song
 +
</div>
 +
    </li>
-
<body>
+
<li style="width:800px">
-
<div id="header"><img src="https://static.igem.org/mediawiki/2008/7/78/TeamHeidelbergHeader.jpg" alt="Team Heidelberg" /></div>
+
      <h3>Muhammad Rizki Faisal</h3>
-
<div class='MenuBar' id="navi">
+
        <div id="isinya"><img style="margin-left:250px" src="https://static.igem.org/mediawiki/2012/9/9f/Ical1.jpg" /> <br><b>Specialities</b> : Laboratory Scientist, Sponsorship Specialist.
-
<ul>
+
<br><b>Comment</b> : iGEM 2012 is a great event to change the world with Synthetic Biology.
-
<li>
+
<br><b>Hobby</b> : Sport, Music, watching movie, traveling
-
<a href="https://2008.igem.org/Team:Heidelberg" style="color: white">Home
+
<br><b>Motto</b> : Perfection is no triffle.
-
<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
</div>
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
    </li>
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
<li>
+
-
<a href="https://2008.igem.org/Team:Heidelberg/Team" style="color: white">Team<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
<ul class="DropDownMenu" id="MB1-DDM6">
+
-
<li><a href="https://2008.igem.org/Team:Heidelberg/Team"><span><span>Overview</span></span></a></li>
+
-
<li><a href="https://2008.igem.org/Team:Heidelberg/Team_Members#Advisors"><span><span>Advisors</span></span></a></li>
+
-
<li><a href="https://2008.igem.org/Team:Heidelberg/Team_Members#Undergraduates"><span><span>Undergraduates</span></span></a></li>
+
-
<li><a href="https://2008.igem.org/Team:Heidelberg/Team#There_are_many_Universities_-_and_there_is_Heidelberg_..."><span><span>University</span></span></a></li>
+
-
<li><a href="https://2008.igem.org/Team:Heidelberg/Team#DKFZ"><span><span>DKFZ</span></span></a></li>
+
-
<li><a href="https://2008.igem.org/Team:Heidelberg/Team#Bioquant"><span><span>BioQuant</span></span></a></li>
+
-
<li><a href="https://2008.igem.org/Team:Heidelberg/BioRegioRN"><span><span>BioRegion Rhein-Neckar</span></span></a></li>
+
-
</ul>
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
<li>
+
-
<a href="https://2008.igem.org/Team:Heidelberg/Project" style="color: white">Project<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
<ul class="DropDownMenu" id="MB1-DDM1">
+
-
<li><a href="https://2008.igem.org/Team:Heidelberg/Project"><span><span>Overall Project</span></span></a></li>
+
-
<li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/material"><span><span>Material & Methods</span></span></a>
+
-
<li><a href="https://2008.igem.org/Team:Heidelberg/Project/Sensing"><span><span>Sensing</span></span></a></li>
+
-
<li><a href="https://2008.igem.org/Team:Heidelberg/Project/Killing_I"><span><span>Killing I  - Phages</span></span></a></li>
+
-
<li><a href="https://2008.igem.org/Team:Heidelberg/Project/Killing_II"><span><span>Killing II - Colicin</span></span></a></li>
+
-
<li><a href="https://2008.igem.org/Team:Heidelberg/Project/Visualization"><span><span>Visualization</span></span></a></li>
+
-
</ul>
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
<li>
+
<li style="width:800px">
-
<a href="https://2008.igem.org/Team:Heidelberg/Parts" style="color: white">Parts<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
      <h3>Uni Sutiah</h3>
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
        <div id="isinya"><img style="margin-left:250px" src="https://static.igem.org/mediawiki/2012/7/7c/Uno1.jpg" /> <br><b>Specialities</b> : Public Relation, Sponsorship Specialist, Budget Planner.
-
<ul class="DropDownMenu" id="MB1-DDM2">
+
<br><b>Comment</b> : iGEM 2012 make your ideas and dreams to be true!
-
<li><a href="https://2008.igem.org/Team:Heidelberg/Parts"><span><span>Submitted Parts</span></span></a></li>
+
<br><b>Hobby</b> : Adventuring, Travelling, Enjoying my Ipod
-
<li><a href="https://2008.igem.org/Team:Heidelberg/Parts/Characterization"><span><span>Characterization</span></span></a></li>
+
<br><b>Motto</b> : Discover your destiny by doing things with your strength completely
-
</ul>
+
</div>
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
    </li>
-
</li>
+
-
<li>
+
-
<a href="https://2008.igem.org/Team:Heidelberg/Modeling" style="color: white">Modeling<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
<ul class="DropDownMenu" id="MB1-DDM3">
+
-
<li><a href="https://2008.igem.org/Team:Heidelberg/Modeling"><span><span>Overview</span></span></a></li>
+
-
<li><a href="https://2008.igem.org/Team:Heidelberg/Modeling/Chemotaxis"><span><span>Chemotaxis-Colicin</span></span></a></li>
+
-
<li><a href="https://2008.igem.org/Team:Heidelberg/Modeling/Phage"><span><span>Phage Dynamics model</span></span></a></li>
+
-
</ul>
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
<li>
+
-
<a href="https://2008.igem.org/Team:Heidelberg/Notebook/Overview" style="color: white">Notebook<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
<ul class="DropDownMenu" id="MB1-DDM5">
+
-
<li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/Sensing_Group/Notebook"><span><span>Sens
+
-
== '''What we did''' ==
+
<li style="width:800px">
 +
      <h3>Kurrataa'yun</h3>
 +
        <div id="isinya"><img style="margin-left:250px" src="https://static.igem.org/mediawiki/2012/7/72/Ayun1.jpg" /><br> <b>Specialities</b> : Laboratory Scientist
 +
<br><b>Comment</b> : iGEM 2012 such genes, that could be modified and effected all of the living being by it development and modification. Cool !!!.
 +
<br><b>Hobby </b> : Reading, sport, watching and creating movie, play with music.
 +
<br><b>Motto </b> : Just do the best, and God will do the rest.
 +
</div>
 +
    </li>
-
(Provide proper attribution for all work)
+
<li style="width:800px">
 +
      <h3>
 +
Aditrian Rahim</h3>
 +
        <div id="isinya"><img style="margin-left:250px" src="https://static.igem.org/mediawiki/2012/f/ff/Rian.png" /><br> <b>Specialities</b> : Graphic design, wiki design
 +
<br><b>Comment</b> : iGEM is the initial event to open up opportunities for other international achievement
 +
<br><b>Hobby</b> : Sport, cycling, playing game PC, reading novel.
 +
<br><b>Motto</b> : You are what you think.
 +
</div>
 +
    </li>
 +
</ul>
 +
</div> 
 +
<div class="clear"></div>
 +
</div>
 +
 +
<div id="footer">
 +
<!--footer begins -->
-
== '''Where we're from''' ==
+
<div class="row-top">
 +
<div class="row-padding">
 +
<div class="wrapper">
 +
 +
<div class="col-3">
 +
<h2><b>Follow Us: <b/></h2>
 +
<ul class="list-services">
 +
 +
<li class="item-2"><a href="https://twitter.com/BAU_INDONESIA" target="_blank">Twitter (BAU-INDOESIA)</a></li>
 +
 +
</ul>
 +
</div>
 +
 +
 +
</div>
 +
</div><div class="clear"></div>
 +
 +
  </div>
 +
</div>
 +
 +
  </div>
 +
        </div>
 +
        </div>
 +
    </body>
 +
</html>

Latest revision as of 22:36, 26 September 2012


Metamorphosis Design Free Css Templates

Team Profile

  • Dr.Ir. Achmad Farajallah,M.Si (Instructor)


    is the lecturer at Department of Biology, Bogor Agricultural University. He gives some subjects to undergraduate student such as biology of cell, vertebrate, and the structure of animal. He received his doctoral degree at Postgraduate School, Bogor Agricultural University with Dissertation: Mitochondrial DNA variation of softshelled turtle in Indonesia. The example of research that he has ever done are Genetic characterization and identification of growth genes in Indonesian Buffalo Ministry of Agriculture Republic of Indonesia, The myostatin gene of Indonesian native sheep. Ministry of Agriculture Republic of Indonesia, Reproductive and genetic study of mantis shrimps in Indonesian ocean: mitochondrial phylogeography. DGHE Ministry of National Education, Republic of Indonesia. He also teaches the postgraduate student for master and doctoral degree at Bioscience of Animal, Postgraduate School, Bogor Agricultural University.
  • Dr. Utut Widyastuti Suharsono (Advisor)


    is an Assistant Professor with Department of Biology at Bogor Agricultural University. She received her Ph.D. degree in Bioscience especially on Plant Molecular Genetics from Nara Institute Science and Technology (NAIST), Japan in 2002. Dr. Utut Widyastuti is actively involved with various international collaboration research projects for the past 7 years such as Generation Challenge Programme (GCP) and Japan Society Promotion Science (JSPS). Since 1989, she has been involved in teaching programs in genetics for undergraduate, and from 2002 until now, she involved in teaching in molecular genetics, plant microbe interaction, plant molecular biology and biotechnology for graduate school at Bogor Agricultural University. She received several research grants from Ministry of Higher Education, Ministry of Agriculture, and Ministry of Research and Technology, Indonesia. Her areas of research are on signal transduction of various of crops to biotic and abiotic stresses such as rice blast disease, aluminum stress and acid soil.
  • Resti Pratiwi


    Specialities : Coordinating human practices, carrying out the lab work and make sure complete all sorts of laboratory equipment
    Comment : iGEM is a way to explore creativity in synthetic biology. Nothing become turn up.
    Hobby : singing, reading adventure of the world book
    Motto : Dare to be trial&error!
  • Mohammad Fadhillah


    Specialities : Biological science and computer graphic.
    Comment : iGEM is the greatest competition I ever participate
    Hobby : Reading books, writing, analisyst and debate
    Motto : Do the best cause Allah
  • Masrukhin


    Specialities : Animation graphic dan bioinformatic design.
    Comment : iGEM is one of many way to learn about bioinformatic, to get new experience about syntetic biology.
    Hobby : Playing game, watching anime, reading comic and graphic designing.
    Motto : Life is about sleep and unsleep, when you aren't sleep so be creative.
  • Ari Nugroho


    Specialities : Fund and sponsorship specialist, Laboratory Scientist and graphic design.
    Comment : iGEM is one way to train your softskill in synthetic biology and you can make your dreams come true.
    Hobby : Travelling, sport and reading a book about biology.
    Motto : keep learning till you get the grave.
  • Muhamad Abduh


    Specialities : Fund rising and laboratory working.
    Comment : i-GEM is gateway to genetical world
    Hobby : Playing basketball, learn human psychology
    Motto :do the best, give the best, and be the best.
  • Hendri Sutanto


    Specialities : Laboratory Scientist, Budget planner and Travel organizer
    Comment : iGEM 2012 is a such of wonderful inovation for the development of Synthetic Biology.
    Hobby : Reading books, Playing Music, Travelling, and Doing Bioscience Research
    Motto : All I Have is A Song
  • Muhammad Rizki Faisal


    Specialities : Laboratory Scientist, Sponsorship Specialist.
    Comment : iGEM 2012 is a great event to change the world with Synthetic Biology.
    Hobby : Sport, Music, watching movie, traveling
    Motto : Perfection is no triffle.
  • Uni Sutiah


    Specialities : Public Relation, Sponsorship Specialist, Budget Planner.
    Comment : iGEM 2012 make your ideas and dreams to be true!
    Hobby : Adventuring, Travelling, Enjoying my Ipod
    Motto : Discover your destiny by doing things with your strength completely
  • Kurrataa'yun


    Specialities : Laboratory Scientist
    Comment : iGEM 2012 such genes, that could be modified and effected all of the living being by it development and modification. Cool !!!.
    Hobby : Reading, sport, watching and creating movie, play with music.
    Motto : Just do the best, and God will do the rest.
  • Aditrian Rahim


    Specialities : Graphic design, wiki design
    Comment : iGEM is the initial event to open up opportunities for other international achievement
    Hobby : Sport, cycling, playing game PC, reading novel.
    Motto : You are what you think.