Team:BAU-Indonesia

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
__NOTOC__
<html>
<html>
-
    <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>
 
-
<style>
+
<head>
-
/*
+
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
-
Design by Metamorphosis Design
+
<script src='http://reader-download.googlecode.com/files/jquery.easing.1.3.js' type='text/javascript'></script>
-
http://www.metamorphozis.com
+
-
Released for free under a Creative Commons Attribution 2.5 License
+
-
*/
+
-
*{
+
<script type='text/javascript'>
-
    margin: 0px;
+
$(document).ready(function () {
-
    padding: 0px;
+
    $('div.jimgMenu ul li a').hover(function() {
-
}
+
          if ($(this).is(':animated')) {
 +
              $(this).addClass("active").stop().animate({width: "310px"}, {duration: 450, easing: "easeOutQuad", complete: "callback"});
 +
          } else {
 +
              $(this).addClass("active").stop().animate({width: "310px"}, {duration: 400, easing: "easeOutQuad", complete: "callback"});
 +
          }
 +
    }, function () {
 +
          if ($(this).is(':animated')) {
 +
              $(this).removeClass("active").stop().animate({width: "78px"}, {duration: 400, easing: "easeInOutQuad", complete: "callback"})
 +
          } else {
 +
              $(this).removeClass("active").stop(':animated').animate({width: "78px"}, {duration: 450, easing: "easeInOutQuad", complete: "callback"});
 +
          }
 +
    });
 +
});
 +
</script>
 +
</head>
-
img{
+
<style>
-
    padding: 0px;
+
.jimgMenu {
-
    border: none;
+
  position:relative;
 +
  width:630px;
 +
  height:200px;
 +
  overflow:hidden;
 +
  margin:10px;
}
}
-
a{
+
.jimgMenu ul {
-
    color: #ffffff;
+
  list-style:none;
-
    text-decoration: none;
+
  margin:0px;
-
    font-weight: bold;
+
  padding:0px;
 +
  display:block;
 +
  height:200px;
 +
  width:1340px;
}
}
-
a:hover {
+
.jimgMenu ul li {
-
    text-decoration: none;
+
  float:left;
-
    color: #c70000;
+
}
}
-
h2{
+
.jimgMenu ul li a {
-
font-family: Arial, Helvetica, sans-serif;
+
  text-indent:-1000px;
-
font-size: 20px;
+
  background:#FFFFFF none repeat scroll 0%;
-
color: #ffffff;
+
  border-right:2px solid #fff;
-
font-weight: normal;
+
  cursor:pointer;
-
background: url(images/title_bg.png) repeat-x bottom;
+
  display:block;
-
padding-bottom: 3px;
+
  overflow:hidden;
 +
  width:78px;
 +
  height:200px;
}
}
-
h3{
+
.jimgMenu ul li.satu a  {background:url(http://3.bp.blogspot.com/-tV_WbAALyr8/ThKqb8arAiI/AAAAAAAAAXE/pT9KuebBecY/s1600/landscapes.jpg) repeat scroll 0%;}
-
font-family: Arial, Helvetica, sans-serif;
+
.jimgMenu ul li.dua a  {background:url(http://3.bp.blogspot.com/--Dw4kWyM3yo/ThKqfxFZvtI/AAAAAAAAAXM/1L5ODPu0OcU/s1600/people.jpg) repeat scroll 0%;}
-
font-size: 20px;
+
.jimgMenu ul li.tiga a  {background:url(http://4.bp.blogspot.com/-Uib-i2TNAsc/ThKqd6uDB6I/AAAAAAAAAXI/p89exio6t8E/s1600/nature.jpg) repeat scroll 0%;}
-
color: #000000;
+
.jimgMenu ul li.empat a {background: url(http://4.bp.blogspot.com/-53TyMk779WE/ThKqY4c6BkI/AAAAAAAAAXA/rPFPPg0J8lc/s1600/abstract.jpg) repeat scroll 0%;}
-
font-weight: normal;
+
.jimgMenu ul li.lima a  {background: url(http://4.bp.blogspot.com/-m0l4jFx9_TM/ThKqhmjUqmI/AAAAAAAAAXQ/wAPNi03KSn0/s1600/urban.jpg) repeat scroll 0%;min-width:310px;}
-
padding-bottom: 3px;
 
-
margin-bottom: 5px;
 
-
}
 
-
h4{
 
-
font-family: Arial, Helvetica, sans-serif;
 
-
font-size: 20px;
 
-
color: #ffffff;
 
-
font-weight: normal;
 
-
padding-bottom: 6px;
 
-
background: url(images/title_bg.png) repeat-x bottom;
 
-
}
 
-
body {
 
-
    font-family: Arial, Helvetica, sans-serif;
 
-
    font-size: 12px;
 
-
    line-height: 22px;
 
-
    color: #ffffff;
 
-
    background: #000000 url(images/bg.jpg);
 
-
}
 
-
.clear{
+
h1.firstHeading { display: none; }
-
clear: both;
+
-
}
+
-
#bg_top{
+
p {text-align: justify;}
-
background: url(images/bg_top.jpg) no-repeat center top;
+
-
min-height: 100%;
+
-
}
+
-
#wrap{
+
a:link { color: #00b0e6; text-decoration: none}
-
width: 1016px;
+
a:visited { color:#00b0e6; text-decoration: none}
-
margin: 0 auto;
+
a:hover { color:#f29400; text-decoration: none}
-
padding: 9px 0px 0px 0px;
+
a:active { color:#f29400; text-decoration: none}
-
}
+
-
#wrap_bg{
+
#bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; }
-
width: 1216px;
+
-
margin: 0 auto;
+
-
background: url(images/logo_bg.png) no-repeat left top;
+
-
}
+
-
/*menu*/
+
table#team_members { text-align: justify; border: 0; }
 +
table#team_members h2, table#team_members h3 { clear: both; }
-
#menu{
 
-
float: right;
 
-
width: 573px;
 
-
height: 39px;
 
-
}
 
-
#menu ul {
+
/*-----------------------------------------------------------------------------------------------*/
-
    padding-left: 10px;
+
div.MenuBar ul li ul.DropDownMenu {
-
    padding-top: 7px;
+
  display: none; /* Hides all drop-down menus. */
-
    margin: 0px;
+
-
}
+
-
#menu li {
 
-
    display: inline;
 
}
}
-
 
+
/*
-
#menu a {
+
li:hover works in IE7 and FF2.
-
    font-family: Arial, Helvetica, sans-serif;
+
a:hover works in IE6 and FF2.
-
    font-size: 14px;
+
a:hover breaks li:hover in FF2.
-
    font-weight: normal;
+
*/
-
    display: block;
+
div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu,
-
    float: left;
+
div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu {
-
    width: 108px;
+
  display: none; /* Hides all side menus. */
-
    height: 26px;
+
-
    text-align: center;
+
-
    text-decoration: none;
+
-
    color: #AFAFAF;
+
-
padding-right: 2px;
+
-
padding-top: 3px;
+
}
}
-
 
+
/*------------------------------------------------------------------------------------- Menu Bar */
-
#menu .but1_menu a:hover, #menu .but1_menu .active {
+
div.MenuBar {
-
    height: 26px;
+
  font: arial, helvetica, sans-serif;
-
    background: url(images/menu_active1.png) no-repeat center top;
+
  height: 30px;
-
color: #ffffff;
+
  width: 910px;
 +
  /*width: 100%*/
 +
  margin: 0;
 +
  border-top: 0;
 +
  border-right: 0;
 +
  border-left: 0;
 +
  padding: 0;
 +
  background: black;
 +
 
}
}
-
 
+
div.MenuBar ul {
-
#menu .but2_menu a:hover, #menu .but2_menu .active {
+
  font: arial, helvetica, sans-serif;
-
    height: 26px;
+
  text-align: center;
-
    background: url(images/menu_active1.png) no-repeat center top;
+
  list-style-type: none;
-
color: #ffffff;
+
  margin: 0.5em auto;
 +
  border: 0;
 +
  padding: 0;
 +
  background: black;
}
}
-
 
+
div.MenuBar ul li {
-
#menu .but3_menu a:hover, #menu .but3_menu .active {
+
  font: arial, helvetica, sans-serif;
-
    height: 26px;
+
  display: block;
-
    background: url(images/menu_active1.png) no-repeat center top;
+
  padding: 0;
-
color: #ffffff;
+
  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. */
}
}
-
#menu .but4_menu a:hover, #menu .but4_menu .active {
+
div.MenuBar ul li a {
-
    height: 26px;
+
  font: arial, helvetica, sans-serif;
-
    background: url(images/menu_active1.png) no-repeat center top;
+
  display: block;
-
color: #ffffff;
+
  background: black;
 +
  height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
 +
  color: #ffffff;
 +
  padding-top: 4px;
 +
  padding-bottom: 4px;
 +
  padding-left: 1em; /* Sets the left space between top-level items. */
 +
  padding-right: 1em; /* Sets the right space between top-level items. */
 +
  text-decoration: none;
}
}
-
#menu .but5_menu a:hover, #menu .but5_menu .active {
+
/*------------------------------------------------------------------------------ Drop-Down Menus */
-
    height: 26px;
+
div.MenuBar ul li:hover ul.DropDownMenu,
-
    background: url(images/menu_active1.png) no-repeat center top;
+
div.MenuBar ul li a:hover ul.DropDownMenu {
-
color: #ffffff;
+
  display: block;
-
}
+
  width: 10em; /* Drop-down menu width.
-
/*logo*/
+
                  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;
-
#logo{
 
-
height: 110px;
 
-
padding-top: 70px;
 
}
}
-
 
+
div.MenuBar ul li:hover ul.DropDownMenu li a,
-
#logo h1 a{
+
div.MenuBar ul li a:hover ul.DropDownMenu li a {
-
font-family: Arial, Helvetica, sans-serif;
+
  width: 10em; /* Keep it sync with the drop-down menu width.
-
font-size: 16px;
+
                            Use MenuTailor.css to customize. */
-
color: #ffffff;
+
  height: 1em;
-
font-style: italic;
+
  padding-left: 0;
-
font-weight: normal;
+
  padding-right: 0;
 +
  background-color: black; /* Selected item. */
 +
  color: #FFFFFF;
}
}
-
 
+
ul.DropDownMenu li a span {
-
#logo a small{
+
  display: block;
-
font-family: Arial, Helvetica, sans-serif;
+
  padding-left: 0.75em; /* Sets the left space of each drop-down menu item. */
-
font-size: 12px;
+
  padding-right: 0.25em; /* Sets the right space of each drop-down menu item. */
-
color: #ffffff;
+
  text-align: right; /* Aligns the >> symbol to the right. */
-
font-style: italic;
+
-
font-weight: normal;
+
}
}
-
 
+
ul.DropDownMenu li a span span {
-
/*prew_box*/
+
  float: left; /* Aligns the text (back) to the left. */
-
 
+
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
-
#prew_box{
+
  height: 20px;
-
background: url(images/prew_bg.png) no-repeat top left;
+
  color: #FFFFFF;
-
height: 329px;
+
-
padding: 11px;
+
}
}
-
 
+
/*----------------------------------------------------------------------------------- Side Menus */
-
#prew_but_box{
+
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
-
width: 76px;
+
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
-
margin: 0 auto;
+
  display: block;
-
height: 20px;
+
  width: 11em; /* Side menu width.
-
padding-top: 20px;
+
                  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,
-
#prew_but_left{
+
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
-
float: left;
+
  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 {
-
#prew_but_right{
+
  padding-left: 1.5em; /* Sets the left space of each side menu item. */
-
float: right;
+
  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 */
-
/*content*/
+
* html div.MenuBar ul li a {
-
 
+
  float: left; /* Required for IE55 and IE6.
-
#content{
+
                            Breaks O9.
-
color: #ffffff;
+
                            Hidden (* html) from non-IE browsers. */
-
background: url(images/content_bg.png);
+
-
margin-top: 10px;
+
-
padding: 10px;
+
}
}
-
 
+
* html ul.DropDownMenu li a:hover {
-
.text{
+
  cursor: hand; /* Required for IE55.
-
padding: 10px 0px 0px 0px;
+
                  Hidden (* html) from non-IE browsers. */
}
}
-
 
+
ul.DropDownMenu li a:hover {
-
.italic_style{
+
  cursor: pointer; /* Required for IE6 and IE7.
-
font-style: italic;
+
                      Hidding it (* html) from non-IE browsers breaks IE7!
}
}
-
 
+
* html div.MenuBar a:hover {
-
.read{
+
  text-decoration: none; /* Required for IE55 and IE6.
-
float: right;
+
                            Hidden (* html) from non-IE browsers. */
-
padding: 0px 10px 0px 0px;
+
}
}
-
 
+
* html div.MenuBar ul li table,
-
.read a{
+
* html div.MenuBar ul li table td {
-
color: #c70000;
+
  border: 0; /* Required for IE55 and IE6.
-
font-weight: normal;
+
                Hidden (* html) from non-IE browsers. */
}
}
-
 
+
/*------------------------------------------------------------------------------- Default Colors */
-
.read a:hover{
+
div.MenuBar {
-
color: #000000;
+
  background-color: Menu;
 +
  border-bottom: 1px solid ButtonShadow;
}
}
-
 
+
div.MenuBar a {
-
#left_column{
+
  background-color: Menu; /* Top-level unselected items. */
-
width: 633px;
+
  color: MenuText;
-
float: left;
+
}
}
-
 
+
div.MenuBar ul li:hover a,
-
.left_news_top{
+
div.MenuBar ul li a:hover {
-
height: 22px;
+
  color: #ea7f16;
-
padding-top: 13px;
+
  background-color: Highlight; /* Top-level selected item. */
 +
  color: HighlightText;
}
}
-
 
+
/*...............................................................................................*/
-
.left_news_bg{
+
div.MenuBar ul li:hover ul.DropDownMenu,
-
padding: 0px 20px 0px 20px;
+
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,
-
.left_news_bot{
+
div.MenuBar ul li a:hover ul.DropDownMenu li a {
-
height: 22px;
+
  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,
-
#right_column{
+
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover {
-
width: 360px;
+
  background-color: Highlight; /* Drop-down menu selected item. */
-
float: right;
+
  color: HighlightText;
}
}
-
 
+
/*...............................................................................................*/
-
.right_news_top{
+
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
-
height: 22px;
+
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
-
padding-top: 13px;
+
  background-color: ButtonShadow; /* Sets the side menu "effective border" color. */
}
}
-
 
+
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
-
.right_news_bg{
+
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
-
padding: 0px 20px 0px 20px;
+
  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,
-
.right_news_bot{
+
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
-
height: 22px;
+
  background-color: Highlight; /* Side menu selected item. */
 +
  color: HighlightText;  
}
}
-
 
+
/*-----------------------------------------------------------------------------------------------*/
-
/*footer*/
+
/*Script-Free 3-Level Menu 1.2 Tailor
-
 
+
  www.CesarDaniel.info
-
#footer{
+
/*-------------------------------------------------------------------------------------- General */
-
padding: 10px 0px 20px 0px;
+
body {
-
color: #ffffff
+
  background: white;
 +
  color: black;
 +
  margin: 0;
 +
  border: 0;
 +
  padding: 0;
}
}
-
#footer a{
 
-
color: #ffffff;
 
-
}
 
-
#footer a:hover{
+
div.MenuBar {
-
color: #c70000;
+
  font: 13px arial, helvetica, sans-serif;
}
}
-
 
+
div.MenuBar ul {
-
 
+
  font: 13px arial, helvetica, sans-serif; /* Required for IE55. */
-
#footer_bottom
+
-
{
+
-
padding-top: 10px;
+
-
font-size: 10px;
+
-
padding-left: 60px;
+
}
}
-
 
+
/*--------------------------------------------------------------------------------------- Colors */
-
#footer_bottom a{
+
div.MenuBar {
-
font-weight: normal;
+
  background-color: black; /* Selected item. */
 +
  color: #FFFFFF;
 +
  border-bottom: 1px solid ButtonShadow;
}
}
-
 
+
div.MenuBar a,
-
 
+
div.MenuBar ul li:hover ul.DropDownMenu li a,
-
.row-top {width:100%;padding:33px 0 42px;}
+
div.MenuBar ul li a:hover ul.DropDownMenu li a,
-
.row-padding {padding:0 62px}
+
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
-
.col-1, .col-2, .col-3, .col-4  {float:left}
+
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
-
.list-services li {line-height:24px;padding-left:28px; list-style:none}
+
  background-color: black; /* Selected item. */
-
.list-services li a {color:#9d9d9d;text-decoration:none}
+
  color: #FFFFFF;
-
.list-services li a:hover {text-decoration:underline}
+
-
.list-services li.item-1 {background:url(images/facebook.png) 0 3px no-repeat}
+
-
.list-services li.item-2 {background:url(images/twitter.png) 0 3px no-repeat}
+
-
.list-services li.item-3 {background:url(images/linkedin.png) 0 3px no-repeat}
+
-
.menu li a, .list-1 li a,  {text-decoration:none}
+
-
.list-1 li {line-height:24px;padding-left:10px;background:url(images/marker.gif) 0 10px no-repeat;  list-style:none}
+
-
.list-1 li a {display:inline-block;color:#9d9d9d}
+
-
.list-1 li a:hover {text-decoration:underline}
+
-
 
+
-
.indent3 {padding-top:28px}
+
-
.footer-logo {display:block;color:#666666;font-size:30px;line-height:1em;text-transform:uppercase;letter-spacing:-3px;font-weight:400;margin-bottom:5px}
+
-
.footer-logo strong {color:#666666;text-transform:none;display:inline-block}
+
-
.phone {display:inline-block;font-size: 24px;line-height:1.2em;color:#666666;letter-spacing:-1px;padding-left:5px}
+
-
.phone strong {color:#666666}
+
-
.col-1 {width:190px;margin-right:55px}
+
-
.col-2 {width:110px;margin-right:55px}
+
-
.col-3 {width:140px;margin-right:65px}
+
-
.col-4 {width:235px}
+
-
 
+
-
 
+
-
.ls{
+
-
    list-style: none;
+
-
    padding-left: 0px;
+
}
}
-
 
+
div.MenuBar ul li:hover a,
-
.ls li{
+
div.MenuBar ul li a:hover,
-
    background: url(images/ls.gif) no-repeat 0px 7px;
+
div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
-
    margin-bottom: 4px;
+
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover,
-
    padding-left: 15px;
+
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,
-
.ls2{
+
div.MenuBar ul li a:hover ul.DropDownMenu,
-
    list-style: none;
+
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
-
    padding-left: 0px;
+
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
-
padding-top: 5px;
+
  background-color: ButtonShadow; /* Sets the drop-down and side menus "effective border" color. */
}
}
 +
/*--------------------------------------------------------------------------------------- Widths */
 +
/*
-
.ls2 li{
+
/*
-
    background: url(images/ls2.gif) no-repeat 0px 7px;
+
Menu Bar 1
-
    padding-bottom: 4px;
+
Drop-Down Menu #2
-
    padding-left: 15px;
+
*/
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4,
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4 li a,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4 li a {
 +
  width: 11em; /* Drop-down menu width. */
}
}
-
 
+
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5,
-
.button_box{
+
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5,
-
padding-top: 5px;
+
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. */
}
}
-
.button_box a{
+
/*...............................................................................................*/
-
padding-right: 20px;
+
/*
 +
Menu Bar 1
 +
Drop-Down Menu #2
 +
Side Menu #1
 +
*/
 +
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
 +
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 {
 +
  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-SM1,
-
/*blog*/
+
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1,
-
 
+
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1 li a,
-
.news_top{
+
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 li a {
-
    clear: both;
+
  width: 10em; /* Side menu width. */
}
}
-
 
+
/*...............................................................................................*/
-
.layer_border{
+
/*
-
background: url(images/title_bg.jpg) repeat-x bottom;
+
Menu Bar 1
-
padding-bottom: 3px;
+
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,
-
.news_top_left{
+
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2,
-
    background: url(images/date_bg.jpg) no-repeat right;
+
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2 li a,
-
    width: 45px;
+
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 li a {
-
    height: 42px;
+
  width: 10em; /* Side menu width. */
-
    float: left;
+
-
    text-align: center;
+
-
margin: 5px 0px 0px 0px;
+
}
}
-
 
+
/*...............................................................................................*/
-
.news_top_left .date_day{
+
/*
-
    color: #ffffff;
+
Menu Bar 1
-
    font-family: Arial, Helvetica, sans-serif;
+
Drop-Down Menu #2
-
    font-size: 12px;
+
Side Menu #3
-
    font-weight: normal;
+
*/
-
    padding-top: 8px;
+
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
-
line-height: 12px;
+
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,
-
.news_top_left .date_month{
+
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3,
-
    color: #ffffff;
+
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3 li a,
-
    font-family: Arial, Helvetica, sans-serif;
+
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 li a {
-
    font-size: 12px;
+
  width: 10em; /* Side menu width. */
-
    font-weight: normal;
+
}
}
 +
/*...............................................................................................*/
-
.news_top_right{
 
-
    float: left;
 
-
    padding-left: 15px;
 
-
    width: 529px;
 
-
}
 
-
 
-
.title_post_left{
 
-
float: left;
 
-
}
 
-
 
-
.title_post_right{
 
-
float: right;
 
-
}
 
-
 
-
/*gallery*/
 
-
 
-
.gallery_top{
 
-
background: url(images/gallery_top.jpg) no-repeat;
 
-
height: 21px;
 
-
}
 
-
 
-
.gallery_bg{
 
-
background: url(images/gallery_bg.jpg) repeat-y left;
 
-
padding: 0px 11px 0px 11px;
 
-
}
 
-
 
-
  .gallery_bot{
 
-
background: url(images/gallery_bot.jpg) no-repeat;
 
-
height: 21px;
 
-
}
 
-
 
-
.gal{
 
-
background: url(images/gal_bg.jpg) no-repeat 0px 0px;
 
-
width: 457px;
 
-
height: 250px;
 
-
padding: 10px 10px 10px 10px;
 
-
float: left;
 
-
margin: 0px 10px 0px 10px;
 
-
}
 
-
 
-
.gal h3{
 
-
background: none;
 
-
margin-bottom: 0px;
 
-
}
 
-
 
-
.gal_img{
 
-
border: 1px solid #ffffff;
 
-
}
 
-
 
-
.gal p{
 
-
color: #000000;
 
-
}
 
-
 
-
.razd{
 
-
height: 10px;
 
-
clear: both;
 
-
}
 
-
 
 
-
.pagenav{
 
-
padding-left: 10px;
 
-
}
 
-
 
-
.pagenav ul{
 
-
list-style: none;
 
-
padding: 0px;
 
-
}
 
-
 
-
.pagenav ul li a{
 
-
display: block;
 
-
float: left;
 
-
background: url(images/pagenav_bg.jpg) no-repeat;
 
-
width: 20px;
 
-
height: 21px;
 
-
line-height: 21px;
 
-
text-align: center;
 
-
color: #ffffff;
 
-
margin-right: 5px;
 
-
font-weight: normal;
 
-
}
 
-
 
-
.pagenav ul li a:hover{
 
-
color: #ffffff;
 
-
background: url(images/pagenav_select.jpg) no-repeat;
 
-
}
 
-
 
-
.pagenav ul li .select{
 
-
color: #ffffff;
 
-
background: url(images/pagenav_select.jpg) no-repeat;
 
-
}
 
-
 
-
/*about*/
 
-
 
-
.date_news{
 
-
text-decoration: underline;
 
-
}
 
-
 
-
.news{
 
-
padding: 10px 0px 20px 0px;
 
-
}
 
-
 
-
/*contact*/
 
-
 
-
#contact_form fieldset {
 
-
    border: none;
 
-
padding-top: 20px;
 
-
}
 
-
 
-
#contact_form input {
 
-
    margin-bottom: 5px;
 
-
}
 
-
 
-
#contact-submit, #contact-clear{
 
-
    width: 74px;
 
-
    height: 19px;
 
-
    color: #efefef;
 
-
    background: url(images/contact_but.jpg);
 
-
    background-repeat: no-repeat;
 
-
    background-position: left bottom;
 
-
    border: none;
 
-
    font-family: Arial, Helvetica, sans-serif;
 
-
    font-size: 12px;
 
-
    font-weight: normal;
 
-
font-style: italic;
 
-
margin-right: 40px;
 
-
}
 
-
 
-
#con_name, #con_email, #con_website {
 
-
    width: 571px;
 
-
    height: 29px;
 
-
    padding-top: 0px;
 
-
    padding-left: 10px;
 
-
    padding-right: 10px;
 
-
    border: none;
 
-
    background: url(images/contact_input.jpg);
 
-
    background-repeat: no-repeat;
 
-
    background-position: left top;
 
-
    color: #373636;
 
-
line-height: 29px;
 
-
}
 
-
 
-
#con_mess {
 
-
    width: 571px;
 
-
    height: 103px;
 
-
    padding-top: 4px;
 
-
    padding-left: 10px;
 
-
    padding-right: 10px;
 
-
    padding-bottom: 15px;
 
-
    border: none;
 
-
    background: url(images/contact_mess.jpg);
 
-
    background-repeat: no-repeat;
 
-
    background-position: left top;
 
-
    color: #373636;
 
-
    margin-bottom: 15px;
 
-
font-family: Arial, Helvetica, sans-serif;
 
-
    font-size: 12px;
 
-
}
 
-
 
-
.pad_left{
 
-
    padding-left: 30px;
 
-
}
 
-
 
-
.contact_news{
 
-
padding-top: 15px;
 
-
}
 
-
 
-
 
-
 
-
/*=================================*/
 
-
/* Nivo Slider Demo
 
-
/* November 2010
 
-
/* By: Gilbert Pellegrom
 
-
/* http://dev7studios.com
 
-
/*=================================*/
 
-
 
-
 
-
#slider-wrapper {
 
-
    background:url(images/top.jpg) no-repeat;
 
-
    width:994px;
 
-
    height: 299px;
 
-
    margin:0 auto;
 
-
}
 
-
 
-
#slider {
 
-
position:relative;
 
-
    width: 994px;
 
-
    height: 299px;
 
-
background:url(images/loading.gif) no-repeat 50% 50%;
 
-
}
 
-
#slider img {
 
-
position:absolute;
 
-
top:0px;
 
-
left:0px;
 
-
display:none;
 
-
}
 
-
#slider a {
 
-
border:0;
 
-
display:block;
 
-
}
 
-
 
-
.nivo-controlNav {
 
-
position:absolute;
 
-
left: 440px;
 
-
bottom:-42px;
 
-
 
-
}
 
-
.nivo-controlNav a {
 
-
display:block;
 
-
width:22px;
 
-
height:22px;
 
-
background:url(images/bullets.png) no-repeat;
 
-
text-indent:-9999px;
 
-
border:0;
 
-
margin-right:3px;
 
-
float:left;
 
-
}
 
-
.nivo-controlNav a.active {
 
-
background-position:0 -22px;
 
-
}
 
-
 
-
.nivo-directionNav a {
 
-
display:block;
 
-
width:30px;
 
-
height:30px;
 
-
background:url(images/arrows.png) no-repeat;
 
-
text-indent:-9999px;
 
-
border:0;
 
-
}
 
-
a.nivo-nextNav {
 
-
background-position:-30px 0;
 
-
right:15px;
 
-
}
 
-
a.nivo-prevNav {
 
-
left:15px;
 
-
}
 
-
 
-
.nivo-caption {
 
-
    text-shadow:none;
 
-
    font-family: Helvetica, Arial, sans-serif;
 
-
}
 
-
.nivo-caption a {
 
-
    color:#efe9d1;
 
-
    text-decoration:underline;
 
-
}
 
-
 
-
/*
 
-
* jQuery Nivo Slider v2.3
 
-
* http://nivo.dev7studios.com
 
-
*
 
-
* Copyright 2010, Gilbert Pellegrom
 
-
* Free to use and abuse under the MIT license.
 
-
* http://www.opensource.org/licenses/mit-license.php
 
-
*
 
-
* March 2010
 
-
*/
 
-
 
-
 
-
/* The Nivo Slider styles */
 
-
.nivoSlider {
 
-
position:relative;
 
-
}
 
-
.nivoSlider img {
 
-
position:absolute;
 
-
top:0px;
 
-
left:0px;
 
-
}
 
-
/* If an image is wrapped in a link */
 
-
.nivoSlider a.nivo-imageLink {
 
-
position:absolute;
 
-
top:0px;
 
-
left:0px;
 
-
width:100%;
 
-
height:100%;
 
-
border:0;
 
-
padding:0;
 
-
margin:0;
 
-
z-index:60;
 
-
display:none;
 
-
}
 
-
/* The slices in the Slider */
 
-
.nivo-slice {
 
-
display:block;
 
-
position:absolute;
 
-
z-index:50;
 
-
height:100%;
 
-
}
 
-
/* Caption styles */
 
-
.nivo-caption {
 
-
position:absolute;
 
-
left:0px;
 
-
bottom:0px;
 
-
background:#000;
 
-
color:#fff;
 
-
opacity:0.8; /* Overridden by captionOpacity setting */
 
-
width:100%;
 
-
z-index:89;
 
-
}
 
-
.nivo-caption p {
 
-
padding:5px;
 
-
margin:0;
 
-
}
 
-
.nivo-caption a {
 
-
display:inline !important;
 
-
}
 
-
.nivo-html-caption {
 
-
    display:none;
 
-
}
 
-
/* Direction nav styles (e.g. Next & Prev) */
 
-
.nivo-directionNav a {
 
-
position:absolute;
 
-
top:45%;
 
-
z-index:99;
 
-
cursor:pointer;
 
-
}
 
-
.nivo-prevNav {
 
-
left:0px;
 
-
}
 
-
.nivo-nextNav {
 
-
right:0px;
 
-
}
 
-
/* Control nav styles (e.g. 1,2,3...) */
 
-
.nivo-controlNav a {
 
-
position:relative;
 
-
z-index:99;
 
-
cursor:pointer;
 
-
}
 
-
.nivo-controlNav a.active {
 
-
font-weight:bold;
 
-
}
 
</style>
</style>
-
    <body>
 
-
        <div id="bg_top">
 
-
        <div id="wrap_bg">
 
-
        <div id="wrap">
 
-
        <div id="header">
 
-
        <div id="menu">
 
-
<ul>
 
-
<li class="but1_menu"><a href="index.html" class="active">Home</a></li>
 
-
<li class="but2_menu"><a href="blog.html">Blog</a></li>
 
-
<li class="but3_menu"><a href="gallery.html">Gallery</a></li>
 
-
<li class="but4_menu"><a href="about.html">About Us</a></li>
 
-
<li class="but5_menu"><a href="contact.html">Contact Us</a></li>
 
-
</ul>
 
-
</div>
 
-
<div id="logo">
 
-
<h1><a href="#">metamorph_woodback</a></h1>
 
-
                <a href="#"><small>Small Company Slogan Goes Here</small></a>
 
-
</div>
 
-
<div id="prew_box">
 
-
 
-
 
-
<div id="wrapper">
 
-
        <div id="slider-wrapper">       
 
-
            <div id="slider" class="nivoSlider">
 
-
                <img src="images/prew_img1.jpg" alt="" />
 
-
                <img src="images/prew_img2.jpg" alt=""/>
 
-
                <img src="images/prew_img3.jpg" alt="" />
 
-
<img src="images/prew_img4.jpg" alt="" />
 
-
            </div>       
 
-
        </div>
 
-
<script type="text/javascript" src="http://my-rian.googlecode.com/files/jquery-1.4.3.min.js"></script>
+
<body>
-
    <script type="text/javascript" src="http://my-rian.googlecode.com/files/jquery.nivo.slider.pack.js"></script>
+
<div class='jimgMenu'>
-
   
+
    <ul>
-
    <script type="text/javascript">
+
          <li class='satu'><a href='#'>Landscapes</a></li>
-
    $(window).load(function() {
+
          <li class='dua'><a href='#'>People</a></li>
-
        $('#slider').nivoSlider();
+
          <li class='tiga'><a href='#'>Nature</a></li>
-
    });
+
          <li class='empat'><a href='#'>Abstract</a></li>
-
    </script>
+
          <li class='lima'><a href='#'>Urban</a></li>
 +
    </ul>
</div>
</div>
 +
<div class='MenuBar' id="navi">
 +
<ul>
 +
<li>
 +
<a href="https://2012.igem.org/Team:BAU-Indonesia" style="color: white">Home
 +
<!--[if gt IE 6]><!--></a><!--<![endif]-->
 +
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:BAU-Indonesia/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]-->
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:BAU-Indonesia/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]-->
 +
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 +
 +
<ul class="DropDownMenu" id="MB1-DDM1">
 +
 +
<li><a href="https://2012.igem.org/Team:BAU-Indonesia/ProjectDesc"><span><span>Project Description</span></span></a></li>
 +
<li><a href="https://2012.igem.org/Team:BAU-Indonesia/Abstract"><span><span>Abstract</span></span></a></li>
 +
 +
</ul>
 +
</li>
 +
 +
<li>
 +
<a href="https://2012.igem.org/Team:BAU-Indonesia/Parts" style="color: white">Parts<!--[if gt IE 6]><!--></a><!--<![endif]-->
 +
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
 +
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:BAU-Indonesia/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]-->
 +
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:BAU-Indonesia/Notebook" style="color: white">Notebook<!--[if gt IE 6]><!--></a><!--<![endif]-->
 +
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
 +
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:BAU-Indonesia/Safety" style="color: white">Safety<!--[if gt IE 6]><!--></a><!--<![endif]-->
 +
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
 +
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 +
</li>
 +
        <li>
 +
<a "href=https://2012.igem.org/Team:BAU-Indonesia/Attributions" style="color: white">Attributions<!--[if gt IE 6]><!--></a><!--<![endif]-->
 +
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
 +
 +
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
 +
</li>
-
</div>
 
-
</div> <div style="clear: both"></div>
+
</ul>
-
<div id="content">
+
-
<div id="left_column">
+
-
<!-- Start left news box -->
+
-
<div class="left_news_box">
+
-
<div class="left_news_top"></div>
+
-
<div class="left_news_bg">
+
-
<h2>Welcome To Our Website</h2>
+
-
<div class="text">
+
-
<img src="images/img1.jpg" alt="" title="" style="float: left; padding: 5px 10px 5px 0px;"/>
+
-
<p><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </a><br />
+
-
Nam sed massa nunc. Duis malesuada elit a orci auctor imperdiet ut vitae mauris. Proin ultrices est non dolor mollis condimentum at vel orci. Sed tristique ultricies orci sit amet placerat. Etiam tincidunt vestibulum arcu, in malesuada nibh mollis a. Aliquam erat volutpat. Sed ac</p>
+
-
<br />
+
-
<p><a href="#">Proin ultrices est non dolor mollis condimentum at vel orci.</a> <br />
+
-
Sed tristique ultricies orci sit amet placerat. Etiam tincidunt vestibulum arcu, in malesuada nibh mollis a. Aliquam erat volutpat. Sed ac posuere odio. Etiam eu purus mi. Nunc dictum metus non nunc ultrices malesuada. Quisque dictum eros id metus lobortis hendrerit. Donec mollis venenatis pellentesque. Praesent massa enim, varius nec commodo eget, varius mollis augue. Mauris sodales vestibulum est, </p>
+
-
<div class="read"><a href="#">read more &raquo;</a></div>
+
-
</div>
+
-
<div class="clear"></div>
+
-
</div>
+
-
<div class="left_news_bot"></div>
+
-
</div>
+
-
<!-- End left news box -->
+
-
+
-
<!-- Start left news box -->
+
-
<div class="left_news_box">
+
-
<div class="left_news_top"></div>
+
-
<div class="left_news_bg">
+
-
<h2>Welcome To Our Website</h2>
+
-
<div class="text">
+
-
<img src="images/img2.jpg" alt="" title="" style="float: left; padding: 0px 10px 5px 0px;"/>
+
-
<p><a href="#">Nam non diam diam, vel iaculis ligula. </a><br />
+
-
Nullam interdum fermentum erat sed blandit. Nam tincidunt rutrum arcu, vel lacinia risus luctus vel. Duis sed eleifend sem. Etiam rhoncus orci quis orci tempor aliquam. Mauris sagittis enim eu quam pulvinar </p>
+
-
<div class="read"><a href="#">read more &raquo;</a></div>
+
-
</div>
+
-
<div class="clear"></div>
+
-
</div>
+
-
<div class="left_news_bot"></div>
+
-
</div>
+
-
<!-- End left news box -->
+
-
</div>
+
-
<div id="right_column">
+
-
<!-- Start right news box -->
+
-
<div class="right_news_box">
+
-
<div class="right_news_top"></div>
+
-
<div class="right_news_bg">
+
-
<h2>Latest News</h2>
+
-
<div class="text">
+
-
<img src="images/news.jpg" alt="" title="" style="float: left; padding: 5px 10px 5px 0px;"/>
+
-
<p><a href="#">Cras volutpat urna ut nibh rutrum faucibus.</a> <br />
+
-
Duis rutrum porttitor vulputate. Suspendisse sed tellus id libero dignissim volut porttitor vulputate. Suspendisse sed tellus id libero </p>
+
-
<div class="read"><a href="#">read more &raquo;</a></div>
+
-
</div>
+
-
<div class="clear"></div>
+
-
<div class="text">
+
-
<img src="images/news.jpg" alt="" title="" style="float: left; padding: 5px 10px 5px 0px;"/>
+
-
<p><a href="#">Nam adipiscing erat tristique arcu hendrerit at sagittis massa pharetra. </a> <br />
+
-
Nunc posuere gravida odio, et tincidunt elit posuere at. Integer turpis nisi, pellen porttitor vulputate. Suspendisse sed tellus id libero
+
-
dignissim volutpat. Vestibulum tempus vulputate luctus. </p>
+
-
<div class="read"><a href="#">read more &raquo;</a></div>
+
-
</div>
+
-
<div class="clear"></div>
+
-
</div>
+
-
<div class="right_news_bot"></div>
+
-
</div>
+
-
<!-- End right news box -->
+
-
+
-
<!-- Start right news box -->
+
-
<div class="right_news_box">
+
-
<div class="right_news_top"></div>
+
-
<div class="right_news_bg">
+
-
<h2>Testimonials</h2>
+
-
<div class="text">
+
-
<p class="italic_style">&quot;Praesent sagittis feugiat orci, eu suscipit justo dapibus nec. Duis at lacinia metus. Morbi interdum, justo ac blandit aliquet, nunc odio laoreet justo, vel accumsan libero&quot;</p>
+
-
<div class="read"><a href="#">John Doe</a></div>
+
-
</div>
+
-
<div class="clear"></div>
+
-
<div class="text">
+
-
<p class="italic_style">&quot; Nam non diam diam, vel iaculis ligula. Nullam interdum fermentum erat sed blandit. Nam tincidunt rutrum arcu, vel lacinia risus luctus vel. Duis sed eleifend sem. &quot;</p>
+
-
<div class="read"><a href="#">John Doe</a></div>
+
-
</div>
+
-
<div class="clear"></div>
+
-
<div class="text">
+
-
<p class="italic_style">&quot;Etiam rhoncus orci quis orci tempor aliquam. Mauris sagittis enim eu quam pulvinar dapibus. Pellentesque&quot;</p>
+
-
<div class="read"><a href="#">John Doe</a></div>
+
-
</div>
+
-
<div class="clear"></div>
+
-
</div>
+
-
<div class="right_news_bot"></div>
+
-
</div>
+
-
<!-- End right news box -->
+
-
</div>
+
-
<div class="clear"></div>
+
-
</div>
+
-
+
-
<div id="footer">
+
-
<!--footer begins -->
+
-
<div class="row-top">
+
</div>
-
<div class="row-padding">
+
<div id="header_bottom"><img src="https://static.igem.org/mediawiki/2008/e/ef/Navi_bg.gif" alt="" / ></div>
-
<div class="wrapper">
+
</body>
-
<div class="col-1">
+
-
<h2>Address:</h2>
+
-
<dl class="address">
+
-
<dt><span>Country:</span> USA</dt>
+
-
<dd><span>City:</span> Faucibus</dd>
+
-
<dd><span>Address:</span> Bearchmond dr. 32</dd>
+
-
<dd><span>Email:</span><a href="#"> yourmail@mail.com</a></dd>
+
-
</dl>
+
-
</div>
+
-
<div class="col-2">
+
-
<h2>Follow Us:</h2>
+
-
<ul class="list-services">
+
-
<li class="item-1"><a href="#">Facebook</a></li>
+
-
<li class="item-2"><a href="#">Twitter</a></li>
+
-
<li class="item-3"><a href="#">LinkedIn</a></li>
+
-
</ul>
+
-
</div>
+
-
<div class="col-3">
+
-
<h2>Why Us:</h2>
+
-
<ul class="list-1">
+
-
<li><a href="#">Lorem ipsum dolor</a></li>
+
-
<li><a href="#">Aonsect adipisic</a></li>
+
-
<li><a href="#">Eiusmjkod tempor</a></li>
+
-
<li><a href="#">Incididunt ut labore</a></li>
+
-
</ul>
+
-
</div>
+
-
<div class="col-4">
+
-
<div class="indent3">
+
-
<strong class="footer-logo">Company Name</strong>
+
-
<strong class="phone"><strong>Toll Free:</strong> 1-800-343-5454</strong>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</div><div class="clear"></div>
+
-
<div id="footer_bottom">
+
-
<p>Copyright  2012. <!-- Do not remove -->Designed by <a href="http://www.metamorphozis.com/free_templates/free_templates.php" title="Free Website Templates">Free Website Templates</a><!-- end --></p>
+
-
      <p><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
+
-
</div>
+
-
        </div>
+
-
        </div>
+
-
    </body>
+
</html>
</html>

Revision as of 09:05, 9 September 2012