Team:UB Indonesia

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<!doctype html>
<html>
<html>
-
<head>
+
<head lang="en">
-
<style type="text/css">
+
<meta charset="utf-8">
-
/*------------------------- Layout styles ------------------------*/
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
-
body {
+
-
background:url("https://static.igem.org/mediawiki/2014/3/35/Bg-body.jpg");
+
<title>iGEM2014 | UB INDONESIA</title>
-
margin:0;
+
<meta name="description" content="BlackTie.co - Free Handsome Bootstrap Themes" />    
-
}
+
<meta name="keywords" content="themes, bootstrap, free, templates, bootstrap 3, freebie,">
-
a {
+
<meta property="og:title" content="">
-
outline:none;
+
 
-
}
+
<link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B5B8pv0kgOncMV95ZDB1R3pWRkE">
-
a img {
+
<link rel="stylesheet" href="https://googledrive.com/host/0B5B8pv0kgOncRWxvSkJJNW5nRkU" type="text/css" media="screen">
-
border:0;
+
    <link rel="stylesheet" href="https://googledrive.com/host/0B5B8pv0kgOncRW12eTdBQVlKWlk" rel="stylesheet">
-
display:block;
+
-
}
+
<link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B5B8pv0kgOnccFJfbko4bE1aOTA">
-
.border {
+
-
position:relative;
+
<link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,600,300,200&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
-
margin: 25px 0;
+
-
-moz-box-shadow:    3px 3px 4px 0px #a3a3a3;
+
-
-webkit-box-shadow: 3px 3px 4px 0px #a3a3a3;
+
<link rel="prefetch" href="https://static.igem.org/mediawiki/2014/9/96/Zoom.png">
-
box-shadow:        3px 3px 4px 0px #a3a3a3;
+
-
border-top:1px solid #9a9a9a;
+
-
background:#e3e3e3;
+
-
}
+
-
.page {
+
-
width:960px;
+
-
margin:0 auto;
+
-
overflow:hidden;
+
-
}
+
-
#bg {
+
-
background:url("https://static.igem.org/mediawiki/2014/5/56/Bg-sidebar.jpg");
+
-
height: 99.8%;
+
-
left: 0;
+
-
margin: 0;
+
-
position: absolute;
+
-
text-indent: -99999px;
+
-
width: 51%;
+
-
z-index: 0;
+
-
border-color: #E5E5E5;
+
-
border-style: solid none none;
+
-
border-width: 1px;
+
-
}
+
-
/*------------------------- Header ------------------------*/
+
-
.sidebar {
+
-
width:229px;
+
-
float:left;
+
-
height:auto;
+
-
position: relative;
+
-
}
+
-
.sidebar ul {
+
-
padding:0;
+
-
margin:0;
+
-
list-style:none;
+
-
}
+
-
.sidebar ul li:first-child {
+
-
padding-top:0;
+
-
}
+
-
.sidebar ul li {
+
-
text-align:right;
+
-
padding:29px 27px 0 0;
+
-
}
+
-
.sidebar ul li.selected a, .sidebar ul li a:hover {
+
-
color:#6b6b6b;
+
-
}
+
-
.sidebar ul li a {
+
-
font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
+
-
font-size:24px;
+
-
color:#919191;
+
-
font-weight:normal;
+
-
text-transform:uppercase;
+
-
text-decoration:none;
+
-
line-height:30px;
+
-
text-shadow:0 1px 0 #dfdfdf;
+
-
}
+
-
.sidebar form {
+
-
margin:700px 0 0;
+
-
text-align:center;
+
-
}
+
-
.sidebar form span {
+
-
font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
+
-
color:#7d7d7d;
+
-
text-shadow:-1px 1px 0 #fff;
+
-
font-size:18px;
+
-
text-transform:uppercase;
+
-
padding: 0 0 7px;
+
-
display:block;
+
-
}
+
-
.sidebar form input {
+
-
background:url("https://static.igem.org/mediawiki/2014/5/50/Bg-input.jpg") repeat-x;
+
-
border-bottom:1px solid #fefefe;
+
-
border-top:0;
+
-
border-left:1px solid #e4e4e4;
+
-
border-right:1px solid #e4e4e4;
+
-
width:172px;
+
-
padding:6px 5px;
+
-
color:#fefefe;
+
-
margin:0;
+
-
text-align:center;
+
-
text-shadow:0 1px 0 #000000;
+
-
font-size:12px;
+
-
letter-spacing:0.010em;
+
-
font-family: 'Conv_Muli-Regular';
+
-
}
+
-
.sidebar form input#submit {
+
-
background: none #e6e6e6;
+
-
width:84px;
+
-
border-radius:5px;
+
-
border:1px solid #fff;
+
-
padding:0;
+
-
height:23px;
+
-
color:#767676;
+
-
font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
+
-
text-transform:uppercase;
+
-
font-size:13px;
+
-
margin:12px 0 0;
+
-
cursor:pointer;
+
-
text-shadow:none;
+
-
}
+
-
.sidebar p {
+
-
clear:both;
+
-
text-align:center;
+
-
color:#fff;
+
-
text-shadow:0 1px 0 #797979;
+
-
line-height:24px;
+
-
font-size:12px;
+
-
margin:0;
+
-
letter-spacing:0.001em;
+
-
font-family: 'Conv_Muli-Regular';
+
-
}
+
-
/*------------------------- Body ------------------------*/
+
-
.body {
+
-
float:left;
+
-
width:728px;
+
-
position: relative;
+
-
background:url("https://static.igem.org/mediawiki/2014/c/c7/Bg-body.png") repeat-y #e3e3e3;
+
-
height:99.8%;
+
-
padding: 0 0 25px;
+
-
border-color: #dfdfdf;
+
-
border-style: none none none solid;
+
-
border-width: 1px;
+
-
}
+
-
.body div {
+
-
margin:23px 0 0 21px;
+
-
background:#fff;
+
-
-moz-box-shadow: 0 0 5px 3px #d3d3d3;
+
-
-webkit-box-shadow: 0 0 5px 3px#d3d3d3;
+
-
box-shadow: 0 0 5px 3px #d3d3d3;
+
-
overflow:hidden;
+
-
}
+
-
.body div h2 {
+
-
color: #919191;
+
-
font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
+
-
font-size: 22px;
+
-
font-weight: normal;
+
-
line-height: 30px;
+
-
text-decoration: none;
+
-
text-transform: uppercase;
+
-
color: #7d7d7d;
+
-
padding:36px 0 0 22px;
+
-
margin:0;
+
-
}
+
-
.body div p {
+
-
font-family: 'Conv_Muli-Italic';
+
-
font-size:16px;
+
-
line-height:24px;
+
-
color:#808080;
+
-
padding:0 0 0 22px;
+
-
margin: 23px 0 30px;
+
-
}
+
-
.body div p a {
+
-
color:#808080;
+
-
}
+
-
.body div p a:hover {
+
-
color:#484848;
+
-
}
+
-
.body div div {
+
-
background:none;
+
-
box-shadow:none;
+
-
margin: 0 21px;
+
-
}
+
-
.body div div h3 {
+
-
background:url("https://static.igem.org/mediawiki/2014/a/ab/Border.jpg") repeat-x right center;
+
-
margin:20px 0 24px;
+
-
}
+
-
.body div div h3 span {
+
-
font-family: 'Conv_Muli-Regular';
+
-
font-size:18px;
+
-
color:#7d7d7d;
+
-
font-weight:normal;
+
-
display:block;
+
-
background-color:#fff;
+
-
width: 140px;
+
-
}
+
-
.body div div p {
+
-
padding:0;
+
-
}
+
-
.body div div ul {
+
-
margin:0;
+
-
padding:4px 0 7px;
+
-
list-style:none;
+
-
overflow:hidden;
+
-
}
+
-
.body div div ul li:first-child {
+
-
margin:0;
+
-
}
+
-
.body div div ul li {
+
-
float:left;
+
-
height: 257px;
+
-
width: 217px;
+
-
position:relative;
+
-
margin:0 0 0 7px;
+
-
}
+
-
.body div div ul li a {
+
-
height: 257px;
+
-
width: 217px;
+
-
display:inline-block;
+
-
text-decoration:none;
+
-
}
+
-
.body div div ul li a span:hover {
+
-
color: #919191;
+
-
}
+
-
.body div div ul li a span {
+
-
color:#7c7c7c;
+
-
font-size:24px;
+
-
text-transform:uppercase;
+
-
font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
+
-
text-decoration:none;
+
-
position:relative;
+
-
float:right;
+
-
top: 210px;
+
-
right:16px;
+
-
}
+
-
.body div div.section ul {
+
-
height:200px;
+
-
padding-bottom: 33px;
+
-
}
+
-
.body div div.section ul li:first-child {
+
-
margin:0;
+
-
}
+
-
.body div div.section ul li {
+
-
text-align:center;
+
-
background:url("https://static.igem.org/mediawiki/2014/8/8e/Shadow.png") no-repeat 0 113px;
+
-
width:200px;
+
-
margin: 0 0 0 32px;
+
-
}
+
-
.body div div.section ul li a:first-child {
+
-
height:auto;
+
-
margin:0 0 13px 0;
+
-
}
+
-
.body div div.section ul li a:first-child img {
+
-
border:1px solid #e3e3e3;
+
-
}
+
-
.body div div.section ul li span {
+
-
font-family: 'Conv_Muli-Regular';
+
-
color:#7d7d7d;
+
-
font-size:12px;
+
-
display:block;
+
-
line-height:24px;
+
-
}
+
-
.body div div.section ul li a {
+
-
width:auto;
+
-
font-size:14px;
+
-
color:#7d7d7d;
+
-
font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
+
-
text-decoration:none;
+
-
text-transform:uppercase;
+
-
font-weight:normal;
+
-
height:auto;
+
-
}
+
-
.body div div.section ul li a:hover {
+
-
color:#404040;
+
-
}
+
-
.body .about {
+
-
padding:0 0 85px 0;
+
-
}
+
-
.body .about img {
+
-
margin: 27px 0 37px;
+
-
}
+
-
.body .about h4 {
+
-
background: url("https://static.igem.org/mediawiki/2014/a/ab/Border.jpg") repeat-x scroll right center transparent;
+
-
width:665px;
+
-
overflow:hidden;
+
-
margin:0 21px;
+
-
}
+
-
.body .about h4 span {
+
-
background-color: #FFFFFF;
+
-
color: #7D7D7D;
+
-
display: inline;
+
-
font-family: 'Conv_Muli-Regular';
+
-
font-size: 18px;
+
-
font-weight: normal;
+
-
line-height:24px;
+
-
margin:22px 0;
+
-
padding:0 56px 0 0;
+
-
}
+
-
.body .about p {
+
-
margin:25px 0 24px;
+
-
font-size:13px;
+
-
}
+
-
.body .services h2, .body .portfolio h2 {
+
-
float:left;
+
-
}
+
-
.body .services ul.navigation {
+
-
float:right;
+
-
overflow:hidden;
+
-
padding:32px 10px 22px 0;
+
-
margin:0;
+
-
list-style:none;
+
-
clear:right;
+
-
}
+
-
.body .services ul.navigation li.selected, .body .portfolio ul.navigation li:hover,.body .services ul.navigation li:hover {
+
-
background:url("https://static.igem.org/mediawiki/2014/a/a7/Bg-nav-selected.jpg") repeat-x;
+
-
}
+
-
.body .services ul.navigation li:hover a {
+
-
color:#fff;
+
-
}
+
-
.body .services ul.navigation li.selected a, .body .portfolio ul.navigation li.selected a {
+
-
color:#fff;
+
-
}
+
-
.body .services ul.navigation li:first-child, .body .portfolio ul.navigation li:first-child {
+
-
margin:0;
+
-
}
+
-
.body .services ul.navigation li, .body .portfolio ul.navigation li {
+
-
height:38px;
+
-
float:left;
+
-
border-radius:7px;
+
-
background:url("https://static.igem.org/mediawiki/2014/c/cd/Bg-nav.jpg") repeat-x;
+
-
margin:0 0 0 6px;
+
-
border-width:2px;
+
-
border-style:none solid;
+
-
border-color:#f4f4f4;
+
-
width: auto;
+
-
}
+
-
.body .services ul.navigation li a, .body .portfolio ul.navigation li a {
+
-
font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
+
-
font-size:16px;
+
-
text-decoration:none;
+
-
color:#7f7f7f;
+
-
text-transform:uppercase;
+
-
line-height: 38px;
+
-
padding:0 12px;
+
-
display:block;
+
-
}
+
-
.body .services ul, .body .portfolio ul {
+
-
clear:both;
+
-
padding:0 0 0px;
+
-
margin:0;
+
-
list-style:none;
+
-
}
+
-
.body .services ul li {
+
-
overflow:hidden;
+
-
}
+
-
.body .services ul li h3 {
+
-
background: url("https://static.igem.org/mediawiki/2014/a/ab/Border.jpg") repeat-x scroll right center transparent;
+
-
width:665px;
+
-
overflow:hidden;
+
-
margin:0 21px;
+
-
}
+
-
.body .services ul li h3 span {
+
-
background-color: #FFFFFF;
+
-
color: #7D7D7D;
+
-
display: inline;
+
-
font-family: 'Conv_Muli-Regular';
+
-
font-size: 18px;
+
-
font-weight: normal;
+
-
line-height: 24px;
+
-
margin: 22px 0;
+
-
padding: 0 11px 0 0;
+
-
}
+
-
.body .services ul li div {
+
-
margin:35px 0 0 29px;
+
-
width:251px;
+
-
min-height:290px;
+
-
height:auto;
+
-
float:left;
+
-
}
+
-
.body .services ul li p {
+
-
float: right;
+
-
padding: 0 25px 0 0;
+
-
width: 400px;
+
-
margin: 20px 0;
+
-
font-family: 'Conv_Muli-Regular';
+
-
font-size:13px;
+
-
}
+
-
.body .portfolio ul.navigation {
+
-
float:right;
+
-
overflow:hidden;
+
-
padding:32px 10px 22px 0;
+
-
margin:0;
+
-
list-style:none;
+
-
clear:right;
+
-
}
+
-
.body .portfolio ul.navigation li a:hover {
+
-
color:#e6e6e6;
+
-
}
+
-
.body .portfolio h3 {
+
-
background: url("https://static.igem.org/mediawiki/2014/a/ab/Border.jpg") repeat-x scroll right center transparent;
+
-
margin: 0 21px 27px;
+
-
overflow: hidden;
+
-
width: 665px;
+
-
}
+
-
.body .portfolio h3 span {
+
-
background-color: #FFFFFF;
+
-
color: #7D7D7D;
+
-
display: inline;
+
-
font-family: 'Conv_Muli-Regular';
+
-
font-size: 18px;
+
-
font-weight: normal;
+
-
line-height: 24px;
+
-
margin: 22px 0;
+
-
padding: 0 11px 0 0;
+
-
}
+
-
.body .portfolio ul {
+
-
overflow:hidden;
+
-
padding: 0 11px 40px;
+
-
}
+
-
.body .portfolio ul li {
+
-
width:217px;
+
-
float:left;
+
-
margin: 0 5px;
+
-
text-align:center;
+
-
}
+
-
.body .portfolio ul li a:first-child {
+
-
margin:0;
+
-
}
+
-
.body .portfolio ul li a:first-child img:hover {
+
-
filter:alpha(opacity=90);/* Needed for IE8 and old versions */
+
-
opacity:0.9;
+
-
}
+
-
.body .portfolio ul li span {
+
-
font-family:"Myriad Pro", sans-serif;
+
-
font-size:12px;
+
-
color:#7d7d7d;
+
-
margin:14px 0 5px;
+
-
display:block;
+
-
}
+
-
.body .portfolio ul li a {
+
-
text-decoration:none;
+
-
font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
+
-
color:#7d7d7d;
+
-
text-transform:uppercase;
+
-
font-size:14px;
+
-
display:inline-block;
+
-
margin:0 0 20px;
+
-
}
+
-
.body .portfolio ul li a:hover {
+
-
color:#404040;
+
-
}
+
-
.body .contact {
+
-
padding:0 0 575px;
+
-
}
+
-
.body .contact p {
+
-
font-size:13px;
+
-
margin-bottom: 24px;
+
-
}
+
-
.body .contact form {
+
-
padding:33px 21px 0;
+
-
}
+
-
.body .contact form label {
+
-
display:block;
+
-
font-family: 'Conv_Muli-Regular';
+
-
font-size:13px;
+
-
color:#868686;
+
-
}
+
-
.body .contact form input#submit2:hover {
+
-
color:#e5e5e5;
+
-
}
+
-
.body .blog img {
+
-
margin:28px 0 0 21px;
+
-
}
+
-
.body .blog p {
+
-
font-size:13px;
+
-
margin:14px 0 25px;
+
-
}
+
-
.body .blog .share {
+
-
background:url("https://static.igem.org/mediawiki/2014/b/bb/Bg-share.jpg") repeat-x;
+
-
height:42px;
+
-
}
+
-
.body .blog .share span:first-child {
+
-
line-height: 43px;
+
-
font-family:"Myriad Pro", sans-serif;
+
-
font-size:11px;
+
-
color:#808080;
+
-
float:left;
+
-
}
+
-
.body .blog .share span:first-child a {
+
-
color:#333333;
+
-
text-decoration:none;
+
-
display:inline-block;
+
-
}
+
-
.body .blog .share span {
+
-
float:right;
+
-
color:#333333;
+
-
font-family:"Myriad Pro", sans-serif;
+
-
font-size:11px;
+
-
line-height: 43px;
+
-
padding:0 20px 0 0;
+
-
}
+
-
.body .blog .share span a {
+
-
color:#333333;
+
-
text-decoration:none;
+
-
}
+
-
.body .blog .share span a:hover {
+
-
text-decoration:underline;
+
-
}
+
-
.body .blog .paging {
+
-
overflow:hidden;
+
-
}
+
-
.body .blog .paging a:first-child {
+
-
float:left;
+
-
padding:0;
+
-
}
+
-
.body .blog .paging a {
+
-
color:#333333;
+
-
font-family:"Myriad Pro", sans-serif;
+
-
font-size:11px;
+
-
line-height: 43px;
+
-
text-transform:uppercase;
+
-
text-decoration:none;
+
-
float:right;
+
-
padding:0 30px 0 0;
+
-
}
+
-
.body .blog .paging a:hover, .body .blog .share span:first-child a:hover {
+
-
text-decoration:underline;
+
-
}
+
-
.body .blog .section {
+
-
margin:225px 0 0;
+
-
background-color:#f4f4f4;
+
-
-moz-box-shadow: 0 0 9px -1px #888888 inset;
+
-
-webkit-box-shadow: 0 0 9px -1px #888888 inset;
+
-
box-shadow: 0 0 9px -1px #888888 inset;
+
-
}
+
-
.body .blog .section div:first-child {
+
-
background:none;
+
-
}
+
-
.body .blog .section div {
+
-
width:195px;
+
-
background:url("https://static.igem.org/mediawiki/2014/b/bc/Bg-border.jpg") repeat-y left top;
+
-
float:left;
+
-
margin:0;
+
-
text-align:left;
+
-
padding:0 20px;
+
-
}
+
-
.body .blog .section div h3 {
+
-
font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
+
-
font-size:16px;
+
-
color:#7d7d7d;
+
-
text-transform:uppercase;
+
-
background:none;
+
-
margin:30px 0 15px;
+
-
}
+
-
.body .blog .section div ul li {
+
-
text-align:left;
+
-
height:auto;
+
-
background:none;
+
-
margin:0 0 15px!important;
+
-
}
+
-
.body .blog .section div ul li a {
+
-
font-family:"Myriad Pro", sans-serif;
+
-
text-decoration:none;
+
-
font-size:13px;
+
-
text-transform:none;
+
-
color:#414141;
+
-
margin:0 0 3px!important;
+
-
}
+
-
.body .blog .section div ul li a:hover {
+
-
text-decoration:underline;
+
-
color:#414141;
+
-
}
+
-
.body .blog .section .categories ul li {
+
-
width:95px;
+
-
}
+
-
</style>
+
</head>
</head>
-
<!--main content -->
 
-
<body>
 
-
<div class="border">
 
-
<div id="bg">
 
-
                background
 
-
</div>
 
-
<div class="page">
 
-
<div class="sidebar">
 
-
<a href="https://2014.igem.org/Main_Page" id="logo"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" alt="logo width="200" height="200"></a>
 
-
<ul>
 
-
<li class="selected">
 
-
<a href="https://2014.igem.org/Team:UB_Indonesia">Home</a>
 
-
</li>
 
-
<li>
 
-
<a href="https://2014.igem.org/Team:UB_Indonesia/Team">Team</a>
 
-
</li>
 
-
<li>
 
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=UB_Indonesia">Team Profile</a>
 
-
</li>
 
-
<li>
 
-
<a href="https://2014.igem.org/Team:UB_Indonesia/Project">Project</a>
 
-
</li>
 
-
                                        <li>
 
 +
<body>
 +
<div class="navbar navbar-fixed-top" data-activeslide="1">
 +
<div class="container">
 +
 +
<!-- .navbar-toggle is used as the toggle for collapsed navbar content -->
 +
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
 +
<span class="icon-bar"></span>
 +
<span class="icon-bar"></span>
 +
<span class="icon-bar"></span>
 +
</button>
 +
 +
 +
<div class="nav-collapse collapse navbar-responsive-collapse">
 +
<ul class="nav row">
 +
<li data-slide="1" class="col-12 col-sm-2"><a id="menu-link-1" href="#slide-1" title="Next Section"><span class="icon icon-home"></span> <span class="text">HOME</span></a></li>
 +
<li data-slide="2" class="col-12 col-sm-2"><a id="menu-link-2" href="#slide-2" title="Next Section"><span class="icon icon-briefcase"></span> <span class="text">PROJECT</span></a></li>
 +
<li data-slide="3" class="col-12 col-sm-2"><a id="menu-link-3" href="#slide-3" title="Next Section"><span class="icon icon-gears"></span> <span class="text">PARTS</span></a></li>
 +
<li data-slide="4" class="col-12 col-sm-2"><a id="menu-link-4" href="#slide-4" title="Next Section"><span class="icon icon-pencil"></span> <span class="text">MODELING</span></a></li>
 +
<li data-slide="5" class="col-12 col-sm-2"><a id="menu-link-5" href="#slide-5" title="Next Section"><span class="icon icon-book"></span> <span class="text">NOTEBOOK</span></a></li>
 +
<li data-slide="6" class="col-12 col-sm-2"><a id="menu-link-6" href="#slide-6" title="Next Section"><span class="icon icon-male"></span> <span class="text">HUMAN PRACTICE</span></a></li>
</ul>
</ul>
-
                        </div>
+
<div class="row">
 +
<div class="col-sm-2 active-menu"></div>
 +
</div>
 +
</div><!-- /.nav-collapse -->
 +
<div class="nav-collapse collapse navbar-responsive-collapse">
 +
<ul class="nav row">
 +
<li data-slide="7" class="col-12 col-sm-4"><a id="menu-link-7" href="#slide-7" title="Next Section"><span class="icon icon-heart"></span> <span class="text">SAFETY</span></a></li>
 +
<li data-slide="8" class="col-12 col-sm-4"><a id="menu-link-8" href="#slide-8" title="Next Section"><span class="icon icon-user"></span> <span class="text">ABOUT US</span></a></li>
 +
<li data-slide="9" class="col-12 col-sm-4"><a id="menu-link-9" href="#slide-9" title="Next Section"><span class="icon icon-envelope"></span> <span class="text">CONTACT</span></a></li>
 +
</ul>
 +
 +
</div><!-- /.nav-collapse -->
 +
</div><!-- /.container -->
 +
</div><!-- /.navbar -->
 +
 +
 +
<!-- === Arrows === -->
 +
<div id="arrows">
 +
<div id="arrow-up" class="disabled"></div>
 +
<div id="arrow-down"></div>
 +
<div id="arrow-left" class="disabled visible-lg"></div>
 +
<div id="arrow-right" class="disabled visible-lg"></div>
 +
</div><!-- /.arrows -->
 +
 +
 +
<!-- === MAIN Background === -->
 +
<div class="slide story" id="slide-1" data-slide="1">
 +
<div class="container">
 +
<div id="home-row-1" class="row clearfix">
 +
<div class="col-12">
 +
<h1 class="font-semibold">BRAWIJAYA UNIVERSITY <span class="font-thin">, INDONESIA</span></h1>
 +
<h4 class="font-thin">This is team wiki to share our iGEM experience</h4>
 +
<br>
 +
<br>
 +
</div><!-- /col-12 -->
 +
</div><!-- /row -->
 +
<div id="home-row-2" class="row clearfix">
 +
<div class="col-12 col-sm-4"><div class="home-hover navigation-slide" ><a href="https://2014.igem.org/Main_Page"><img src="images/igemlogo.png" width="150" height="150"></div></a><span>iGEM2014</span></div>
 +
<div class="col-12 col-sm-4"><div class="home-hover navigation-slide" ><a href="http://www.ub.ac.id/"><img src="images/logoub.jpg" width="150" height="130"></div></a><span>BRAWIJAYA UNIVERSITY</span></div>
 +
<div class="col-12 col-sm-4"><div class="home-hover navigation-slide" ><a href="https://2014.igem.org/Team:UB_Indonesia"><img src="images/logoigemub.png" width="150" height="150"></div></a><span>UB PROJECT</span></div>
 +
</div><!-- /row -->
 +
</div><!-- /container -->
 +
</div><!-- /slide1 -->
 +
 +
<!-- === Slide 2 === -->
 +
<div class="slide story" id="slide-2" data-slide="2">
 +
<div class="container">
 +
<div class="row title-row">
 +
<div class="col-12 font-thin">Contrary to popular belief, <span class="font-semibold">Lorem Ipsum</span> is not simply random text.</div>
 +
</div><!-- /row -->
 +
<div class="row line-row">
 +
<div class="hr">&nbsp;</div>
 +
</div><!-- /row -->
 +
<div class="row subtitle-row">
 +
<div class="col-12 font-thin">This is what <span class="font-semibold">we do best</span></div>
 +
</div><!-- /row -->
 +
<div class="row content-row">
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#"><p><i class="icon icon-eye-open"></i></p></a>
 +
<h2 class="font-thin">Background</h2>
 +
<h4 class="font-thin">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</h4>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#"><p><i class="icon icon-laptop"></i></p></a>
 +
<h2 class="font-thin">Overview</h2>
 +
<h4 class="font-thin">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</h4>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#"><p><i class="icon icon-tablet"></i></p></a>
 +
<h2 class="font-thin">Preventing</h2>
 +
<h4 class="font-thin">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</h4>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#"><p><i class="icon icon-pencil"></i></p></a>
 +
<h2 class="font-semibold">Screening</h2>
 +
<h4 class="font-thin">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</h4>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#"><p><i class="icon icon-pencil"></i></p></a>
 +
<h2 class="font-semibold">Treatment</h2>
 +
<h4 class="font-thin">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</h4>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#"><p><i class="icon icon-pencil"></i></p></a>
 +
<h2 class="font-semibold">Achievement</h2>
 +
<h4 class="font-thin">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</h4>
 +
</div><!-- /col12 -->
 +
</div><!-- /row -->
 +
</div><!-- /container -->
 +
</div><!-- /slide2 -->
 +
 +
<!-- === SLide 3 - Portfolio -->
 +
<div class="slide story" id="slide-3" data-slide="3">
 +
<div class="row">
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="images/portfolio/p01-large.jpg"><img class="thumb" src="images/portfolio/p01-small.jpg" alt=""></a></div>
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="images/portfolio/p02-large.jpg"><img class="thumb" src="images/portfolio/p02-small.jpg" alt=""></a></div>
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="images/portfolio/p09-large.jpg"><img class="thumb" src="images/portfolio/p09-small.jpg" alt=""></a></div>
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="images/portfolio/p010-large.jpg"><img class="thumb" src="images/portfolio/p10-small.jpg" alt=""></a></div>
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="images/portfolio/p05-large.jpg"><img class="thumb" src="images/portfolio/p05-small.jpg" alt=""></a></div>
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="images/portfolio/p06-large.jpg"><img class="thumb" src="images/portfolio/p06-small.jpg" alt=""></a></div>
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="images/portfolio/p07-large.jpg"><img class="thumb" src="images/portfolio/p07-small.jpg" alt=""></a></div>
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="images/portfolio/p08-large.jpg"><img class="thumb" src="images/portfolio/p08-small.jpg" alt=""></a></div>
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="images/portfolio/p03-large.jpg"><img class="thumb" src="images/portfolio/p03-small.jpg" alt=""></a></div>
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="images/portfolio/p04-large.jpg"><img class="thumb" src="images/portfolio/p04-small.jpg" alt=""></a></div>
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="images/portfolio/p11-large.jpg"><img class="thumb" src="images/portfolio/p11-small.jpg" alt=""></a></div>
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="images/portfolio/p12-large.jpg"><img class="thumb" src="images/portfolio/p12-small.jpg" alt=""></a></div>
 +
</div><!-- /row -->
 +
</div><!-- /slide3 -->
 +
 +
<!-- === Slide 4 - Process === -->
 +
<div class="slide story" id="slide-4" data-slide="4">
 +
<div class="container">
 +
<div class="row title-row">
 +
<div class="col-12 font-thin">See us <span class="font-semibold">at work</span></div>
 +
</div><!-- /row -->
 +
<div class="row line-row">
 +
<div class="hr">&nbsp;</div>
 +
</div><!-- /row -->
 +
<div class="row subtitle-row">
 +
<div class="col-sm-1 hidden-sm">&nbsp;</div>
 +
<div class="col-12 col-sm-10 font-light">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</div>
 +
<div class="col-sm-1 hidden-sm">&nbsp;</div>
 +
</div><!-- /row -->
 +
<div class="row content-row">
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#"><p><i class="icon icon-bolt"></i></p></a>
 +
<h2 class="font-thin">Preventing</h2>
 +
<h4 class="font-thin">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</h4>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#"><p><i class="icon icon-cog"></i></p></a>
 +
<h2 class="font-thin">Screening</h2>
 +
<h4 class="font-thin">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</h4>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#"><p><i class="icon icon-cloud"></i></p></a>
 +
<h2 class="font-thin">Treatment</h2>
 +
<h4 class="font-thin">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</h4>
 +
</div><!-- /col12 -->
 +
<div class="col-sm-1 hidden-sm">&nbsp;</div>
 +
</div><!-- /row -->
 +
</div><!-- /container -->
 +
</div><!-- /slide4 -->
 +
 +
<!-- === Slide 5 === -->
 +
<div class="slide story" id="slide-5" data-slide="5">
 +
<div class="container">
 +
<div class="row title-row">
 +
<div class="col-12 font-thin">See us <span class="font-semibold">at work</span></div>
 +
</div><!-- /row -->
 +
<div class="row line-row">
 +
<div class="hr">&nbsp;</div>
 +
</div><!-- /row -->
 +
<div class="row subtitle-row">
 +
<div class="col-sm-1 hidden-sm">&nbsp;</div>
 +
<div class="col-12 col-sm-10 font-light">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</div>
 +
<div class="col-sm-1 hidden-sm">&nbsp;</div>
 +
</div><!-- /row -->
 +
<div class="row content-row">
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#"><p><i class="icon icon-bolt"></i></p></a>
 +
<h2 class="font-thin">Timeline</h2>
 +
<h4 class="font-thin">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</h4>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#"><p><i class="icon icon-cog"></i></p></a>
 +
<h2 class="font-thin">Lab Journal</h2>
 +
<h4 class="font-thin">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</h4>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#"><p><i class="icon icon-cloud"></i></p></a>
 +
<h2 class="font-thin">Method</h2>
 +
<h4 class="font-thin">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</h4>
 +
</div><!-- /col12 -->
 +
<div class="col-sm-1 hidden-sm">&nbsp;</div>
 +
</div><!-- /row -->
 +
</div><!-- /container -->
 +
</div><!-- /slide5 -->
 +
 +
<!-- === Slide 6 / Contact === -->
 +
<div class="slide story" id="slide-6" data-slide="6">
 +
<div class="container">
 +
<div class="row title-row">
 +
<div class="col-12 font-thin">See us <span class="font-semibold">at work</span></div>
 +
</div><!-- /row -->
 +
<div class="row line-row">
 +
<div class="hr">&nbsp;</div>
 +
</div><!-- /row -->
 +
<div class="row subtitle-row">
 +
<div class="col-sm-1 hidden-sm">&nbsp;</div>
 +
<div class="col-12 col-sm-10 font-light">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</div>
 +
<div class="col-sm-1 hidden-sm">&nbsp;</div>
 +
</div><!-- /row -->
 +
<div class="row content-row">
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#"><p><i class="icon icon-bolt"></i></p></a>
 +
<h2 class="font-thin">Collaborations</h2>
 +
<h4 class="font-thin">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</h4>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#"><p><i class="icon icon-cog"></i></p></a>
 +
<h2 class="font-thin">Education</h2>
 +
<h4 class="font-thin">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</h4>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#"><p><i class="icon icon-cloud"></i></p></a>
 +
<h2 class="font-thin">Society</h2>
 +
<h4 class="font-thin">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</h4>
 +
</div><!-- /col12 -->
 +
<div class="col-sm-1 hidden-sm">&nbsp;</div>
 +
</div><!-- /row -->
 +
</div><!-- /container -->
 +
</div><!-- /Slide 6 -->
 +
 +
<!-- === Slide 7 - Process === -->
 +
<div class="slide story" id="slide-7" data-slide="7">
 +
<div class="container">
 +
<div class="row title-row">
 +
<div class="col-12 font-thin">See us <span class="font-semibold">at work</span></div>
 +
</div><!-- /row -->
 +
<div class="row line-row">
 +
<div class="hr">&nbsp;</div>
 +
</div><!-- /row -->
 +
<div class="row subtitle-row">
 +
<div class="col-sm-1 hidden-sm">&nbsp;</div>
 +
<div class="col-12 col-sm-10 font-light">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</div>
 +
<div class="col-sm-1 hidden-sm">&nbsp;</div>
 +
</div><!-- /row -->
 +
<div class="row content-row">
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#"><p><i class="icon icon-bolt"></i></p></a>
 +
<h2 class="font-thin">Collaborations</h2>
 +
<h4 class="font-thin">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</h4>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#"><p><i class="icon icon-cog"></i></p></a>
 +
<h2 class="font-thin">Education</h2>
 +
<h4 class="font-thin">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</h4>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#"><p><i class="icon icon-cloud"></i></p></a>
 +
<h2 class="font-thin">Society</h2>
 +
<h4 class="font-thin">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</h4>
 +
</div><!-- /col12 -->
 +
<div class="col-sm-1 hidden-sm">&nbsp;</div>
 +
</div><!-- /row -->
 +
</div><!-- /container -->
 +
</div><!-- /slide7 -->
 +
 +
<!-- === SLide 8 - Portfolio -->
 +
<div class="slide story" id="slide-8" data-slide="8">
 +
<div class="row title-row">
 +
<div class="col-12 font-thin">See us <span class="font-semibold">at work</span></div>
 +
</div><!-- /row -->
 +
<div class="row line-row">
 +
<div class="hr">&nbsp;</div>
 +
</div><!-- /row -->
 +
<div class="row subtitle-row">
 +
<div class="col-sm-1 hidden-sm">&nbsp;</div>
 +
<div class="col-12 col-sm-10 font-light">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</div>
 +
<div class="col-sm-1 hidden-sm">&nbsp;</div>
 +
</div><!-- /row -->
 +
<div class="row content-row">
 +
<div class="col-12 col-lg-6 col-sm-6">
 +
<a href="#"><p><i class="icon icon-bolt"></i></p></a>
 +
<h2 class="font-thin">Members</h2>
 +
<h4 class="font-thin">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</h4>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-6 col-sm-6">
 +
<a href="#"><p><i class="icon icon-cog"></i></p></a>
 +
<h2 class="font-thin">Sponsors</h2>
 +
<h4 class="font-thin">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</h4>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-6 col-sm-6">
 +
<a href="#"><p><i class="icon icon-cloud"></i></p></a>
 +
<h2 class="font-thin">Gallery</h2>
 +
<h4 class="font-thin">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</h4>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-6 col-sm-6">
 +
<a href="#"><p><i class="icon icon-cloud"></i></p></a>
 +
<h2 class="font-thin">Attributions</h2>
 +
<h4 class="font-thin">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</h4>
 +
</div><!-- /col12 -->
 +
<div class="col-sm-1 hidden-sm">&nbsp;</div>
 +
</div><!-- /row -->
 +
</div><!-- /slide 8 -->
 +
 +
<!-- === Slide 9 / Contact === -->
 +
<div class="slide story" id="slide-9" data-slide="9">
 +
<div class="container">
 +
<div class="row title-row">
 +
<div class="col-12 font-light">Leave us a <span class="font-semibold">message</span></div>
 +
</div><!-- /row -->
 +
<div class="row line-row">
 +
<div class="hr">&nbsp;</div>
 +
</div><!-- /row -->
 +
<div class="row subtitle-row">
 +
<div class="col-sm-1 hidden-sm">&nbsp;</div>
 +
<div class="col-12 col-sm-10 font-light">You can find us literally anywhere, just push a button and we’re there</div>
 +
<div class="col-sm-1 hidden-sm">&nbsp;</div>
 +
</div><!-- /row -->
 +
<div id="contact-row-4" class="row">
 +
<div class="col-sm-1 hidden-sm">&nbsp;</div>
 +
<div class="col-12 col-sm-2 with-hover-text">
 +
<p><a target="_blank" href="#"><i class="icon icon-linkedin"></i></a></p>
 +
<span class="hover-text font-light ">+44 4839-4343</span></a>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-sm-2 with-hover-text">
 +
<p><a target="_blank" href="#"><i class="icon icon-envelope"></i></a></p>
 +
<span class="hover-text font-light ">igemub@gmail.com</span></a>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-sm-2 with-hover-text">
 +
<p><a target="_blank" href="#"><i class="icon icon-home"></i></a></p>
 +
<span class="hover-text font-light ">Malang, Indonesia<br>zip code 65141</span></a>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-sm-2 with-hover-text">
 +
<p><a target="_blank" href="#"><i class="icon icon-facebook"></i></a></p>
 +
<span class="hover-text font-light ">facebook/igem_ub</span></a>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-sm-2 with-hover-text">
 +
<p><a target="_blank" href="#"><i class="icon icon-twitter"></i></a></p>
 +
<span class="hover-text font-light ">@igem_ub</span></a>
 +
</div><!-- /col12 -->
 +
<div class="col-sm-1 hidden-sm">&nbsp;</div>
 +
</div><!-- /row -->
 +
</div><!-- /container -->
 +
</div><!-- /Slide 9 -->
 +
 +
</body>
 +
<!-- SCRIPTS -->
 +
<script src="https://googledrive.com/host/0B5B8pv0kgOncdWlpYWxHMnB0NVk"></script>
 +
<script src="https://googledrive.com/host/0B5B8pv0kgOncekJqOV9FT3dsM0E"></script>
 +
<script src="https://googledrive.com/host/0B5B8pv0kgOncZjNpV0phbDdBNG8"></script>
 +
<script src="https://googledrive.com/host/0B5B8pv0kgOnceWdJNm1rMEpORWM"></script>
 +
<script src="https://googledrive.com/host/0B5B8pv0kgOncN0NuYVhadlJxa00"></script>
 +
<script type="text/javascript" src="https://googledrive.com/host/0B5B8pv0kgOncRjVsajJRYUV2eWc"></script>
 +
<script src="https://googledrive.com/host/0B5B8pv0kgOncd1NERDF5MlVta2c"></script>
 +
 +
<!-- fancybox init -->
 +
<script>
 +
$(document).ready(function(e) {
 +
var lis = $('.nav > li');
 +
menu_focus( lis[0], 1 );
 +
 +
$(".fancybox").fancybox({
 +
padding: 10,
 +
helpers: {
 +
overlay: {
 +
locked: false
 +
}
 +
}
 +
});
 +
 +
});
 +
</script>
-
<!--end navigation menu -->
 
-
 
-
<!--requirements section -->
 
-
<div class="body">
 
-
<div class="services">
 
-
<ul>
 
-
<table>
 
-
<tr><td colspan="2"><center><h1><b>Project Description</b></h1></center></td></tr>
 
-
<tr><td width="315"><center><img src="https://static.igem.org/mediawiki/2014/6/64/Foto_2.jpg" width="300" height="100" ></center></td><td><p style="text-align:justify">UB IGEM TEAM is on progress in developing C3P (Cervical Cancer Care Program) as the theme to give solutions for cervical cancer cases. Starting from creating a rapid test tool using HPV DNA which is integrated with the software in smartphone, creating a high antioxidant tea for preventing efforts, and creating a kit for selecting potential anti-cancer herbs.</p>
 
-
</td></tr>
 
-
<tr><td colspan="2">
 
-
<p style="text-align:justify">As we know, until now there has not been found a practical method to early detect cervical cancer. Making rapid test tool using HPV DNA become a great solution to suppress the spread of cervical cancer. On the other hand, the use of high antioxidant tea is an efficient way to prevent cervical cancer. While the herbal screening kit will facilitate the selection of potential anti-cancer Indonesia herbs. From some of these activities, is expected to acquire the technology or product whose function is to detect, prevent and provide raw material cervical cancer medicine.</p>
 
-
</td></tr>
 
-
<tr><td colspan="2"><center><img src="https://static.igem.org/mediawiki/2014/7/7d/Foto_1.jpg" width="500" height="300" ></center>
 
-
</td></tr>
 
-
 
-
</table>
 
-
</ul>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
</body>
 
</html>
</html>

Revision as of 02:27, 6 September 2014

<!doctype html> iGEM2014 | UB INDONESIA

BRAWIJAYA UNIVERSITY , INDONESIA

This is team wiki to share our iGEM experience



iGEM2014
BRAWIJAYA UNIVERSITY
UB PROJECT
Contrary to popular belief, Lorem Ipsum is not simply random text.
 
This is what we do best

Background

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Overview

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Preventing

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Screening

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Treatment

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Achievement

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

See us at work
 
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Preventing

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

Screening

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

Treatment

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

See us at work
 
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Timeline

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

Lab Journal

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

Method

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

See us at work
 
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Collaborations

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

Education

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

Society

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

See us at work
 
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Collaborations

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

Education

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

Society

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

See us at work
 
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Members

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

Sponsors

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

Gallery

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

Attributions

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.

Leave us a message
 
You can find us literally anywhere, just push a button and we’re there

+44 4839-4343

igemub@gmail.com

Malang, Indonesia
zip code 65141

facebook/igem_ub

@igem_ub

Retrieved from "http://2014.igem.org/Team:UB_Indonesia"