Team:UB Indonesia

From 2014.igem.org

(Difference between revisions)
 
(144 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<style type="text/css">
+
-
/*------------------------- Layout styles ------------------------*/
+
<title>iGEM2014 | UB INDONESIA</title>  
-
body {
+
 
-
background:url(https://static.igem.org/mediawiki/2014/3/35/Bg-body.jpg);
+
         <link rel="shortcut icon" href="https://static.igem.org/mediawiki/2014/b/b7/Images.jpg" />
-
margin:0;
+
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:UB_Indonesia/css/bootstrap?action=raw&ctype=text/css">
-
}
+
<link rel="stylesheet" href="https://2014.igem.org/Team:UB_Indonesia/css/fancybox?action=raw&ctype=text/css" type="text/css" media="screen">
-
a {
+
        <link rel="stylesheet" href="https://2014.igem.org/Team:UB_Indonesia/css/fontawesome?action=raw&ctype=text/css" rel="stylesheet">
-
outline:none;
+
-
}
+
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:UB_Indonesia/css/stylesc?action=raw&ctype=text/css">
-
a img {
+
 
-
border:0;
+
-
display:block;
+
<link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,600,300,200&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
-
}
+
-
.border {
+
-
position:relative;
+
<link rel="prefetch" href="https://static.igem.org/mediawiki/2014/9/96/Zoom.png">
-
margin: 25px 0;
+
        <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:UB_Indonesia/css/style?action=raw&ctype=text/css">
-
-moz-box-shadow:    3px 3px 4px 0px #a3a3a3;
+
-
-webkit-box-shadow: 3px 3px 4px 0px #a3a3a3;
+
-
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;
+
-
min-height:1394px;
+
-
height:500px;
+
-
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">
 
-
</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="100" height="250"></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-book"></span> <span class="text">NOTEBOOK</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-female"></span> <span class="text">HUMAN PRACTICE</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-refresh"></span> <span class="text">COLLABORATIONS</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-gears"></span> <span class="text">PARTS</span></a></li>
 +
</ul>
 +
<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-picture"></span> <span class="text">GALERY</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>
</ul>
-
                        </div>
+
 +
</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"><font color="white">BRAWIJAYA UNIVERSITY <span class="font-thin">, INDONESIA</span></font></h1>
 +
<h4 class="font-thin"><font color="white">This is team wiki to share our iGEM experience</font></h4>
 +
<br>
 +
<br>
 +
</div>
 +
</div>
 +
<div id="home-row-2" class="row clearfix">
 +
<div class="col-12 col-sm-4"><div class="home-hover navigation-slide" ><a target="_blank" href="https://2014.igem.org/Team:UB_Indonesia"><img src="https://static.igem.org/mediawiki/2014/b/ba/Logoigemubgrey.png" width="100" height="100"></a></div><span>iGEM UB</span></div>
 +
<div class="col-12 col-sm-4"><div class="home-hover navigation-slide" ><a target="_blank" href="http://www.ub.ac.id/"><img src="https://static.igem.org/mediawiki/2014/4/45/Logoub.jpg" width="100" height="100"></a></div><span>BRAWIJAYA UNIVERSITY</span></div>
 +
<div class="col-12 col-sm-4"><div class="home-hover navigation-slide" ><a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/f/f7/Igemlogogray.png" width="100" height="100"></a></div><span>iGEM2014</span></div>
 +
</div><!-- /row -->
 +
</div><!-- /container -->
 +
</div><!-- /slide1 -->
 +
 +
<!-- === Slide 2 / Project=== -->
 +
<div class="slide story" id="slide-2" data-slide="2">
 +
<div class="container">
 +
<div class="row title-row">
 +
<div class="col-12 font-bold"> PROJECT</div>
 +
</div><!-- /row -->
 +
<div class="row line-row">
 +
<div class="hr">&nbsp;</div>
 +
</div><!-- /row -->
 +
 +
<div class="row content-row">
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#background" class="fancybox"><p><i class="icon icon-desktop"></i></p></a>
 +
<div id="background" style="display:none;width:700px;">
 +
<h2><center>A BETTER FUTURE WITH SYNTHETIC BIOLOGY</center></h2>
 +
<p align="justify">Study of synthetic biology emerged as a multidisciplinary science that help people in solving various problems. Among the general public, synthetic biology is famous as bioengineering and extreme genetic engineering which have an advantage in redesigning a life through genetical circuit, thus allows people to manipulate a new organism for use in treatment and diagnosis of disease, provision of quality seeds, remediation of environmental pollution caused by industrial and mining as well as the mitigation of global warming. <br><br>
 +
Indonesia as one of the currently high development countries in science is allowing for synthetic biology to grow rapidly. Prospects for the synthetic biology's development in Indonesia, among others, is the independence of technology in the health sector include the development of a specific diagnosis, the provision of pharmaceutical raw materials, and technology screening for Indonesia natural resources which have potency to treat various types of diseases.<br><br>
-
<!--end navigation menu -->
+
Brawijaya University iGEM team will develop synthetic biology in order to solve health sector problems, focus in Cervical Cancer. We have three sub-projects, they are: plant engineering for cervical cancer prevention, developing Cervical Cancer Care Program application for smartphone as helpdesk, and scanning technology for natural materials treatment (CHS Kit).</p>
-
<div class="body">
+
</div>
-
<div class="services">
+
 +
<h2 class="font-thin"><font color="#fff">Background</font></h2>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#overview" class="fancybox"><p><i class="icon icon-eye-open"></i></p></a>
 +
                                        <div id="overview" style="display:none;width:700px;">
 +
<h2><center>UB_INDONESIA BRINGS C3P (CERVICAL CANCER PROGRAM)</center></h2>
 +
<p align="justify">
 +
Cervical cancer is the second most common cancer in women worldwide. Yet, because of poor access to screening and treatment services, the number of deaths occur in women increase highly, especially in our country, Indonesia. Effective methods for early detection of precancerous lesions using cytology (Pap smear) exist, but not effective enough for detection in all age. However, new technological developments, using synthetic biology, offer the potential to tackle cervical cancer in a more comprehensive way and build a healthier future for girls and women. Here we go with our great idea!<br><br>
 +
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, creating a high antioxidant tea for preventing efforts, and creating a kit for selecting potential anti-cancer herbs.<br><br>
 +
We try to make an idea to build a new prototype for early detection to cervical cancer, especially caused by HPV 18 and HPV 16. We construct a new specific TALEs that can bind to our target sequences and we called it TALE 1 and TALE 2. In order to make sure the presence of DNA  from HPV 16 and 18, we need reporter which connect to detector.  Fluorescent protein usually used as reporter gene to study about gene expression. It will be connected to detector using linker. When the HPV DNA is bind to detector, blue colour will appear in the second strip. The Intensity of colour will be detected in our software and we can determined the risk level of cervical cancer disease. Dark blue colour show that the amount of  DNA  from HPV 16 and 18 is high and indicate the patient get severe cervical cancer.<br><br>
 +
Beside that, we try to take the advantage of tea plant. Tea plant (Camelia sinensis) has catechin compounds that contains antioxidants.  Catechin family that most effective used as antioxidant is Epigallocathecin gallate (EGCG).  Based on research in vitro or in silico, EGCG is able to inhibit the proliferation of cancer cells because stop over-expression between L1 HPV 16- EGFR (Epithel Growth Factor Receptor) bond but there are few of EGCG content in tea plant. Based on these problems, we would to over- expression EGCG by knockdown non-compound EGCG gene, so hopefully the content of EGCG on tea are more prominent.<br><br>
 +
CHS (Cancer Herbal Screening) is a kit which contains of hela cells as cervical cancer cells and it was designed to screening the plants that have compund potentially for cervical cancer therapy. Herbs that potentially as a therapy of cervical cancer in the kit are marked by the absence of green color, while the negative results are marked by the emergence of green in the kit. The kit is expected to provide convenience to the researchers in the field of cervical cancer and cervical cancer effects can be mitigated with natural compound that not a lot of side effects. <br><br>
 +
From all of above, we bring C3P (Cervical Cancer Program) for iGEM 2014. We named our each project with preventing, screening and therapy. beside, we also do social action in other to socialize our project and be closer to society to inform them how to avoid cervical cancer. <br><br>
 +
The responsible of the scientist is not only the result in the lab, but also share “the right thing” for society. So, thanks to iGEM that gives us an opportunity for doing both, research and social action. <br><br>
 +
<b>“Share your knowledge. It’s a way to achieve immortality.” - Dalai Lama</b>
 +
</p>
 +
                                        </div>
 +
<h2 class="font-thin"><font color="#fff">Overview</font></h2>
 +
</div><!-- /col12 -->
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
<div class="col-12 col-lg-4 col-sm-6">
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
<a href="#achievement" class="fancybox"><p><i class="icon icon-trophy"></i></p></a>
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
                                        <div id="achievement" style="display:none;width:700px;">
 +
<center>
 +
<table border="1">
 +
<tr>
 +
<td rowspan="5"><center><img src="https://static.igem.org/mediawiki/2013/7/78/PB_bronzeMedal.gif" width="150" height="200"><br>BRONZE MEDAL</center></td>
 +
<td>Register for iGEM and attend the Giant Jamboree</td><td><img src="https://static.igem.org/mediawiki/2014/9/9a/UB-Check.PNG" width="" height=""></td>
 +
</tr>
 +
<tr>
 +
<td>Create team wiki</td><td><img src="https://static.igem.org/mediawiki/2014/9/9a/UB-Check.PNG" width="" height=""></td>
 +
</tr>
 +
<tr>
 +
<td>Present a poster and talk at the Giant Jamboree</td><td><img src="https://static.igem.org/mediawiki/2014/6/66/UB-Progress.PNG" width="52" height="43"></td>
 +
</tr>
 +
<tr>
 +
<td>Art and design for synthetic biology</td><td><img src="https://static.igem.org/mediawiki/2014/9/9a/UB-Check.PNG" width="" height=""></td>
 +
</tr>
 +
<tr>
 +
<td>Demonstrate the active engagement of Engineers, Scientists, member of the public and other stakeholder (sponsor)</td><td><img src="https://static.igem.org/mediawiki/2014/9/9a/UB-Check.PNG" width="" height=""></td>
 +
</tr>
 +
</table>                                       
-
<!--requirements section -->
+
<table border="1">
-
<ul>
+
<tr>
 +
<td rowspan="5"><center><img src="https://static.igem.org/mediawiki/2013/f/f0/PB_silverMedal.gif" width="150" height="200"><br>SILVER MEDAL</center></td>
 +
<td>Bronze requirement</td><td><img src="https://static.igem.org/mediawiki/2014/9/9a/UB-Check.PNG" width="" height=""></td>
 +
</tr>
 +
<tr>
 +
<td>Create a short film about or as part at the project and video must be sent to the comitte and iGEM Headquarter</td><td><img src="https://static.igem.org/mediawiki/2014/9/9a/UB-Check.PNG" width="" height=""></td>
 +
</tr>
 +
<tr>
 +
<td>Design and execute a workshop or event for a group of people outside the team</td><td><img src="https://static.igem.org/mediawiki/2014/9/9a/UB-Check.PNG" width="" height=""></td>
 +
</tr>
 +
<tr>
 +
<td>Produce an installation or experiment (contact art design @igem.org to arrange space for presently your project before October 1st</td><td><img src="https://static.igem.org/mediawiki/2014/f/f3/UB-Silang.PNG" width="52" height="43"></td>
 +
</tr>
 +
</table>                                       
 +
 
 +
 
 +
<table border="1">
 +
<tr>
 +
<td rowspan="5"><center><img src="https://static.igem.org/mediawiki/2013/b/b0/PB_goldMedal.gif" width="150" height="200"><br>GOLD MEDAL</center></td>
 +
<td>Bronze and silver requirement</td><td><img src="https://static.igem.org/mediawiki/2014/6/66/UB-Progress.PNG" width="52" height="43"></td>
 +
</tr>
 +
<tr>
 +
<td>Provoke people to think about synthetic biology & its implication in a new & novel way</td><td><img src="https://static.igem.org/mediawiki/2014/6/66/UB-Progress.PNG" width="52" height="43"></td>
 +
</tr>
 +
<tr>
 +
<td>Collaborate directly with an iGEM team in another track</td><td><img src="https://static.igem.org/mediawiki/2014/9/9a/UB-Check.PNG" width="52" height="43"></td>
 +
</tr>
 +
<tr>
 +
<td>Design new part for iGEM biobrick</td><td><img src="https://static.igem.org/mediawiki/2014/9/9a/UB-Check.PNG" width="52" height="43"></td>
 +
</tr>
 +
<tr>
 +
<td>Human practice about the project</td><td><img src="https://static.igem.org/mediawiki/2014/9/9a/UB-Check.PNG" width="52" height="43"></td>
 +
</tr>
 +
</table>                                       
 +
</center><br><br>
 +
<b>Note:</b><br>
<table>
<table>
-
<tr><td colspan="2"><center><h1><b>Project Description</b></h1></center></td></tr>
+
<tr><td><img src="https://static.igem.org/mediawiki/2014/9/9a/UB-Check.PNG" width="52" height="43"></td><td>=</td><td>Done</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>
+
<tr><td><img src="https://static.igem.org/mediawiki/2014/6/66/UB-Progress.PNG" width="52" height="43"></td><td>=</td><td>In Progress</td></tr>
-
</td></tr>
+
<tr><td><img src="https://static.igem.org/mediawiki/2014/f/f3/UB-Silang.PNG" width="52" height="43"></td><td>=</td><td>Not yet</td></tr>
-
<tr><td colspan="2">
+
</table>                                       
-
<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>
+
                                        </div>
-
</td></tr>
+
                                        <h2 class="font-thin"><font color="#fff">Achievement</font></h2>
-
<tr><td colspan="2"><center><img src="https://static.igem.org/mediawiki/2014/7/7d/Foto_1.jpg" width="500" height="300" ></center>
+
</div><!-- /col12 -->
 +
                               
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
                                        <a href="#preventing" class="fancybox"><p><i class="icon icon-shield"></i></p></a>
 +
                                        <div id="preventing" style="display:none;width:700px;">
 +
<h2><center>Prevent is Better than Cure</center></h2>
 +
<p align="justify">Indonesia is an agricultural country that most of their society works as farmer. Malang is resite at 440-667 (mdpl) altitude, one of the tourist destinations in East Java because of the potential of natural and climatic owned. Malang climate conditions during 2008 temperatures recorded ranging from 22.7 ° C to 25.1 ° C. While the maximum temperature reached 32.7 ° C and minimum temperature of 18.4 ° C. The average air humidity range 79% - 86%. With a maximum moisture content of 99% and a minimum at 40%. These conditions favor the development of the tea plant (Camellia sinensis).</p> <br>
 +
 
 +
<center><img src="https://static.igem.org/mediawiki/2014/f/f8/UB-G1.jpg" height="300"><br>
 +
Figure 1. Tea Plantation in Lawang, Malang City (Department of Electrical Engineering Brawijaya University, 2014)</center><br>
 +
 
 +
<p align="justify">Tea extract contain EGCG used as the most effective antioxidant to against cervical cancer. Epigallocatechin-3-gallate (EGCG) is a polyphenol constituent present in green tea to inhibit cancer growth and the effects of EGCG is a potential anti-proliferative and pro-apoptotic agent in the human ovarian cancer line.But, levels of EGCG (Epigallocathecin gallate) in tea is very slightly. So, we will increase the level of this EGCG compound using siRNA to knockdown gene non-EGCG with expectation it will produce high yield of antioxidant. The applications are for supplement or feminine hygiene.</p> <br>
 +
<center><table border="1" align="center">
 +
<tr>
 +
<td><center><img src="https://static.igem.org/mediawiki/2014/3/36/UB-EGCG_structure_2D.png" width="300" height="300"><br>Figure 2. EGCG structure 2D (National Center for Biotechnology Information, 2005)</center></td>
 +
<td><center><img src="https://static.igem.org/mediawiki/2014/e/e5/EGCG_structure_3D.png" width="300" height="300"><br>Figure 3. EGCG structure 3D (National Center for Biotechnology Information, 2005)</center></td>
 +
</tr>
 +
</table>
 +
</center>
 +
<br><br>
 +
 
 +
<p align="justify">Tea plant (Camelia sinensis) has catechin compounds that contains antioxidants.  Catechin family that most effective used as antioxidant is Epigallocathecin gallate (EGCG).  Based on research in vitro and in silico, EGCG is able to inhibit the proliferation of cancer cells with stop over-expression between L1 HPV 16- EGFR (Epithel Growth Factor Receptor) bond but there are few of EGCG content in tea plant. Based on these problems, we would to over- expression EGCG by knockdown non-compound EGCG gene, so hopefully the content of EGCG on tea are more prominent.<br><br>
 +
 
 +
<b>Our Design</b><br>
 +
EGCG is able to inhibit the proliferation of cancer cells (Cornelia, 2013) because stop over-expression between L1 HPV 16- EGFR (Epithel Growth Factor Receptor) bond but there are few of EGCG content in tea plant. Based on these problems, we would to over- expression EGCG by knockdown non-compound EGCG gene, so hopefully the content of EGCG on tea are more prominent.<br><br>
 +
 
 +
We design siRNA sequence from LAR gene (to inhibit non-EGCG compound) using bioinformatics tool to initiate expression in mammalian cell (using HeLa cell). That part will be insert into the pSB1C3 linear backbone. To checking performance of this part, should be react with sequence target of siRNA LAR into the plasmid pSB1C3. We also prepare for positive control containing siRNA for GFP, insert into pSB1C3. Each part will be growth in HeLa cell culture and observed the succeding by fluorescent microscope.<br><br>
 +
 
 +
In this experiment, we design 2 part of biobrick:<br>
 +
1.  siRNA LAR (Bba_K1367004) gene insert in pSB1C3 plasmid backbone (plasmid A)<br>
 +
2.  siRNA GFP (Bba_K1367005) gene insert in pSB1C3 plasmid backbone (plasmid B)<br><br>
 +
 
 +
Plasmid A:
 +
</p><br>
 +
<center><img src="https://static.igem.org/mediawiki/2014/f/fc/UB-Plasmid_A.PNG" width="700px" height="300"><br>
 +
Figure 4 Construct design siRNA LAR BBa_K1367004 inserted in pSB1C3<br><br>
 +
</center>
 +
<p align="left">
 +
Plasmid A:
 +
</p><br>
 +
<center><img src="https://static.igem.org/mediawiki/2014/6/67/UB-Plasmid_B.PNG" width="700px" height="300"><br>
 +
Figure 5. Construct design siRNA GFP  BBa_K1367005 inserted in pSB1C3<br><br>
 +
</center>
 +
 
 +
<p align="justify">
 +
<b>References:</b><br>
 +
<ul>
 +
<li>Cornelia, Braicu, Gherman CD, Irimie A and Berindan-Neagoe I. 2013. Epigallocatechin-3-Gallate (EGCG) inhibits cell proliferation and migratory behaviour of triple negative breast cancer cells. J Nanosci Nanotechnol. Jan;13(1):632-7.</li>
 +
<li>Department of Electrical Engineering Brawijaya University. 2014. Tourism in Malang. http://eeccis.ub.ac.id/. Access at 10 October 2014</li>
 +
<li>National Center for Biotechnology Information. 2005. epigallocatechin gallate. http://pubchem.ncbi.nlm.nih.gov. Access at 10 October 2014.</li>
 +
</ul>
 +
</p>
 +
                                        </div>
 +
<h2 class="font-thin"><font color="#fff">Preventing</font></h2>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
                                        <a href="#screening" class="fancybox"><p><i class="icon icon-stethoscope"></i></p></a>
 +
                                        <div id="screening" style="display:none;width:700px;">
 +
<h2><center>Cercival Cancer Screening Kit</center></h2>
 +
<p align="justify">
 +
<b>
 +
A. DETECTOR<br>
 +
1. Background</b><br>
 +
Cervical cancer is one of the most common cancers in womenworldwide,with an estimated global incidence of 470,000 newcases and approximately 233,000 deaths per year. Then, we try to make an idea to build a new prototype for early detection to cervical cancer, especially caused by HPV 18 and HPV 16. From the previous results of the two teams, Calgary Team 2013 and Freiburg Team 2012, we build a new prototype with some combination from those teams. We learn about the prototype sensor from Calgary Team 2012 that consist of detector, linker, and reporter that combined into one small test pack. Then, to make the detector, we learn from Freiburg Team 2012 to constructing a new specific TALEs that can bind to our target sequences and we called it TALE 1 and TALE 2. <br>
 +
TALEs or Transcription Activator-Like Effectors comes from natural bacterial effector proteins used by Xanthomonas sp. to modulate gene transcription in host plants to facilitate bacterial colonization (Boch J and Bogdanove, 2010).The central region of theprotein contains tandem repeats of 34 amino acids sequences (termed monomers) that arerequired for DNA recognition and binding (Kay, 2009). Here is the natural structure of TALE from Xanthomonas sp. :</p><br>
 +
<center><img src="https://static.igem.org/mediawiki/2014/a/ab/UB-Struktur_tale.jpg" ><br>
 +
Figure 1. Structure of TALEs derived from Xanthomonas sp. (Sanjana et al, 2013)</center><br><br>
 +
<p align="justify">
 +
<b>2. What did We Do ?</b><br>
 +
As explained before in the Background, we try to make a prototype based on the concept of <a href="https://2013.igem.org/Team:Calgary">Calgary Team 2013</a>. So we construct a new TALEs that can bind with our target sequences, especially in HPV 18 and HPV 16. For building the detector, we received help from <a href="https://2012.igem.org/Team:Freiburg/Project/Overview">Freiburg Team 2012</a> to construct two new TALEs. First, we search the target sequences with the alignment of whole genome of HPV 18 and HPV 16 via NCBI and MEGA5. We search two target sequences in left side and right side. Here are some works that we’ve done:</p><br><br>
 +
<center>
 +
Left side: site 7106 until 7119
 +
<img src="https://static.igem.org/mediawiki/2014/8/80/UB-Sekuens_target_1.jpg"><br><br>
 +
Right side: site 7851 until 7864
 +
<img src="https://static.igem.org/mediawiki/2014/b/b9/UB-Sekuens_target_2.jpg" width="" height="">
 +
</center>
 +
<br><br>
 +
<p align="justify">
 +
<b>3. CONSTRUCTING TALEs</b><br>
 +
Based on <a href="https://2012.igem.org/Team:Freiburg/Project/Tal">Freiburg Team 2012 method</a>, we designed our TALE into 2, TALE 1 and TALE 2. <br>
 +
For TALE 1, we use: <br>
 +
<img src="https://static.igem.org/mediawiki/2014/e/ea/UB-TALE_1.jpg" width="" height=""><br>
 +
<a href="http://parts.igem.org/Part:BBa_K747012">(1) BBa_K747012,</a><br>
 +
<a href="http://parts.igem.org/Part:BBa_K747016">(2) BBa_K747016,</a><br>
 +
<a href="http://parts.igem.org/Part:BBa_K747042">(3) BBa_K747042,</a><br>
 +
<a href="http://parts.igem.org/Part:BBa_K747048">(4) BBa_K747048,</a><br>
 +
<a href="http://parts.igem.org/Part:BBa_K747064">(5) BBa_K747064,</a><br>
 +
<a href="http://parts.igem.org/Part:BBa_K747091">(6) BBa_K747091</a><br><br>
 +
For TALE 2, we use: <br>
 +
<img src="https://static.igem.org/mediawiki/2014/b/b5/UB-TALE_2.PNG" width="" height=""><br>
 +
<a href="http://parts.igem.org/Part:BBa_K747012">(1) BBa_K747012,</a><br>
 +
<a href="http://parts.igem.org/Part:BBa_K747026">(2) BBa_K747026,</a><br>
 +
<a href="http://parts.igem.org/Part:BBa_K747036">(3) BBa_K747036,</a><br>
 +
<a href="http://parts.igem.org/Part:BBa_K747052">(4) BBa_K747052,</a><br>
 +
<a href="http://parts.igem.org/Part:BBa_K747076">(5) BBa_K747076,</a><br>
 +
<a href="http://parts.igem.org/Part:BBa_K747095">(6) BBa_K747095</a><br>
 +
</p><br>
 +
 
 +
<p align="justify">
 +
<b>4. VECTOR</b><br>
 +
For the vector for our TALEs, we received help from Lucas Schneider (member of Freiburg Team 2012) and Nicole Densch (Labmanager from <a href="http://www.bioss.uni-freiburg.de/cms/2766.html">BIOSS</a>, Freiburg). We request the pTALEN and pTAL – TF from BIOSS and sent it to us on Whatman paper. Based on Sanjana et al. (2013), TALE-TFs are constructed by replacing the natural activation domain within the TALE C-term with the synthetic transcription activation domain VP64.</p>
 +
<center><img src="https://static.igem.org/mediawiki/2014/7/7d/UB-PTALE-TF.jpg"><br>
 +
Figure 2. TALEs can be used to generate custom transcription factors (TALE-TFs) and modulate the transcription of endogenous genes from the genome (Sanjana et al., 2013)
 +
</center><br>
 +
<p align="justify">
 +
TALENs are constructed by fusing a C-term truncation (+63aa) of the TALE DNA binding domain with the non-specific FokI endonuclease catalytic domain. TALENs form dimers through binding to two target sequences separated by ~17 bases (Sanjana et al., 2013).
 +
</p><br>
 +
<center><img src="https://static.igem.org/mediawiki/2014/5/51/UB-PTALEN.jpg"><br>
 +
Figure 3. TALE nucleases (TALENs) can be used to generate site-specific double strand breaks to facilitate genome editing through non-homologous repair or homology-directed repair (Sanjana et al., 2013)
 +
</center><br><br>
 +
<b>B. LINKER</b><br>
 +
<p align="justify">
 +
As we’ve said before that we inspired by the <a href="https://2013.igem.org/Team:Calgary">Calgary Team 2013</a>’s project, so we decided to learn the linker from previous work by them. The E/K coil is a heterodimeric coiled-coil that often used for biosensors and as an expression and affinity purification tag. The E coil contains all glutamic acid residues and the K coil contains all lysine residues. This coiled-coil can be found in a wide variety of proteins and contain a single type of secondary structure or the α-helix. There are two ways to increasing the stability of this sequence: the hydrophobic core of the coiled-coil (positions at a and d) and the α-helical propensity of surface esposed positions at b, c, e, f, and g (Litowski, 2002).
 +
</p><br>
 +
<center><img src="https://static.igem.org/mediawiki/2014/2/29/UB-Helical_coil.jpg"><br>
 +
Figure 4. Helical wheel of the E4/K4 heterodimer (Litowski, 2002)
 +
</center><br>
 +
<p align="justify">
 +
We used linker to connect  Tale and reporter. We used E and K coil since they can interact each other with high specificity. E-coil was fused to amilCP blue chromoprotein (reporter), while K-coil bound to Tale. This fusion make the reporter can be linked to Tale (detector) through K coil-. This fusion involving PCR and these part was digested and ligated as Igem protocol.
 +
</p><br>
 +
<center><img src="https://static.igem.org/mediawiki/2014/0/07/UB-Figure_4_tale_1_with_K_coil.jpg">&nbsp;<img src="https://static.igem.org/mediawiki/2014/b/b9/UB-Figure_5_TALE_2_K_coil.jpg"></center><br><br>
 +
 
 +
<b>C. REPORTER</b><br>
 +
<p align="justify">
 +
In order to make sure the presence of DNA  from HPV 16 and 18, we need reporter which connect to detector.  Fluorescent protein usually used as reporter gene to study about gene expression. Gene encoding fluorescent protein was synthesized in four stages (Laufer et al, 2013). Chromoprotein can be used as good reporter. Another useful feature of the chromoproteins is the “kindling” behavior, which makes them prospective photoactivatable markers. In this project, we used amilCP blue chromoprotein. This chromoprotein was extracted from Acropora millepora and  display purple-blue colour (Alieva et al, 2008).<br>
 +
This is one of chromoprotein collection from <a href="https://2012.igem.org/Team:Uppsala_University">Uppsala Team 2012</a>. This chromoprotein will be connected to detector using linker. amilCP bind to E coil and interact with Tale-K coil. This reporter show the presence of Human Papilloma Virus by colour change. When the HPV DNA is bind to detector, spesific sequence of HPV will be recognized and blue colour appears  in the second strip. The Colour intensity will be detected in our software and we can determined the risk level of cervical cancer disease. Dark blue colour show the amount of  DNA  from HPV 16 and 18 is high and indicate the patient get severe cervical cancer.
 +
</p><br>
 +
<center><img src="https://static.igem.org/mediawiki/2014/7/76/UB-AMILcp_FIX.jpg"><br>
 +
 
 +
</center><br><br>
 +
<b>D. PROTOTYPE</b><br>
 +
<p align="justify">
 +
With those concept as explained before, we’re trying to make a prototype for early detection to cervical cancer that has some common with test pack. These are our model for the prototype:
 +
</p><br>
 +
<center><img src="https://static.igem.org/mediawiki/2014/2/2c/UB-Prototype-SC.jpg"></center><br>
 +
<p align="justify">
 +
We test the sample from menstrual blood that we hypothesized if she got cervical cancer, the menstrual blood will go through the endometrium and then to cervix which is can bring some of the infected cells. Then the give a little bit of menstrual blood to the applicator. Inside the test pack we’ll use nitrocellulose membrane to get the result. Next steps is the binding from TALE 1 that already bind with the linker and reporter to the HPV DNA that can be found in menstrual blood. We can’t be sure if the TALE 1 and HPV DNA is binding without the TALE 2, so the sample will be catch by TALE 2 that stands for positive line. If that two TALEs can’t bind to the DNA it means negative result. Meanwhile we make control line too to compare the positive line and the control line.
 +
</p><br><br>
 +
<b>E. SOFTWARE</b><br>
 +
<p align="justify">
 +
This software help user to early detect her cervical cancer with capture image from c3+ kit. This software also inform all about cervical cancer, especially preventing, screening, and therapy.
 +
</p><br><br>
 +
<b>REFERENCES:</b><br>
 +
<ul>
 +
<li>Alieva, N.et al. 2008. Diversity and Evolution of Coral Fluorescent Proteins. (http://plosone.org)</li>
 +
<li>Kay S, Hahn S, Marois E, Wieduwild R, Bonas U. 2009. Detailed analysis of the DNA recognition motifs of the Xanthomonas type III effectors AvrBs3 and AvrBs3Deltarep16. Plant J. 59:859–871.</li>
 +
<li>Boch J, Bonas U. 2010. Xanthomonas AvrBs3 family-type III effectors: discovery and function. Annu Rev Phytopathol; 48:419–436.</li>
 +
<li>Litowski, Jennifer R. And Robert S. 2002. Hodges. Stability, and specificity propensity on protein folding, -helical α hydrophobicity and -helical coiled-coils: effects of α designing eterodimeric two-stranded. J. Biol. Chem, 277:37272-37279.</li>
 +
<li>Sanjana et al. A Transcription Activator-Like Effector (TALE) Toolbox Genome Engineering. Nat Protoc.; 7(1): 171-192.</li>
 +
</ul>
 +
                                        </div>
 +
<h2 class="font-thin"><font color="#fff">Screening</font></h2>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#therapy" class="fancybox"><p><i class="icon icon-medkit"></i></p></a>
 +
                                        <div id="therapy" style="display:none;width:700px;">
 +
<h2><center>CHS - (Cancer Herbal Screening)</center></h2>
 +
<p align="justify">
 +
<b>Overview Therapy</b><br>
 +
Cervical cancer is the one of most killing cause of woman. Approximately, 300.000 people deaths by cervical cancer in every year (Frazer, Cox et al., 2006; Lowy and Schiller, 2006).Cervical cancer caused by Human papillomaviruses (HPV) (Martinez et al., 2008).More than 100 types of HPVs have been identified to date (Dell et al., 2001), but the two most common types in cervical cancer are HPV 16 and 18. HPV type 16 and 18 are high risk type that causecervical cancer (Das, 2003). Both of those type responsible for approximately 70 % of all cases (Smith et al., 2007).<br><br>
 +
 
 +
HPV are small double-stranded DNA viruses that contain of two oncogenes E6 and E7 that are involved in cellular transformation. Two viral genes, E6 and E7 are commonly found expressed in these cancer cells (Song, 2000). Transcription of the human papillomavirus type 16 (HPV-16) genome is controlled by several promoters and the P97 promoter is considered to be the main one (Braunstein et al., 1999). P97 is the HPV-16 early promoter involved in the transcription of E6, E7 and other viral genes (Dell and Gaston, 2011; Flores and Lambert, 1997; Hebner and Laimins, 2006. Based on Laura et al (2005), P105 is located to the next E6 start codon and is the main early promoter of HPV-18. AP-1, Sp-1, NF-1, Oct-1, TEF-1, YY-1, KRF-1, Skn-1a, and TFIID known as transcription factors that could stimulate P105 promoter activity. HPV-18 P105 promoter and HPV-16 P97 promoter has equivalent function. E2 repression of P105 promoter activity has been demonstrated in HeLa cells (Thierry and Yaniv, 1987) and in primary human keratinocytes (Bernard et al., 1989). Romanczuk et al(1990), suggested that P97 and P105 promoters both could be regulated by similar mechanisms. A comparison of the sequences upstream of the HPV-16 P97 promoter and the HPV-18 P105 promoter revealed a similar spatial arrangement of the four E2-binding sites, the TATAAAA boxes, and the start sites for transcription in the respective viral LCRs. (Romanczuk et al, 1990).  Based on Chong et al(1991), trancript factor such as NF1, AP-1, and oct-1 were present in higher concentration in HeLa cells. Therefor, HeLa cells can be used as transfection for promoter P97 and promoter P105 so it could be activated.<br><br>
 +
 
 +
Indonesia has many potential herb that potentially used as medicine for cervical cancer.  The major goal ofthis research is to create a kit that can screen herb potentially used as medicine for cervical cancer. It can give early information for researcher, doctor and other practical that can be used as reference to continue the research as well as to give scientific. CHS (Cancer Herbal Screening) part is design plasmid which contain  promoter P97 (HPV 16) or P105 (HPV 18). This part has ability in screening chemical compounds of plant for cervical cancer therapy. The herbs have to inhibit transcription factor of P97 and P10. <br><br>
 +
 
 +
Promoter was combained with fluorescence reporter GFP obtained from biobrick Bba_E0240 (Plate 4, well 11N) to detect the successfull of the herbal compounds.  P97 (HPV 16) and P105 (HPV 18) were digested with EcoR1-Xbal, GFP digested with Xbal-Pstl, and plasmid backbone pSB1C3 digested with EcoR1-Pstl. Then, the HPV promoter and GFP was ligated into palsmid backbone pSB1C3. Plasmid design was transfected into HeLa cells containing some transcripton factor to induced promoter. Based on Chong et al (1991), trancript factor such as NF1, AP-1, and oct-1 were present in higher concentration in HeLa cells. Therefor, HeLa cells can be used as transfection for promoter P97 and promoter P105 so it could be activated. This part was purposed to help researcher work easier to explore herbal plants for cervical cancer therapy.</p> <br><br>
 +
 
 +
<center><img src="https://static.igem.org/mediawiki/2014/e/ef/UB-overview_therapy.PNG" width="500" height="300"><br>
 +
Figure 1. Construction of CHS (Cancer Herbal Screening) in pSB1C3
 +
</center> 
 +
 
 +
<p align="justify">
 +
<b>References :</b><br>
 +
<ul>
 +
<li>Bernard, B. A., C. Bailly, M.-C. Lenoir, M. Darmon, F. Thierry, and M. Yaniv. 1989. The human papillomavirus type 18 (HPV18) E2 gene product is a repressor of the HPV18 regulatory region in human keratinocytes. J. Virol  63:4317-4324.</li>
 +
<li>Braunstein TH, BS Madsen, B Gavnholt, MW Rosenstierne, C Koefoed Johnsen and B norrild. 1999. Identification of a new promoter in the early region of the  human papillomaviruses type 16 genome. Journal of General Virology 80: 3241-3250</li>
 +
<li>Chong, T., D. Apt, B. Gloss, M. Isa, and H. U. Bernard. 1991. The enhancer of human papillomavirus type 16: binding sites for the ubiquitous transcription factors Oct-1, NFA, TEF-2, NF1, and AP1 participate in epithelial cell-specific transcription. J. Virol. 65:5933–5943. </li>
 +
<li>Das, B.C. 2003. Cellular control of human papillomavirus gene activity in cervical cancer. Proc.Indian natn Sci Acan. B69 No.1 pp23-24. </li>
 +
<li>Dell, G., and K. Gaston. 2001. Contributions in the domain of cancer research:review of human papillomaviruses and their role in cervical cancer.Cell. Mol. Life Sci.58:1923–1942. </li>
 +
<li>Flores, E. R., and P. F. Lambert. 1997. Evidence for a switch in the mode of human papillomavirus type 16 DNA replication during the viral life cycle. J. Virol. 71:7167–7179. </li>
 +
<li>Frazer, I. H., J. T. Cox, et al. 2006. Advances in prevention of cervical cancer and other human papillomavirus-related diseases.Pediatr Infect Dis J 25(2 Suppl): S65-81, quiz S82. </li>
 +
<li>Hebner, C. M., and L. A. Laimins. 2006. Human papillomaviruses: basic mechanisms of pathogenesis and oncogenicity. Rev. Med. Virol16:83–97. </li>
 +
<li>Laura Sichero, Eduardo Luis Franco, and Luisa Lina Villa. 2005. Different P105 Promoter Activities among Natural Variants of Human Papillomavirus Type 18. The Journal of Infectious Diseases191:739–42. </li>
 +
<li>Lowy, D. R. and J. T. Schiller. 2006. Prophylactic human papillomavirus vaccines. J Clin Invest 116(5): 1167-73. </li>
 +
<li>Martinez., AS Gardiner, KF Board, FA Monzon, RP Edwards and SA Khan. 2008. Human papillomavirus type 16 reduces the expression of microRNA-218 in cervical carcinoma cells. Oncogene 27:2575-2582</li>
 +
<li>Romanczuk H., F Thierry and P M Howley. 1990.Mutational analysis of cis elements involved in E2 modulation of human papillomavirus type 16 P97 and type 18 P105 promoters. J. Virol64(6):2849. </li>
 +
<li>Smith JS, Lindsay L, Hoots B, Keys J, Franceschi S, Winer R, et al. 2007. Human papillomavirus type distribution in invasive cervical cancer and high-grade cervical lesions: a meta-analysis update. International journal of cancer121:621-32. </li>
 +
<li>Song, Shiyu., Amy Liem, James A., Miller and Paul F Lambert. 2000. Human Papillomavirus Types 16 E6 and E7 Contribute Differently to Carcinogenesis. Virology 267:141-150. </li>
 +
<li>Thierry, F., and M. Yaniv. 1987. The BPV1-E2 trans-acting protein can be either an activator or a repressor of the HPV 18 regulatory region. EMBO J6:3391-3397. </li>
 +
<li>Thierry, F., J. M. Heard, K. Dartmann, and M. Yaniv. 1987. Characterization of a transcriptional promoter of human papillomavirus 18 and modulation of its expression by simian virus 40 and adenovirus early antigens. J. Virol61:134-142. </li>
 +
</ul>
 +
</p>
 +
                                        </div>
 +
<h2 class="font-thin"><font color="#fff">Therapy</font></h2>
 +
</div><!-- /col12 -->
 +
 
 +
</div><!-- /row -->
 +
</div><!-- /container -->
 +
</div><!-- /slide2 -->
 +
 +
<!-- === Slide 3 - Notebook === -->
 +
<div class="slide story" id="slide-3" data-slide="3">
 +
<div class="container">
 +
<div class="row title-row">
 +
<div class="col-12 font-semibold">NOTEBOOK</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">&nbsp;</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="#timeline" class="fancybox"><p><i class="icon icon-calendar"></i></p></a>
 +
                                        <div id="timeline" style="display:none;width:700px;">
 +
                                        <img src="https://static.igem.org/mediawiki/2014/7/79/UB-timeline.jpg" width="700px">
 +
                                        </div>
 +
<h2 class="font-thin"><font color="#fff">Timeline</font></h2>
 +
                                        <h4 class="font-thin"><font color="#fff"></font></h4>
 +
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#lab-journal" class="fancybox"><p><i class="icon icon-book"></i></p></a>
 +
                                        <div id="lab-journal" style="display:none;width:700px;">
 +
<h2><center>LAB JOURNAL</center></h2>
 +
<p align="justify">
 +
<ul type="circle">
 +
<li><b>PREVENTING</li>
 +
A. MAY </b>
 +
<ul><li>Week 3</li>
 +
Discussion. Discussion about biobrick and what we can do by used this biobrick.
 +
<li>Week 4</li>
 +
Discussion. Discussion about project - fix about cervical cancer.
 +
</ul>
 +
 
 +
<b>B. JUNE</b>
 +
<ul>
 +
<li>Week 1</li>
 +
Discussion. Discussion about project - fix that we will do research in “preventing, screening and therapy” for cervical cancer. And our sub-team focus in preventing cervical cancer.
 +
<li>Week 2</li>
 +
Bioinformatic. Study bioinformatic and protocol for each project.
 +
<li>Week 3</li>
 +
Bioinformatic. Study bioinformatic for each project and discussion about human practice.
 +
<li>Week 4</li>
 +
Laboratory. Study in laboratory - learn how to work with gene (competent cell, transformation, etc.)
 +
</ul>
 +
 
 +
<b>C. AUGUST</b>
 +
<ul>
 +
<li>Week 1</li>
 +
Laboratory. Having traine about working in molecular biology, especially in using lab tools (PCR, Electrophoresis, etc.)
 +
<li>Week 2</li>
 +
Discussion. Discussion about each project development, human practice, and future plan
 +
<li>Week 3</li>
 +
Preparation. Competent cell preparation
 +
<li>Week 4</li>
 +
Preparation. Competent cell preparation
 +
</ul>
 +
 
 +
<b>D. September</b>
 +
<ul>
 +
<li>Week 1</li>
 +
Discussion & Laboratory. Take hela cells from Yogyakarta and did transformation. Cultured hela cell and discuss with Prof Nellen from Kassel university about funding. Prof Nellen also works at molecular biology for school and the public in Kassel University, it is a student club. He told us how to make an event for funding our project, beside he suggess us to have a good relation and collaboration with other university.
 +
<li>Week 2</li>
 +
Discussion. Discussion about protocol and wet lab work timeline. We face a problem to choose what is the best promotor for the siRNA. We confused in using CAMP or U6/H1 promotor. Then we discuss it with our beloved supervisor, Mr. Widodo, he give us other promotor named pUR 6 and ask to check it in NetCutter.
 +
<li>Week 3</li>
 +
Laboratory.  Annealing oligonucleotide of siRNA
 +
<li>Week 4</li>
 +
Laboratory. Transformation to DH5α
 +
</ul>
 +
 
 +
<b>E. OCTOBER</b>
 +
<ul>
 +
<li>Week 1</li>
 +
Laboratory. Cloning and PCR oligonucleotide.
 +
<li>Week 2</li>
 +
Laboratory. Electrophoresis.
 +
</ul>
 +
<br><br>
 +
<li><b>THERAPY</b></li>
 +
<b>A. AUGUST</b>
 +
<ul>
 +
<li>Week 3 </li>
 +
Lab Preparation. We learn more about protocol that we need. Restriction and Ligation protocol from iGEM protocol and adjust it.
 +
<li>Week 4 </li>
 +
Growing HeLa cells. Thawing HeLa cells from freezing cells. Growing into two flask and incubate in 37ᵒC.
 +
</ul>
 +
<b>B. SEPTEMBER</b>
 +
<ul>
 +
<li>Week 1</li>
 +
Splitting HeLa cells. The confluence HeLa cells (80 – 90%) splitting into another flask then incubate in 37ᵒC.<br>
 +
<center>https://static.igem.org/mediawiki/2014/0/0f/UB-HELA.jpg</center>
 +
<li>Week 2</li>
 +
Cell observation. The splitting HeLa cells observed to control the growth.
 +
<li>Week 3</li>
 +
Order Synthetic Gene. Order P97 and P105 promoter sequence to IDT (Integrated DNA technology).
 +
<li>Week 4</li>
 +
Cloning. Insert the P97 and P105 promoter sequence into pJET vector (helped by ITB iGEM Group) then cloned.
 +
</ul>
 +
<b>C. OCTOBER</b>
 +
<ul>
 +
<li>Week 1</li>
 +
Cloning. Restriction the P97 and P105 promoter sequence from pJET vector using EcoRI and Xbal. Beside that, also digest the pSB1C3 backbone using same restriction enzyme. Then, electrophoresis the digested sequence and ligase with pSB1C3 plasmid backbone.
 +
<li>Week 2</li>
 +
Cloning. Electrophoresis again and then using gel extraction to dissolve the gel. After that, ligase the P97 or P105 promoter sequence into pSB1C3 plasmid backbone.
 +
<li>Week 3</li>
 +
Submit part to iGEM
 +
</ul>
 +
<br><br>
 +
<li><b>SCREENING</b></li>
 +
<p align="justify"><b>April – May</b><br>
 +
We found some literatures for our Screening Project and combine some projects from previous team. We decided to use Golden Gate Assembly from <a href="https://2012.igem.org/Team:Freiburg">Freiburg team 2012</a> to synthesis our TALE. Our screening kit is related to <a href="https://2013.igem.org/Team:Calgary">Calgary team 2013</a> model but we use AmylCP reporter from <a href="https://2011.igem.org/Team:Uppsala-Sweden">UPPSALA team 2011</a>. <br>
 +
<b>June-July</b><br>
 +
The TALE and AmylCP will be linked by E coil and K coil that created by  <a href="https://2013.igem.org/Team:Calgary">Calgary team 2013</a>, so we ordered them from IGEM. The bio bricks stocks is limited so we have to clone them, we transformed them to E. coli competent cell. In the beginning we use local strain E. coli but the cells has low efficiency.</p><br>
 +
<center><img src="https://static.igem.org/mediawiki/2014/9/95/UB-Lab-journal.jpg" width="500px" height="200"><br>
 +
Figure 1. <a href="http://parts.igem.org/Part:BBa_J04450">BBa_J04450</a> not inserted to local E. coli competent cell bacteria.</center><br><br>
 +
<p align="center">
 +
<b>August</b><br>
 +
We made DH5-α competent cell bacteria and test the efficiency with tansform our parts. First trial we succeded to transform our TALE direpeat parts from kit plate 2. We run the isolated plasmid into agarose gel before and after PCR.<br>
 +
</p>
 +
<center><img src="https://static.igem.org/mediawiki/2014/c/c7/UB-lab_journal2.jpg" width="500px" height="200"><br>
 +
Figure 2. The bio bricks were transformed into the new competent cell (DH5-α). Size of the parts are about 2200bp shown in the yellow box. <br><br>
 +
<img src="https://static.igem.org/mediawiki/2014/6/60/UB-lab_journal3.jpg" width="500px" height="200"><br>
 +
Figure 3. PCR products after we inserted the parts into DH5-α competent cell. The control band are shown in the K1 and K2 line that related to there is no problem with PCR technique. Only 4I part that successfully amplified.</center><br><br>
 +
 
 +
<p align="justify">
 +
<b>September - October</b><br>
 +
These months we tried to synthesize our TALEs after clone the parts, but still there are 2 parts that not amplified yet (6A and 12E). We don’t have BsmBI restriction enzyme to Golden Gate Assembly but we found that EcoRI has the same restriction site as BsmBI. We substituted the BsmBI with EcoRI and  the parts successfully inserted into pSB1C3 (3200 bp).</p><br>
 +
<center><img src="https://static.igem.org/mediawiki/2014/c/c4/UB-lab_journal4.jpg" width="500px" height="200"><br>
 +
Figure 4. There are two TALES we tried to synthesize, TALE 1 and TALE 2. Every TALE has triplo but only T1-2, T2-1, and T2-2 succesfully assembled.</center><br>
 +
<p align="justify">
 +
We collected as many as possible references for the application content. Our application is android mobile based and we started to encode it. The application consist of preventing and therapy suggestion also screening method information. Special feature from our application is snap tool that can detect the kit result.<br><br>
 +
 
 +
<b>July Week 1– August</b><br>
 +
<table width="100%">
 +
<tr><td>Discussion about the material and tool which complete the task of the devices. We  looked for some well known, user friendly, easy handle, effective, and efficient. We also get some material recommendation and suggestion for our device. Then, by some review and consideration, we decided to use a test pack for the tool (hardware) and colour intensity as the diagnostic result.</td>
 +
<td><img src="https://static.igem.org/mediawiki/2014/4/49/Ub-Test_pack_1.jpg" width="400" height="200"></td></tr>
 +
 
 +
</table><br>
 +
 
 +
<b>August 4th – August 8th (Week 2)</b><br>
 +
<table width="100%">
 +
<tr><td><img src="https://static.igem.org/mediawiki/2014/5/56/UB-Test_pack_2.jpg" width="400" height="150"></td>
 +
<td>Chose and bought some test pack to be learned. Here, we got some model of test pack to study and determine the model from one of common trademark as the basic model of ours.</td></tr>
 +
</table><br>
 +
 
 +
<b>September 8th – September 12th  (Week 2)</b><br>
 +
We try to put the enzyme into model and observed the result. We performed some test in different variable to determine its reliability.<br>
 +
<table width="100%">
 +
<tr><td align="right"><img src="https://static.igem.org/mediawiki/2014/d/db/UB-TP_1.jpg" width="300" height="100"></td>
 +
<td><img src="https://static.igem.org/mediawiki/2014/8/8c/UB-TP_2.jpg" width="300" height="100"></td></tr>
 +
<tr><td align="right"><img src="https://static.igem.org/mediawiki/2014/0/02/UB-TP_3.jpg" width="300" height="100"></td>
 +
<td><img src="https://static.igem.org/mediawiki/2014/7/77/UB-TP_4.jpg" width="300" height="100"></td></tr>
 +
</table><br>
 +
 
 +
<b>September 15th – September 19th (Week 3)</b><br>
 +
Still continue to test the device and get more result.<br><br>
 +
 
 +
<b>September 22nd – September 26th (Week 4)</b><br>
 +
Get some suggestion and more explanation from our lecturer in Biology about the result <br><br>
 +
 
 +
<b>September 29th – October 3rd </b><br>
 +
Performed stability test to know more about the device. We even did it with a little various differentiation.<br><br>
 +
 
 +
<b>October 2th – October 5th  (Week 1)</b><br>
 +
We designed the software content and review it from some journals and articles.<br>
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/2014/c/cf/Ub-software1.jpg" width="300" height="500"><br><br>
 +
<img src="https://static.igem.org/mediawiki/2014/1/1e/Ub-software2.jpg" width="300" height="500"><br><br>
 +
<img src="https://static.igem.org/mediawiki/2014/d/da/Ub-software3.jpg" width="300" height="500"><br><br>
 +
<img src="https://static.igem.org/mediawiki/2014/4/41/Ub-software4.jpg" width="300" height="500"><br><br>
 +
<img src="https://static.igem.org/mediawiki/2014/c/c9/Ub-software5.jpg" width="300" height="500"><br><br>
 +
</center>
 +
 
 +
<b>October 6th – October 10th  (Week 2)</b><br>
 +
Collected the results and put it into results table to be presented.<br>
 +
We try to develop the software with ECLIPSE program .<br><br>
 +
</p>
 +
</ul>
 +
</p>
 +
                                        </div>
 +
<h2 class="font-thin"><font color="#fff">Lab Journal</font></h2>
 +
<h4 class="font-thin"><font color="#fff"></font></h4>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#protocols" class="fancybox"><p><i class="icon icon-tasks"></i></p></a>
 +
                                        <div id="protocols" style="display:none;width:700px;">
 +
<h2><center>PROTOCOLS</center></h2>
 +
<p align="justify">
 +
<b>P97 and P105 digestion. </b>
 +
<ul type="disc">
 +
<li>Add 15 ul of DNA (p97 and p105).</li>
 +
<li>Add dH20 for a total volume of 3,5 ul.</li>
 +
<li>Add 2,5ul of buffer O </li>
 +
<li>Add 0.5ul of EcoRI </li>
 +
<li>Add 0.5ul of  Xbal</li>
 +
<li>Add 0.5ul of Pstl</li>
 +
<li>There should be a total volume of 25 ul.</li>
 +
<li>Mix well and spin down.</li>
 +
<li>Incubate the restriction digest at 37˚C for 30minutes, and then 80˚C for 20minutes.</li>
 +
</ul><br>
 +
<b>SiRNADigestion</b><br>
 +
Make the composisition of the mixture, include:
 +
<ul type="circle">
 +
<li>SiRNA 2 μl (100 nmol)</li>
 +
<li>Add 10x buffer 2 μl </li>
 +
<li>Add EcoR1 1 μl (20 u/ μl)</li>
 +
<li>Add Xbal 1 μl (20 u/ μl)</li>
 +
<li>Add ddH2O 14 μl and mix gentle</li>
 +
</ul><br>
 +
 
 +
<b>PSB1C3Digestion</b><br>
 +
Make the composisition of the mixture, include:
 +
<ul type="circle">
 +
<li>ddH2O 10 μl</li>
 +
<li>Add plasmid 4 μl </li>
 +
<li>Add 10x buffer 2 μl </li>
 +
<li>Add EcoR1 2 μl</li>
 +
<li>Add Xbal 2 μl and then mix gentle</li>
 +
</ul><br>
 +
 
 +
<b>Ligation of sample and PSB1C3</b>
 +
Make the composisition of the mixture, include:
 +
<ul type="circle">
 +
<li>10x KAPA buffer 2 μl</li>
 +
<li>Add (5 u/ μl) 1 μl </li>
 +
<li>Add Psb1c3 (25 ng/ μl) 4 μl </li>
 +
<li>Add sample 4 μl</li>
 +
<li>Add ddH2O and then mix gentle</li>
 +
<li>Ligate at 16˚C for 30 minutes, then heat kill 80˚C for 20 minutes</li>
 +
<li>Transform with 2 ul of product</li>
 +
</ul><br>
 +
 
 +
<b>Transformation</b>
 +
<ul type="circle">
 +
<li>Thaw competent cells on ice.</li>
 +
<li>Place 25 µL of cells in a pre-chilled 2ml tube </li>
 +
<li>Place 25µL in 2ml tube and label it for another. Use it for control. </li>
 +
<li>Add 150 µL of resuspended DNA to 2ml tube. </li>
 +
<li>Pipet up and down gently for a few times. keep the competent cells still on ice.</li>
 +
<li>Add 1 µL of the RFP Control/li>
 +
<li>Incubate the cells on ice for30 minutes.</li>
 +
<li>Heat shock at 42ºC for 60 seconds.</li>
 +
<li>Return to ice for 5 minutes. </li>
 +
<li>Add 250 μl of SOC media to each transformation </li>
 +
<li>Incubate the cells at 37ºC for 2 hours while the tubes are rotating or shaking. Note:2 hour recovery time helps in transformation efficiency </li>
 +
<li>Do not forget to label two petri dishes with selective LB agar and kanamycin antibiotic with antibiotic resistance, part number and plasmid backbone. </li>
 +
<li>Place 20 µl and 200 µl of the transformation to dishes. Spread it. This step help ensure that you will be able to pick out a single colony.</li>
 +
<li>Place 20 µl and 200 µl of the transformation to the dishes. Spread it.</li>
 +
<li>Incubate the plates at 37ºC for 12-14 hours </li>
 +
<li>Count the colonies on the 20 μl control plate</li>
 +
<li>Calculated the competent cell.</li>
 +
</ul><br>
 +
 
 +
<b>Polymerase Chain Reaction</b><br>
 +
<ul>
 +
<li>Make the composisition of the mixture, include:</li>
 +
Add 23 μl of ddH20 <br>
 +
Add 0.5  μl of Primer Forward <br>
 +
Add 0.5 μl of Primer Reverse <br>
 +
Add 1 μl of DNA samples. There should be a volume of 25 ul <br>
 +
<li>Running on PCR machinewith 35x PCR cycle, include :</li>
 +
Hot start : 5 minutes on 94oC<br>
 +
Denaturation : 30 second on 94oC<br>
 +
Annealing : 30 second on 50oC<br>
 +
Extention : 60 second on 72oC<br>
 +
Post extention : 10 minutes on 72oC<br>
 +
</ul>
 +
 
 +
<b>Annealing Oligonucleotide</b>
 +
<ul>
 +
<li>siRNA forward (10 μl) and siRNA reverse (10 μl) mix gentle</li>
 +
<li>Add TE buffer 25 μl, ddH2O 25 μl</li>
 +
<li>Heat to 95oC for 2 minutes</li>
 +
<li>Ramp cool to 25oC over period of 45 minutes</li>
 +
</ul>
 +
 
 +
<b>Agarose Gel Electrophoresis</b><br>
 +
<ul>
 +
<li>Dissolve the 2% agar, 0,3 gr agarose on 15 ml TBE + 1 μl EtBr.</li>
 +
<li>Heat the mixture until the agar is dissolve.</li>
 +
<li>Cool the mixture and the comb on the plate.</li>
 +
<li>Pour the cooled agar in to the plate.</li>
 +
<li>When the agar has solidified, removed the come carefully.</li>
 +
<li>Places the gel in to electrophoresis chamber.</li>
 +
<li>Pour 1X TBE over gel so that gel is covered by a 3-5mm buffer.</li>
 +
<li>Load samples in the wells in the gels : 1 μl DNA and 3 μl loading dye.</li>
 +
<li>Load DNA ladder 2 μl to the well.</li>
 +
<li>Place the lid on the chamber and connect the electrode leads to the power supply.</li>
 +
<li>Turn on the power supply and adjust the voltage 50-100 volts.</li>
 +
<li>Run the gel for 5-10 minutes.</li>
 +
<li>Load samples into well.</li>
 +
<li>Hook electrodes to gel apparatus.</li>
 +
<li>Run the apparatus at 100V for 20 minutes.</li>
 +
<li>Visualize the gel and record the results by UV-transilluminator</li>
 +
</ul>
 +
 
 +
<b>Isolation Plasmid used Kit-free Alkaline Lysis Plasmid Miniprep</b><br>
 +
<ul>
 +
<li>Prepare the following solutions:</li>
 +
<pre>a. Solution I (Resuspension buffer)<br>
 +
    i. 25 mM Tris-HCl (pH 8) <br>
 +
    ii. 50 mM glucose <br>
 +
    iii. 10 mM EDTA<br><br>
 +
b. Solution II (Denaturing Solution) <br>
 +
    i. 0.2 N NaOH <br>
 +
    ii. 1.0% SDS <br><br>
 +
c. Solution III (Renaturing Solution: Potassium Acetate) <br>
 +
    i. 120 mL 5M Potassium acetate <br>
 +
    ii. 23 mL glacial acetic acid <br>
 +
    iii. 57 mL of de-ionized water<br><br>
 +
Store Solution I at 4°C <br>
 +
Store Solution II at room temperature <br>
 +
Store Solution III at 4°C<br>
 +
</pre>
 +
<li>Grow 2mL overnight cultures from single colonies of bacteria containing your plasmid of interest.</li>
 +
<li> Add 1.5mL of the stock culture to a 1.75mL microfuge tube.</li>
 +
<li>Centrifuge in microfuge tube at 10,000g for 30sec.</li>
 +
<li>Pour off the supernatant, being careful not to disturb the bacterial pellet.</li>
 +
<li>Resuspend the pellet in 100ul of cold Solution I.</li>
 +
<li>Vortex the solution for 2 minutes or until all bacteria are fully resuspended.</li>
 +
<li>Add 200μl of Solution II and invert the tube carefully 5 times to mix the contents. The contents will become clear and thicker as the proteins and DNA are denatured.</li>
 +
<li>Incubate solution on ice for 5 minutes.</li>
 +
<li>Add 150μl of cold Solution III to each tube.</li>
 +
<li>Mix by inverting several times. A white precipitate will be formed which contains the bacterial proteins and genomic DNA.</li>
 +
<li>Incubate tube on ice for 5 minutes.</li>
 +
<li>Centrifuge the tube for 5 minutes at 12,000g</li>
 +
<li>Add either 700μL of cold 100% ethanol or 350uL room temperature isopropanol to the solution to precipitate the plasmid DNA.</li>
 +
<li>Pour out the supernatant</li>
 +
<li>Air dry the pellet (can be done by inverting the tube at an angle over kimwipe) for 20-30 minutes.</li>
 +
<li>Resuspend pellet with 25-50μl of TE.</li>
 +
</ul><br><br>
 +
 
 +
<b>GATE kit For Easy TAL Effector Assembly</b>
 +
<ul><li>Choose your DNA target sequence. </li></ul>
 +
This sequence should be 14 bp long and they start and end with a thymine base.<br>
 +
1. Find the right di-repeats: <br>
 +
2. Remove the flanking thymine bases from your target sequence, split it into six pairs of nucleotides and number the repeats from one to six.To get the needed concentration of 60ng/μl please resuspend the DNA in 10μl H2O<br>
 +
</p>
 +
<center>TGCAAGTTCGAGCT<br>
 +
GC-AA-GT-TC-GA-GC<br>
 +
1. GC 2. AA 3. GT 4. TC 5. GA 6.GC<br>
 +
</center>
 +
<p align="justify">
 +
3. Insert the di-repeats into the expression vector. <br>
 +
Mix the following components in a PCR tube and  prepare a negative control lacking the di-repeats.<br>
 +
</p>
 +
<center>
 +
<table border="1">
 +
<tr><th>Component</th><th>Amount (μl)</th></tr>
 +
<tr><td>6 di-repeat plasmids (60ng)<br>
 +
Expression vector (170ng)<br>
 +
(pTALEN/pTAL-TF/pTAL-KRAB)<br>
 +
T4 Ligase Buffer (10x)<br>
 +
T4 Ligase (60 U)<br>
 +
BsmBI (15 U)<br>
 +
dH2O</td>
 +
<td>
 +
1 each<br>
 +
1<br>
 +
<br>
 +
<br>
 +
2<br>
 +
1<br>
 +
1,5<br>
 +
8,5<br>
</td></tr>
</td></tr>
 +
<tr><td>Total</td><td>20</td></tr>
 +
</table><br><br>
 +
<b>PCR Cycle</b><br>
 +
<table border="1">
 +
<tr><th>Cycle</th><th>Temperature and time</th></tr>
 +
<tr><td>1-13</td><td>37 °C, 5 minutes </td></tr>
 +
<tr><td></td><td>20 °C, 5 minutes </td></tr>
 +
<tr><td>14</td><td>50 °C, 10 minutes </td></tr>
 +
<tr><td>15</td><td>80 °C, 10 minutes </td></tr>
 +
</table>
 +
</center><br><br>
 +
4. Transform the products into a competent E. coli, such as DH10B and Top10. Note that selection of the right clones will not be successful with ccdB-resistant E.coli strains. <br>
 +
Add 5 μl of the ligation product to 50 μl of competent bacteria, incubate on ice for 30 min, perform heat shock at 42 °C for 1 minute, then incubate on ice for 5 minutes. Add 500 μl of pre-warmed LB medium, incubate at 37 °C for 1 h on a shaking thermo block, plate on an agar plate containing chlorampenicol and incubate at 37°C overnight.<br>
 +
5. Put a single colony on a new LB agar plate with chlorampenicol and Incubate for 16 hours.<br>
 +
6. If the repeat array already in the expression plasmid, then transfecting into cells.<br>
 +
7. Perform electrophoresis in order to check the successfull of TALE assembly.<br>
 +
 +
 +
 +
                                        </div>
 +
<h2 class="font-thin"><font color="#fff">Protocols</font></h2>
 +
<h4 class="font-thin"><font color="#fff"></font></h4>
 +
</div><!-- /col12 -->
 +
<div class="col-sm-1 hidden-sm">&nbsp;</div>
 +
</div><!-- /row -->
 +
</div><!-- /container -->
 +
</div><!-- /slide7 -->
 +
 +
 +
<!-- === Slide 4 - Human Practice === -->
 +
<div class="slide story" id="slide-4" data-slide="4">
 +
<div class="container">
 +
<div class="row title-row">
 +
<div class="col-12 font-semibold">HUMAN PRACTICE</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"></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="#workshop" class="fancybox"><p><i class="icon icon-link"></i></p></a>
 +
                                        <div id="workshop" style="display:none;width:700px;">
 +
<h2><center>Early Step for Synthetic Biology Development in Indonesia</center></h2>
 +
<p align="justify">
 +
iGEM is not only a competition which provides a stage for us to perform our work done at the laboratory but also an effort to popularize synthetic biology to the public. Synthetic biology is not popular yet in Indonesia and there are many people who do not know about this field. Therefore we decided to hold a workshop entitled “Potential and applications of synthetic biology in Indonesia” which was held on September, 26th - 27th 2014.<br><br>
 +
ITB iGEM team and UI iGEM team also took part in our activities and make it more fun. The participants not just come from undergraduate student but also from postgraduate student from various university in Indonesia. We got that audience are so enthusiastic through our lecture. The lecture has five parts, including introduction of synthetic biology and its potential for immunology therapy, potential of biology synthetic for health and medicine field, introduction about iGEM, presentation material from ITB iGEM team, project of syntetic biology community of UGM, and presentation material from iGEM-UB.<br><br>
 +
Synthetic biology is a newly-developing subject. We hope through our event there will be a better understanding about what synthetic biology is, its potential and encouraged people to develop synthetic biology in Indonesia. Beside, we held a workshop about bioinformatics. Why we choose bioinformatics? Because it is needed for molecule prediction before we do some molecular work at laboratory. It also useful and be a basic for developing synthetic biology. Thanks to Synbio community from Gadjah Mada University and student from University State of Malang who took part on our workshop.<br><br>
 +
Well, hopefully this small step can be the beginning of a big step in the world of synthetic biology in Indonesia. Such as a cell that will develop into tissues and has a function. Go synthetic biology! <br><br>
 +
</p>
 +
                                        </div>
 +
<h2 class="font-thin"><font color="#fff">Workshop</font></h2>
 +
                                        <h4 class="font-thin"><font color="#fff"></font></h4>
 +
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#education" class="fancybox"><p><i class="icon icon-pencil"></i></p></a>
 +
                                        <div id="education" style="display:none;width:700px;">
 +
<h2><center>Say Hi to Young Scientist Wannabe!</center></h2>
 +
<p align="justify">
 +
Synthetic Biology (Synbio) can not stop on our generation, but must be passed on the generations below us. Therefore, we hold socialization Synbio to students high school in Malang, East Java, Indonesia. Our focus is opening their minds to the real world’s problem and things we can do through science and engineering. We presented it by video animation, power point and brochure. <br><br>
 +
We hold imagination classes, in which students were divided into groups and given the opportunity toimagine bio-machine that can solve the problems in the world. Wow! The results were shocking! They have wild imagination in implantingsynbio concept clearly and precisely. Well, although some ideas seem impossible, but hey, there is nothing impossible in science, isn’t it?<br><br>
 +
 +
<b>BACKGROUND</b><br>
 +
Human practice is socialization activity that involving the public into the future of synthetic biology. Thus, synthetic biology as one kind of science field have great potency and implications to improve lives by solving problems. iGEM Team Brawijaya dveloping the human practice activity through school education program and social education program. The school education purpose to introduce the synthetic biology for student then social education purpose to introducing for public. Moreover, we also presenting our project of iGEM Team Brawijaya through presentation and discussion. <br><br>
 +
 +
<b>DESCRIPTION</b><br>
 +
School education program within Human Practice be held on senior high school in malang. Thats program begin with presentation about synthetic biology. Presenter explain about overview and synthetic biology application in many kind of field. The presentation also added with animation video to more attractive and make the materi easily to be comprehended. Then, the presentation continued with presentation about project of iGEM Team Brawijaya as an example of synthetic biology application in health field. We make discussion, allowing students to ask some question and everything that they want to know. So, we can dig up and share more knowledge about synthetic biology. <br>
 +
 +
The program continued with creativity games. All of student in the class divided into 4 groups that each group contains of 8 students. Presenter was explain about some cases involving synthetic biology. Then, each group allowed to take discussion, case study and solve the problem. After that, each group also allowed to find some problems around them and have to solve the problems using synthetic biology. Result of discussion froum each group presented in front of the class. We can conclude that each group have some of great creativity and big imagine about synthetic biology. We think that is great future
 +
</p>
 +
                                        </div>
 +
<h2 class="font-thin"><font color="#fff">Education</font></h2>
 +
<h4 class="font-thin"><font color="#fff"></font></h4>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#society" class="fancybox"><p><i class="icon icon-group"></i></p></a>
 +
                                        <div id="society" style="display:none;width:700px;">
 +
<h2><center>From Lab For Society</center></h2>
 +
<p align="justify">
 +
Doing research and explore a new thing which will be useful for society is really important, but, the other thing that also important is the socialization to society. So, we bring synthetic biology to solve society’s problem.<br><br>
 +
We are visiting Indonesia Child Cancer Care Foundation in Surabaya, East Java, Indonesia. The foundation is established on the basis of concern for the rise of cancer that occurs in children. By the time we tell the management of the foundation that our focus was cervical cancer, surprisingly the foundation said that there are some children infected with cervical cancer, myom and a cyst ( to fyl further kept secret for the sake of patients ). The foundation also suggested students to socialize more often to society from all age  so cancer prevention can be done.<br><br>
 +
According to Ms. Novi, as Volunteer Coordinator, many cancer patients due to lack of knowledge about cancer in society. It causes people less careful and many new cancer cases have been detected at late stage. Therefore she really supports our research on early detection of cervical cancer.<br><br>
 +
We made several visits to the foundation. There, we aided by Gencorp organization from Surabaya in giving encouragement to cancer patients. We also discussed about things that we can do for cancer patients. One thing that we will never forget is that we were invited to visit hospitals and meet cancer patient directly. We are so far, only serves in the scale of laboratory in developing the treatment of cancer, a direct view of how the treatment of cancer research is needed. It gives us spirit in resolving this research. Be closer to patients aforetime and feel how this research has a lot of meaning.<br><br>
 +
Besides being active in activities at the foundation, we also give the material to friends in the traveling community GAMANANTA, which is a large community of traveler Indonesia, about how to maintain the health of vital organs during travel. This was greeted with great enthusiasm, we even double enthusiastic. We believe that, by sharing, the knowledge that we have will provide a double benefit to the community. Go Synthetic Biology for Indonesia!
 +
</p>
 +
                                        </div>
 +
<h2 class="font-thin"><font color="#fff">Society</font></h2>
 +
<h4 class="font-thin"><font color="#fff"></font></h4>
 +
</div><!-- /col12 -->
 +
<div class="col-sm-1 hidden-sm">&nbsp;</div>
 +
</div><!-- /row -->
 +
</div><!-- /container -->
 +
</div><!-- /slide4 -->
 +
 +
<!-- === Slide 5 /Collaborations === -->
 +
<div class="slide story" id="slide-5" data-slide="5">
 +
<div class="container">
 +
<div class="row title-row">
 +
<div class="col-12 font-semibold">COLLABORATIONS</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"></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">
 +
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#collaboration" class="fancybox"><p><i class="icon icon-group"></i></p></a>
 +
                                        <div id="collaboration" style="display:none;width:700px;">
 +
<h2><center>Let’s Meet Up!</center></h2>
 +
<p align="justify">UB iGEM Team had collaboration with UI iGEM Team and ITB iGEM team in holding Synthetic Biology for Indonesia Community. The aim of this community is to form a synthetic biology  association in Indonesia.Programs that have been done previously is an online course in facebook group named “Synthetic Biology for Indonesia” and already got approximately 121 members from all over Indonesia.<br><br>
 +
For developing this community, we conducted a forum for us to meet up with others synbio community all over Indonesia. This forum (meet up) was initiated by UB iGEM Team, ITB iGEM Team and UI iGEM Team. For this year, 2014, the meeting was held in Brawijaya University, Malang, East Java, Indonesia on September, 27th 2014. The event combined with seminar and workshop in synthetic biology. We also invited synthetic biology community of Gadjah Mada University, synthetic biology community of Sumbawa Technology University, Biology department of Airlangga University and Biology department of State of Malang University.<br><br>
 +
We tend to do annual meet up for discussing anything about synthetic biology, start from research until social action. In the other hand, each of the university member will link together to be strengthen community and cooperate with government, practitioners and scientist in Indonesia.</p><br><br>
 +
<b>Collaboration part with ITB teams are some cloned parts :</b><br>
 +
<ul>
 +
<li> Syntethic sequence (P97 and P105) inserted into plasmid pJET.</li>
 +
<li> GFP reporter in plate 4 well 11N inserted into plasmid PSB1A3 with Ampicillin resistance.</li>
 +
<li> Promoter CMV in plate 1 well 21P inserted into PSB1C3 with chloramphenicol resistance.</li>
 +
</ul>
 +
"We acknowledge to all members of IGEM ITB team for helping us doing of parts project."<br><br>
 +
 +
For developing TALE 1 and TALE 2, we've got the material- GATE Assembly Kit, pTALEN and pTAL-TF -from BIOSS at University of Freiburg by Nicole Gensch. <br>
 +
<img src="https://static.igem.org/mediawiki/2014/d/dd/UB-Bioss.jpg" height="200" width="400">
 +
 +
                                        </div>
 +
<h2 class="font-thin"><font color="#fff">SYNBIO FOR INDONESIA</font></h2>
 +
<h4 class="font-thin"><font color="#fff"></font></h4>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
 +
</div><!-- /col12 -->
 +
<div class="col-sm-1 hidden-sm">&nbsp;</div>
 +
</div><!-- /row -->
 +
</div><!-- /container -->
 +
</div><!-- /slide5 -->
 +
 +
<!-- === Slide 6 / Parts === -->
 +
<div class="slide story" id="slide-6" data-slide="6">
 +
<div class="container">
 +
<div class="row title-row">
 +
<div class="col-12 font-semibold">PARTS</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"></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="#sub-parts" class="fancybox"><p><i class="icon icon-link"></i></p></a>
 +
                                        <div id="sub-parts" style="display:none;width:700px;">
 +
<h2><center>Submited Parts</center></h2>
 +
<ul type="circle">
 +
<li>Therapy</li>
 +
<p align="justify">
 +
<b>E0240_P105</b><br>
 +
We upgraded the standard biobrick backbone pSB1C3 with added by promotor sequences of  p105 and GFP (E0240). This pSB1C3 has contained  chloramphenicol resistance. Our major achievements is to confirm that herbal compound can  react with promotor of HPV 16 and 18 in HeLa cells.  GFP give green colour to confirm whether herbal compound can attach and stop the HeLa cell activity transformed with p105 promotor sequence
 +
</p><br>
 +
<center><img src="https://static.igem.org/mediawiki/2014/f/f9/UB-BBa_E0240_-_P105_Map.png" width="500px" height="400"></center>
 +
<p align="justify">
 +
<b>E0240_P97</b><br>
 +
Standard biobrick backbone pSB1C3 containing chloramphenicol resistance.  The backbone added  by promotor sequences of  p97 and GFP (E0240).  GFP act as a marker that give green colour to confirm  whether herbal compound can attach  and stop the HeLa cell activity transformed with p97 promotor sequence.
 +
</p><br>
 +
<center><img src="https://static.igem.org/mediawiki/2014/1/15/UB-BBa_EO240_-_p97_Map.png" width="500px" height="400"></center>
 +
<br><br>
 +
<b>Preventing and Therapy Team Safety</b>
 +
<table border="1">
 +
<tr><th>Part Number</th><th>DNA Source</th><th>Species Origin</th><th>Species Risk Group</th><th>Part Function</th></tr>
 +
<tr><td>Bba_K747096</td><td>Part registry</td><td>E. coli DH5α</td><td align="center">1</td><td>CMV Promoter</td></tr>
 +
<tr><td>Bba_E0240</td><td>Part registry</td><td>E. coli DH5α</td><td align="center">1</td><td>GFP Generator</td></tr>
 +
<tr><td>Bba_K516132</td><td>Part registry</td><td>E. coli DH5α</td><td align="center">1</td><td>Constitutive promoter with mRFP, RBS B0032</td></tr>
 +
<tr><td>pTALEN</td><td>From BIOSS in University of Freiburg, Germany</td><td>Xanthomonas spp.</td><td align="center">2</td><td>Vector</td></tr>
 +
<tr><td>pTAL-TF</td><td>From BIOSS in University of Freiburg, Germany</td><td>Xanthomonas spp.</td><td align="center">2</td><td>Vector</td></tr>
 +
<tr><td>P97 Promoter</td><td>Synthesized by IDT</td><td>HPV type 16</td><td align="center">2</td><td>Cell Line</td></tr>
 +
<tr><td>P105 Promoter</td><td>Synthesized by IDT</td><td>HPV type 18</td><td align="center">2</td><td>Cell Line</td></tr>
</table>
</table>
 +
<br><br>
 +
<b>Screening Team Safety</b>
 +
<table border="1">
 +
<tr><th>Part Number</th><th>DNA Source</th><th>Species Origin</th><th>Species Risk Group</th><th>Part Function</th></tr>
 +
<tr><td>Bba_K747012</td><td>Part registry</td><td>E. coli DH5α</td><td align="center">1</td><td>Protein Domain </td></tr>
 +
<tr><td>Bba_K747016</td><td>Part registry</td><td>E. coli DH5α</td><td align="center">1</td><td>Protein Domain </td></tr>
 +
<tr><td>Bba_K747042</td><td>Part registry</td><td>E. coli DH5α</td><td align="center">1</td><td>Protein Domain </td></tr>
 +
<tr><td>Bba_K747048</td><td>Part registry</td><td>E. coli DH5α</td><td align="center">1</td><td>Protein Domain </td></tr>
 +
<tr><td>Bba_K747064</td><td>Part registry</td><td>E. coli DH5α</td><td align="center">1</td><td>Protein Domain </td></tr>
 +
<tr><td>Bba_K747091</td><td>Part registry</td><td>E. coli DH5α</td><td align="center">1</td><td>Protein Domain </td></tr>
 +
<tr><td>Bba_K747012</td><td>Part registry</td><td>E. coli DH5α</td><td align="center">1</td><td>Protein Domain </td></tr>
 +
<tr><td>Bba_K747026</td><td>Part registry</td><td>E. coli DH5α</td><td align="center">1</td><td>Protein Domain </td></tr>
 +
<tr><td>Bba_K747036</td><td>Part registry</td><td>E. coli DH5α</td><td align="center">1</td><td>Protein Domain </td></tr>
 +
<tr><td>Bba_K747052</td><td>Part registry</td><td>E. coli DH5α</td><td align="center">1</td><td>Protein Domain </td></tr>
 +
<tr><td>Bba_K747076</td><td>Part registry</td><td>E. coli DH5α</td><td align="center">1</td><td>Protein Domain </td></tr>
 +
<tr><td>Bba_K747095</td><td>Part registry</td><td>E. coli DH5α</td><td align="center">1</td><td>Protein Domain </td></tr>
 +
<tr><td>Bba_K747101</td><td>Part registry</td><td>E. coli DH5α</td><td align="center">1</td><td>Plasmid </td></tr>
 +
 +
</table>
 +
 +
                                        </div>
 +
<h2 class="font-thin"><font color="#fff">Submitted Parts</font></h2>
 +
<h4 class="font-thin"><font color="#fff"></font></h4>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#fav-parts" class="fancybox"><p><i class="icon icon-group"></i></p></a>
 +
                                        <div id="fav-parts" style="display:none;width:700px;">
 +
<h2><center>Favorite Parts</center></h2><br>
 +
<a href="http://parts.igem.org/Part:BBa_E0240:Design"><b>Bba_E0240 GFP_Generator </b></a><br><br>
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/2014/0/0b/UB-GFP_1.PNG" width="200" height="100"><br>
 +
<img src="https://static.igem.org/mediawiki/2014/d/d9/UB-GFP-PLASMID_2.PNG" width="500" height="500"></center><br><br>
 +
 +
<a href="http://parts.igem.org/Part:BBa_K747012"><b>Bba_K747012 TALE_Protein_TA1_Direpeat </b></a><br><br>
 +
<center><img src="https://static.igem.org/mediawiki/2014/9/9b/UB-TALE-PLASMID_2.PNG" width="500" height="500"></center>
 +
                                        </div>
 +
<h2 class="font-thin"><font color="#fff">Favorite Parts</font></h2>
 +
                                        <h4 class="font-thin"><font color="#fff"></font></h4>
 +
</div><!-- /col12 -->
 +
<div class="col-sm-1 hidden-sm">&nbsp;</div>
 +
</div><!-- /row -->
 +
</div><!-- /container -->
 +
</div><!-- /Slide 6 -->
 +
 +
        <!-- === SLide 7 - Galery -->
 +
<div class="slide story" id="slide-7" data-slide="7">
 +
<div class="row">
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="https://static.igem.org/mediawiki/2014/4/4b/Wiraeka.jpg"><img class="thumb" src="https://static.igem.org/mediawiki/2014/4/4b/Wiraeka.jpg" alt=""></a></div>
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="https://static.igem.org/mediawiki/2014/9/9f/Ub17.JPG"><img class="thumb" src="https://static.igem.org/mediawiki/2014/9/9f/Ub17.JPG" alt=""></a></div>
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="https://static.igem.org/mediawiki/2014/5/5b/Ub23.JPG"><img class="thumb" src="https://static.igem.org/mediawiki/2014/5/5b/Ub23.JPG" alt=""></a></div>
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="https://static.igem.org/mediawiki/2014/8/84/Ub24.JPG"><img class="thumb" src="https://static.igem.org/mediawiki/2014/8/84/Ub24.JPG" alt=""></a></div>
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="https://static.igem.org/mediawiki/2014/a/ad/Ub28.JPG"><img class="thumb" src="https://static.igem.org/mediawiki/2014/a/ad/Ub28.JPG" alt=""></a></div>
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="https://static.igem.org/mediawiki/2014/e/ee/Ubteam-member.JPG"><img class="thumb" src="https://static.igem.org/mediawiki/2014/e/ee/Ubteam-member.JPG" alt=""></a></div>
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="https://static.igem.org/mediawiki/2014/4/4d/UB-Advisor.JPG"><img class="thumb" src="https://static.igem.org/mediawiki/2014/4/4d/UB-Advisor.JPG" alt=""></a></div>
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="https://static.igem.org/mediawiki/2014/0/03/Foto_seminar_biologi_sintetikUB.jpg"><img class="thumb" src="https://static.igem.org/mediawiki/2014/0/03/Foto_seminar_biologi_sintetikUB.jpg" alt=""></a></div>
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="https://static.igem.org/mediawiki/2014/c/c0/UB-labwork4.JPG"><img class="thumb" src="https://static.igem.org/mediawiki/2014/c/c0/UB-labwork4.JPG" alt=""></a></div>
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="https://static.igem.org/mediawiki/2014/e/e0/UB-labwork1.JPG"><img class="thumb" src="https://static.igem.org/mediawiki/2014/e/e0/UB-labwork1.JPG" alt=""></a></div>
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="https://static.igem.org/mediawiki/2014/b/b0/UB-labwork2.JPG"><img class="thumb" src="https://static.igem.org/mediawiki/2014/b/b0/UB-labwork2.JPG" alt=""></a></div>
 +
<div class="col-12 col-sm-6 col-lg-2"><a data-fancybox-group="portfolio" class="fancybox" href="https://static.igem.org/mediawiki/2014/e/e4/UB_Go_Get_GOLD.jpg"><img class="thumb" src="https://static.igem.org/mediawiki/2014/e/e4/UB_Go_Get_GOLD.jpg" alt=""></a></div>
 +
</div><!-- /row -->
 +
</div><!-- /slide3 -->
 +
 +
 +
<!-- === SLide 8 - About Us -->
 +
<div class="slide story" id="slide-8" data-slide="8">
 +
<div class="row title-row">
 +
<div class="col-12 font-semibold">ABOUT US</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"></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 class="open_fancybox" href="https://static.igem.org/mediawiki/2014/f/fc/Karikatur_Pak_Wid.jpg"><p><i class="icon icon-user"></i></p></a>
 +
<script type="text/javascript">
 +
$(".open_fancybox").click(function() {
 +
   
 +
    $.fancybox.open([
 +
        {
 +
            href : 'https://static.igem.org/mediawiki/2014/f/fc/Karikatur_Pak_Wid.jpg',               
 +
            title : 'Widodo, S.Si., M.Si., Ph.D.Med.Sc (SUPERVISOR)',
 +
           
 +
        },
 +
        {
 +
            href : 'https://static.igem.org/mediawiki/2014/2/20/UB-Candra_dewi.jpg',               
 +
            title : 'Candra Dewi, S.Kom, M.Sc (IT ADVISOR)'
 +
        },
 +
        {
 +
            href : 'https://static.igem.org/mediawiki/2014/5/51/UB-Laras.PNG',               
 +
            title : 'Prof.Dr.Ir. Estri Laras Arumningtyas, M.Sc.St (MOLECULAR BIOLOGY ADVISOR)'
 +
        },
 +
        {
 +
            href : 'https://static.igem.org/mediawiki/2014/d/dd/UB-GALUH.JPG',               
 +
            title : 'Galuh Wening(Preventing Team Member)'
 +
           
 +
        },
 +
        {
 +
            href : 'https://static.igem.org/mediawiki/2014/6/6b/UB-FERLANY.jpg',               
 +
            title : 'Ferlany Hardiyanti (Preventing Team Member)'
 +
        },
 +
        {
 +
            href : 'https://static.igem.org/mediawiki/2014/5/5b/UB-AZZA.JPG',               
 +
            title : 'Azza Hanif Harisna (Preventing Team Member)'
 +
        },
 +
        {
 +
            href : 'https://static.igem.org/mediawiki/2014/2/2e/UB-IGA.jpg',               
 +
            title : 'Iga Dwi Januarisasi (Preventing Team Member)'
 +
           
 +
        },
 +
        {
 +
            href : 'https://static.igem.org/mediawiki/2014/3/33/UB-ISNA.jpg',               
 +
            title : 'Isna Arofatun (Preventing Team Member)'
 +
        },
 +
        {
 +
            href : 'https://static.igem.org/mediawiki/2014/a/ac/UB-Ana.jpg',               
 +
            title : 'Roudlutul Jannah (Screening Team Member)'
 +
           
 +
        },
 +
        {
 +
            href : 'https://static.igem.org/mediawiki/2014/4/4b/UB-Agatha_cantik.jpg',               
 +
            title : 'Agatha Mia (Screening Team Member)'
 +
        },
 +
        {
 +
            href : 'https://static.igem.org/mediawiki/2014/3/39/UB-Mak_her.jpg',               
 +
            title : 'Herlinda Mawardika (Screening Team Member)'
 +
        },
 +
        {
 +
            href : 'https://static.igem.org/mediawiki/2014/8/8a/UB-Arfan.PNG',               
 +
            title : 'Arfan Tri Kusuma R F (Screening Team Member)'
 +
           
 +
        },
 +
        {
 +
            href : 'https://static.igem.org/mediawiki/2014/6/67/UB-Mas_wasis.jpg',               
 +
            title : 'Wasis Poernomo (Screening Team Member)'
 +
           
 +
        },
 +
        {
 +
            href : 'https://static.igem.org/mediawiki/2014/4/41/UB-Mas_fahad.jpg',               
 +
            title : 'Fahad Arwani (Screening Team Member)'
 +
        },
 +
        {
 +
            href : 'https://static.igem.org/mediawiki/2014/0/0d/UB-Ami.jpg',               
 +
            title : 'Aisyah Ami Wardhani (Screening Team Member)'
 +
           
 +
        },
 +
        {
 +
            href : 'https://static.igem.org/mediawiki/2014/5/5f/UB-Wisnu_wijaya.PNG',               
 +
            title : 'Wisnu Wijaya (Screening Team Member)'
 +
        },
 +
        {
 +
            href : 'https://static.igem.org/mediawiki/2014/2/24/UB-Firda.PNG',               
 +
            title : 'Firda Agustin (Therapy Team Member)'
 +
           
 +
        },
 +
        {
 +
            href : 'https://static.igem.org/mediawiki/2014/5/5b/UB-Yola.PNG',               
 +
            title : 'Yolanda Antonius (Therapy Team Member)'
 +
        },
 +
        {
 +
            href : 'https://static.igem.org/mediawiki/2014/d/d4/UB-wira.PNG',               
 +
            title : 'Wira Eka Putra (Therapy Team Member)'
 +
        },
 +
        {
 +
            href : 'https://static.igem.org/mediawiki/2014/9/9f/UB-Nira.PNG',               
 +
            title : 'Nira Meirita Wijayanti (Therapy Team Member)'
 +
           
 +
        },
 +
        {
 +
            href : 'https://static.igem.org/mediawiki/2014/7/70/UB-Maul.jpg',               
 +
            title : 'Maulana Malik Nashrullah (Therapy Team Member)'
 +
        }
 +
    ], {
 +
        padding : 0
 +
    });
 +
   
 +
    return true;
 +
   
 +
});
 +
</script>
 +
<h2 class="font-thin"><font color="#fff">Members</font></h2>
 +
                                        <h4 class="font-thin"><font color="#fff"></font></h4>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#testimoni" class="fancybox"><p><i class="icon icon-comment"></i></p></a>
 +
                                        <div id="testimoni" style="display:none;width:700px;">
 +
<h2>What People Says About iGEM UB ?</h2><br>
 +
<ul>
 +
<li><b>GAMANANTA Support UB iGEM Team 2014</b></li><br>
 +
<center><img src="https://static.igem.org/mediawiki/2014/0/0f/UB-GAMANANTA.jpg" width="500" height="200"></center><br>
 +
<p align="justify">
 +
When i was a child, i’m educated by my parents about the importance of healthiness. Because we believe that healthiness is expensive. Therefore, eventhough we can not avoid sickness, prevention action is better than curing. Especially disease that spread by HPV virus on cervical cancer which generally attacks women. Men can also suffered from this disease.<br><br>
 +
Seeing the description of the outline of project brought by the IGEM team Biology FMIPA at UB, I become understand how important their steps. The program brings the C3P (Cervical Cancer Care - Preventing, Screening, Treatment) that are currently in progress of development, IGEM team Biology FMIPA offers a real solution on prevention of cervical cancer at early stages. A solution with a very good prospect. Shows the path of the light that prevention is indeed better.<br><br>
 +
For me personally, with GAMANANTA friends as travelling community that loves to have a trip, fully support that program. I openly invite friends to not underestimate cervical cancer because its deadly impact. We often underestimate influenza that can disturb our trip. It will not very sad if our dream travel to various quarters of destination both domestic and foreign disturbed by the presence of a virus diseases might threaten at any time.<br><br>
 +
I hope, among IGEM team Biology FMIPA UB and their program objectives could have a positive relation. Thus, it feel easier if both components work together. Awareness program objectives are not easily changed, but does not mean impossible. And C3P development program is one solutive step to increase awareness of program objectives . Time to beat the "drums of war" against cervical cancer and together achieve a better future.<br><br></p>
 +
<p align="left">Warm regards,<br>
 +
<b>Rifqy Faiza Rahman<br>
 +
Founder & Commissioner of GAMANANTA</b></p><br><br>
 +
 +
<li><b>YPKAI Support UB iGEM Team 2014</b></li><br>
 +
<center><img src="https://static.igem.org/mediawiki/2014/e/e3/UB-YPKAI.jpg" width="500" height="200"></center><br>
 +
<p align="justify">"Salute to UB team for the attention and care in cervical cancer, especially this cancer increasingly higher numbers of sufferers. Hopefully the research can have a positive effect in reducing the risk and treatment of cancer, as well as support the careness of cancer risk which threaten anyone from amongst any and all ages. Hopefully the results of this work can also inspire young people of Indonesia to continue to work for the nation and each other."</p><br><br>
 +
<p align="left">Warm regards,<br>
 +
<b>Indonesia Child Cancer Care (YPKAI)<br>
 +
Together reaching hope for kid with cancer</b></p>
</ul>
</ul>
-
</div>
+
                                        </div>
-
</div>
+
<h2 class="font-thin"><font color="#fff">People Says</font></h2>
-
</div>
+
                                        <h4 class="font-thin"><font color="#fff"></font></h4>
-
</div>
+
</div><!-- /col12 -->
 +
<div class="col-12 col-lg-4 col-sm-6">
 +
<a href="#sponsor" class="fancybox"><p><i class="icon icon-star"></i></p></a>
 +
                                        <div id="sponsor" style="display:none;width:700px;">
 +
                                        <center><img src="https://static.igem.org/mediawiki/2014/d/d6/UB-Sponsors.jpg" width="500" height="400"></center>
 +
                                        </div>
 +
<h2 class="font-thin"><font color="#fff">Sponsors</font></h2>
 +
                                        <h4 class="font-thin"><font color="#fff"></font></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, <br><br>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="https://www.linkedin.com/in/igemub"><i class="icon icon-linkedin"></i></a></p>
 +
<span class="hover-text font-light ">in/igemub</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 65145</span></a>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-sm-2 with-hover-text">
 +
<p><a target="_blank" href="https://www.facebook.com/igembrawijaya"><i class="icon icon-facebook"></i></a></p>
 +
<span class="hover-text font-light ">facebook/igembrawijaya</span></a>
 +
</div><!-- /col12 -->
 +
<div class="col-12 col-sm-2 with-hover-text">
 +
<p><a target="_blank" href="https://twitter.com/iGEMUB"><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>
</body>
-
</html>
+
 
 +
<!-- SCRIPTS -->
 +
<script src="https://2014.igem.org/Team:UB_Indonesia/js/html5shiv?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2014.igem.org/Team:UB_Indonesia/js/jquery?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2014.igem.org/Team:UB_Indonesia/js/jquery-migrate?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2014.igem.org/Team:UB_Indonesia/js/bootstrap?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2014.igem.org/Team:UB_Indonesia/js/jquery-easing?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:UB_Indonesia/js/fancybox?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2014.igem.org/Team:UB_Indonesia/js/script?action=raw&ctype=text/javascript"></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>

Latest revision as of 01:15, 18 October 2014

iGEM2014 | UB INDONESIA

BRAWIJAYA UNIVERSITY , INDONESIA

This is team wiki to share our iGEM experience



iGEM UB
BRAWIJAYA UNIVERSITY
iGEM2014
PROJECT
 

Background

Overview

Achievement

Preventing

Screening

Therapy

NOTEBOOK
 
 

Timeline

Lab Journal

Protocols

HUMAN PRACTICE
 

Workshop

Education

Society

COLLABORATIONS
 

SYNBIO FOR INDONESIA

PARTS
 

Submitted Parts

ABOUT US
 

Members

People Says

Sponsors

Leave us a message
 
You can find us literally anywhere,

just push a button and we’re there

in/igemub

igemub@gmail.com

Malang, Indonesia
zip code 65145

facebook/igembrawijaya

@igem_ub