Team:ULB-Brussels

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
 +
  <head>
 +
      <title>iGEM 2011 - ULB-Brussels</title>
 +
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 +
  <style>
 +
  body
 +
{
 +
  background-image: url("https://static.igem.org/mediawiki/2011/4/46/Ubfondhd.png");
 +
background-repeat: repeat-x;
 +
  margin: auto; /* Pour centrer notre page */
 +
  background-color: #e6e6e6;
 +
  }
 +
 +
 +
#header
 +
{
 +
background-image: url("https://static.igem.org/mediawiki/2011/2/2c/Ulbhaut.png");
 +
width:992px;
 +
height:181px;
 +
    margin: auto; /* Pour centrer notre page */
 +
}
 +
 +
#main
 +
{
 +
width:992px;
 +
height:430px;
 +
margin: auto;
 +
}
 +
 +
#maintext
 +
{
 +
float: left;
 +
width:697px;
 +
min-height:200px;
 +
}
 +
 +
#hmaint
 +
{
 +
color: #690115;
 +
font-weight: bolder;
 +
float: left;
 +
background-image: url("https://static.igem.org/mediawiki/2011/e/e1/Ulbmaintext.png");
 +
background-repeat:no-repeat;
 +
width:697px;
 +
height: 16px;
 +
}
 +
 +
#maint
 +
{
 +
float: left;
 +
padding: 4px;
 +
background-color: white;
 +
width:685px;
 +
height: 392px;
 +
border: 2px inset #27303e;
 +
}
 +
 +
#facebook{
 +
margin-left: 707px;
 +
height:200px;
 +
}
 +
#joinus{
 +
color: #690115;
 +
font-weight: bolder;
 +
width:274px;
 +
height:16px;
 +
background-image: url("https://static.igem.org/mediawiki/2011/6/6d/Ulbfacebook.png");
 +
}
 +
 +
#module{
 +
background-color: white;
 +
width:270px;
 +
height:400px;
 +
border: 2px inset #27303e;
 +
clear:float;
 +
}
 +
 +
#footer{
 +
width: 992px;
 +
height: 201px;
 +
margin:auto;
 +
}
 +
 +
#sponsor{
 +
width: 440px;
 +
height: 201px;
 +
float: left;
 +
}
 +
 +
#sponsort{
 +
color: #690115;
 +
font-weight: bolder;
 +
width:440px;
 +
height:16px;
 +
background-image: url("https://static.igem.org/mediawiki/2011/1/11/Ulbsponsor.png");
 +
}
 +
 +
#sponsori{
 +
padding: 4px;
 +
color: white;
 +
background-color: #690115;
 +
width:428px;
 +
height:175px;
 +
border: 2px inset #27303e;
 +
}
 +
 +
#photo{
 +
float: left;
 +
width:247px;
 +
height: 201px;
 +
margin-left: 10px;
 +
}
 +
 +
#photot
 +
{
 +
width:247px;
 +
height: 16px;
 +
background-image: url("https://static.igem.org/mediawiki/2011/0/0b/Ulbphoto.png");
 +
}
 +
 +
#photoi
 +
{
 +
width:247px;
 +
height: 187px;
 +
background-color: black;
 +
}
 +
 +
#event{
 +
float: left;
 +
margin-left: 10px;
 +
width: 274px;
 +
height: 201px;
 +
}
 +
 +
#nextevent{
 +
color: #690115;
 +
font-weight: bolder;
 +
width:274px;
 +
height:16px;
 +
background-image: url("https://static.igem.org/mediawiki/2011/a/a8/Ulbnextevent.png");
 +
}
 +
 +
#eventi{
 +
padding: 4px;
 +
color: white
 +
width:266px;
 +
height: 175px;
 +
border: 2px inset #27303e;
 +
background-color: #690115;
 +
}
 +
 +
#bas{
 +
margin-top: 4px;
 +
background-image: url("https://static.igem.org/mediawiki/2011/3/34/Ulbbas.png");
 +
background-repeat: repeat-x;
 +
height: 30px;
 +
  margin: auto;
 +
}
 +
 +
#basi{
 +
padding-top: 5px;
 +
color: white;
 +
text-align: center;
 +
font-size: 15px;
 +
}
 +
 +
#basi a{
 +
color: white;
 +
}
 +
 +
 +
/*code justine */
 +
 +
#menu a /* pour changer les laids liens bleu soulignÈs*/
 +
{
 +
position:relative;
 +
color: white;
 +
text-decoration: none;
 +
text-align: center;
 +
}
 +
 +
#menu
 +
{
 +
position:relative;
 +
top:126px;
 +
}
 +
 +
#menu1 /* mise en forme menu1, plein de choses ‡ virer sur la version dÈfinitive*/
 +
{
 +
width:800px; /* version dÈfinitive:virer ca*/
 +
height: 25px; /* version dÈfinitive:virer ca*/
 +
font-size: 20px;
 +
text-align:center;
 +
}
 +
 +
#home
 +
{
 +
float:left;
 +
position: absolute;
 +
width: 50px;
 +
height: 25px;
 +
text-align:center;
 +
 +
}
 +
 +
#project
 +
{
 +
float:left;
 +
position: relative;
 +
left: 70px;
 +
width: 70px;
 +
height: 25px;
 +
text-align:center;
 +
 +
}
 +
 +
#modeling
 +
{
 +
float:left;
 +
text-align:center;
 +
position: relative;
 +
width: 90px;
 +
height: 25px;
 +
left:80px;
 +
}
 +
 +
#results
 +
{
 +
float:left;
 +
position: relative;
 +
width: 70px;
 +
height: 25px;
 +
left:90px;
 +
text-align:center;
 +
}
 +
 +
#parts
 +
{
 +
float:left;
 +
position: relative;
 +
width: 55px;
 +
height: 25px;
 +
left:100px;
 +
text-align:center;
 +
}
 +
 +
#human
 +
{
 +
float:left;
 +
position: relative;
 +
width: 130px;
 +
height: 25px;
 +
left:110px;
 +
text-align:center;
 +
}
 +
 +
#team
 +
{
 +
float:left;
 +
position: relative;
 +
width: 85px;
 +
height: 25px;
 +
left:110px;
 +
text-align:center;
 +
margin : auto;
 +
}
 +
 +
#team  td
 +
{
 +
text-align:center;
 +
}
 +
 +
#sponsors
 +
{
 +
float:left;
 +
position: relative;
 +
width: 90px;
 +
height: 25px;
 +
left:110px;
 +
text-align:center;
 +
}
 +
 +
.select
 +
{
 +
height:25px; /* si tu modifies hauteur du menu1, il faut modifier ca aussi. Il ne s'adapte pas automatiquement, parce qu'il fait en fonctiond  ela taille du texte */
 +
background-color:rgb(115,1,21);
 +
}
 +
 +
#menu2
 +
{
 +
width:1020px;
 +
height:18px;
 +
font-size: 12px;
 +
padding-top: 1px;
 +
}
 +
 +
#menu2project /* juste pour dÈcaler l'Ècriture des sous-menus. plus facile que de repositionner chaque sous-menu, surtout quand c'ets les mÍmes pour modeling et results*/
 +
{
 +
position:relative;
 +
left: 61px;
 +
width:807px; /* version dÈfinitive:virer ca*/
 +
height:18px; /* version dÈfinitive:virer ca*/
 +
}
 +
 +
 +
#menu2results /* juste pour dÈcaler l'Ècriture des sous-menus. plus facile que de repositionner chaque sous-menu, surtout quand c'ets les mÍmes pour modeling et results*/
 +
{
 +
position:relative;
 +
left: 220px;
 +
width:807px; /* version dÈfinitive:virer ca*/
 +
height:18px; /* version dÈfinitive:virer ca*/
 +
}
 +
 +
#menu2modeling
 +
{
 +
position:relative;
 +
left:132px;
 +
width:888px;  /* version dÈfinitive:virer ca*/
 +
height:18px;  /* version dÈfinitive:virer ca*/
 +
}
 +
 +
#souspindel /* mise en forme du sous-menu "pindel", aussi bien pour modeling que result*/
 +
{
 +
position:absolute;
 +
left:50px;
 +
height:18px;
 +
text-align:center;
 +
width:50px;
 +
}
 +
 +
#soushelper /* mise en forme du sous-menu "plasmide helper", aussi bien pour modeling que result*/
 +
{
 +
position:absolute;
 +
left:111px;
 +
height:18px;
 +
text-align:center;
 +
width:80px;
 +
top:0px;
 +
}
 +
 +
#sousproof /* mise en forme du sous-menu "proof of concept", aussi bien pour modeling que result*/
 +
{
 +
position:absolute;
 +
left:193px;
 +
height:18px;
 +
text-align:center;
 +
width:120px;
 +
top:0px;
 +
}  
 +
  </style>
 +
 
 +
 
 +
 
 +
 
 +
  </head>
 +
 
 +
 
 +
 +
  <body>
 +
<div id="header"> <!-- Images de logo -->
 +
<div id="menu">
 +
<div id="menu1">
 +
<div id="home">
 +
<a href="home.php"> Home </a>
 +
</div>
 +
<div id="project">
 +
    <div id="selection1">
 +
<a id="click1" href="#" onclick="return false;">Project</a>
 +
<script>
 +
var el= document.getElementById('click1');
 +
el.onclick = function(){
 +
document.getElementById('selection2').className='';
 +
document.getElementById('selection3').className='';
 +
document.getElementById('selection1').className='select';
 +
document.getElementById('menu2').innerHTML=
 +
'<div id="menu2project"><div id="souspindel"><a href="modelingpindel.html"> Pindel </a></div><div id="soushelper"><a href="modelinghelper.html"> Plasmid helpers </a></div><div id="sousproof"><a href="modelingproof.html"> Proof of concept </a></div></div>'
 +
;
 +
};
 +
</script>
 +
</div> </div>
 +
<div id="modeling">
 +
    <div id="selection2">
 +
<a id="click2" href="#" onclick="return false;">Modeling</a>
 +
<script>
 +
var el= document.getElementById('click2');
 +
el.onclick = function(){
 +
document.getElementById('selection3').className='';
 +
document.getElementById('selection1').className='';
 +
document.getElementById('selection2').className='select';
 +
document.getElementById('menu2').innerHTML=
 +
'<div id="menu2modeling"><div id="souspindel"><a href="modelingpindel.html"> Pindel </a></div><div id="soushelper"><a href="modelinghelper.html"> Plasmid helpers </a></div><div id="sousproof"><a href="modelingproof.html"> Proof of concept </a></div></div>'
 +
;
 +
};
 +
</script>
 +
</div> </div>
 +
<div id="results">
 +
    <div id="selection3">
 +
<a id="click3" href="#" onclick="return false;">Results</a>
 +
<script>
 +
var el= document.getElementById('click3');
 +
el.onclick = function(){
 +
document.getElementById('selection3').className='select';
 +
document.getElementById('selection1').className='';
 +
document.getElementById('selection2').className='';
 +
document.getElementById('menu2').innerHTML=
 +
'<div id="menu2results"><div id="souspindel"><a href="resultspindel.html"> Pindel </a></div><div id="soushelper"><a href="resultshelper.html"> Plasmid helpers </a></div><div id="sousproof"><a href="resultsproof.html"> Proof of concept </a></div></div>'
 +
;
 +
}
 +
;
 +
</script>
 +
</div> </div>
 +
 +
<div id="parts">
 +
<a href="parts.php"> Parts </a>
 +
</div>
 +
<div id="human">
 +
<a href="human.php"> Human practice </a>
 +
</div>
 +
<div id="team">
 +
<a href="team.php"> Team </a>
 +
</div>
 +
<div id="sponsors">
 +
<a href="sponsors.php"> Sponsors </a>
 +
</div>
 +
</div>
 +
 +
<div id="menu2">
 +
 +
</div>
 +
           
 +
        </div>
 +
</div>
 +
 
 +
<div id="main">
 +
<div id="maintext">
 +
<div id="hmaint">
 +
One-step gene insertion or deletion
 +
</div>
 +
<div id="maint">
 +
le text principale ici
 +
</div>
 +
</div>
 +
<div id="facebook">
 +
<div id="joinus">
 +
Join us on facebook
 +
</div>
 +
<div id="module">
 +
le module facebook ici
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div id="footer">
 +
<div id="sponsor">
 +
<div id="sponsort">
 +
Sponsors
 +
</div>
 +
<div id="sponsori">
 +
Thanks for the support our sponsors have given us. Without them the project would not of happened.</div>
 +
</div>
 +
<div id="photo">
 +
<div id="photot">
 +
</div>
 +
<div id="photoi">
 +
</div>
 +
</div>
 +
<div id="event">
 +
<div id="nextevent">
 +
Next events
 +
</div>
 +
<div id="eventi">
 +
ici les prochains events
 +
</div>
 +
</div>
 +
</div>
 +
<div id="bas">
 +
<div id="basi">
 +
iGEM ULB Brussles Team - <a href="mailto:sgerard@ulb.ac.be">Contact us</a>
 +
</div>
 +
</div>
 +
  </body>
 +
</html>
 +
 +
 +
 +
{|align="justify"
{|align="justify"
|
|

Revision as of 08:53, 26 August 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> iGEM 2011 - ULB-Brussels

One-step gene insertion or deletion
le text principale ici
Join us on facebook
le module facebook ici
iGEM ULB Brussles Team - Contact us



Our team goal is to implement a new tool that will allow future team to easily delete or insert genes in Coli genome. Plasmids have known limitations and for the manipulation of metabolic pathway, genome deletion/insertion are more appropriate.|
File:ULB-Brussels team.png
Your team picture


test

Team Example


Home Team Official Team Profile Project Parts Submitted to the Registry Modeling Notebook Safety Attributions
Retrieved from "http://2011.igem.org/Team:ULB-Brussels"