Team:ULB-Brussels/Team

From 2014.igem.org

(Difference between revisions)
(Undo revision 30246 by Quinthos (talk))
m
 
(126 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Http://2014.igem.org/Team:ULB-Brussels/Template}}
 +
<html>
<html>
-
<!doctype html>
 
-
<head>
 
-
<!--init and scripts -->
 
-
<style type="text/css">
 
-
     
 
-
        <script type="text/javascript">
 
-
            // Fonction destinée à remplacer le "LI:hover" pour IE 6
 
-
            sfHover = function() {
 
-
                var sfEls = document.getElementById("monmenu").getElementsByTagName("li");
 
-
                for (var i=0; i<sfEls.length; i++) {
 
-
                    sfEls[i].onmouseover = function() {
 
-
                        this.className = this.className.replace(new RegExp(" sfhover"), "");
 
-
                        this.className += " sfhover";
 
-
                    }
 
-
                    sfEls[i].onmouseout = function() {
 
-
                        this.className = this.className.replace(new RegExp(" sfhover"), "");
 
-
                    }
 
-
                }
 
-
            }
 
-
            if (window.attachEvent) window.attachEvent("onload", sfHover);
 
-
        </script>
 
-
        <style type="text/css">
 
-
            #monmenu li {width: 144px;}
 
-
        </style>
 
-
    <![endif]-->
 
-
    <meta name="keywords"
 
-
content="CSS, cascading style sheets, mise en page, design, site, web, techniques, sites, webmaster, page">
 
-
    <meta name="description"
 
-
content="Voici un exemple de code de menu hiérarchique déroulant réalisé à l'aide de CSS.">
 
-
    <title>Exemple de menu hiérarchique en CSS</title>
 
-
    <script type="text/javascript" src="https://static.igem.org/mediawiki/2014/7/7f/Slider.jpg"></script>
 
-
        <script>
 
-
        jssor_slider1_starter = function (containerId) {
 
-
            var options = {
 
-
                $DragOrientation: 3,
 
-
                $ArrowNavigatorOptions: {
 
-
                    $Class: $JssorArrowNavigator$,
 
-
                    $ChanceToShow: 2,
 
-
                    $AutoCenter: 0,
 
-
                    $Steps: 1
 
-
                }
 
-
            };
 
-
 
-
            var jssor_slider1 = new $JssorSlider$(containerId, options);
 
-
        };
 
-
    </script>
 
-
<style type="text/css">
 
-
 
-
#menu-demo2, #menu-demo2 ul{
 
-
width=100%;
 
-
padding:0px;
 
-
margin:3px;
 
-
list-style:none;
 
-
text-align:center;
 
-
}
 
-
#menu-demo2 li{
 
-
display:inline-block;
 
-
position:relative
 
-
border-radius:0;
 
-
}
 
-
#menu-demo2 ul li{
 
-
display:inherit;
 
-
border-radius:0;
 
-
}
 
-
#menu-demo2 ul li:hover{
 
-
border-radius:0;
 
-
}
 
-
#menu-demo2 ul li:last-child{
 
-
border-radius:0 0 0px 0px;
 
-
}
 
-
#menu-demo2 ul{
 
-
position:absolute;
 
-
max-height:0px;
 
-
width:100%;
 
-
overflow:hidden;
 
-
-moz-transition: .8s all .3s;
 
-
-webkit-transition: .8s all .3s;
 
-
transition: .8s all .3s;
 
-
}
 
-
#menu-demo2 li:hover ul{
 
-
max-height:150px;
 
-
}
 
-
/* background des liens menus */
 
-
#menu-demo2 li:first-child{margin: 20px 0px 1px 0px;
 
-
background-color: #8b8b8b;
 
-
background-image:#8b8b8b;
 
-
}
 
-
#menu-demo2 li:nth-child(2){
 
-
background-color: #8b8b8b;
 
-
background-image:#8b8b8b;
 
-
}
 
-
#menu-demo2 li:nth-child(3){
 
-
background-color: #8b8b8b;
 
-
background-color: #8b8b8b;
 
-
background-image:#8b8b8b;
 
-
}
 
-
#menu-demo2 li:last-child{
 
-
background-color: #8b8b8b;
 
-
background-color: #8b8b8b;
 
-
background-image:#8b8b8b;
 
-
}
 
-
/* background des liens sous menus */
 
-
#menu-demo2 li:first-child li{
 
-
background:#B0C4DE;
 
-
}
 
-
#menu-demo2 li:nth-child(2) li{
 
-
background:#B0C4DE;
 
-
}
 
-
#menu-demo2 li:nth-child(3) li{
 
-
background:#B0C4DE;
 
-
}
 
-
#menu-demo2 li:last-child li{
 
-
background:#B0C4DE;
 
-
}
 
-
/* background des liens menus et sous menus au survol */
 
-
#menu-demo2 li:first-child:hover, #menu-demo2 li:first-child li:hover{
 
-
background:#B0C4DE;
 
-
}
 
-
 
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo,.printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
 
-
 
-
.arrondie {
 
-
-moz-border-radius:15px 15px 15px 15px;
 
-
-webkit-border-radius:15px 15px 15px 15px;
 
-
border-radius:15px 15px 15px 15px;
 
-
}
 
-
 
-
.firstHeading {
 
-
width: 0px;
 
-
        font-size: 0px;
 
-
margin: 0px auto;
 
-
padding-top: 0px;
 
-
margin-bottom: 0px;
 
-
font-family: Georgia, Times, "Times New Roman", serif;
 
-
}
 
-
 
-
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
 
-
 
-
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 
-
background-color: #383838;
 
-
border: 0 none;
 
-
height: 14px;
 
-
z-index: 100;
 
-
top: 0;
 
-
position: fixed;
 
-
width: 975px;
 
-
left: 50%;
 
-
margin-left: -487px;
 
-
}
 
-
 
-
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
 
-
background-color: #383838;
 
-
height: 14px;
 
-
display: block;
 
-
z-index: 10;
 
-
position: fixed;
 
-
width: 100%;
 
-
top: 0;
 
-
}
 
-
 
-
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
 
-
color: #727272;
 
-
text-decoration: none;
 
-
background-color: transparent;
 
-
}
 
-
 
-
body {
 
-
background-color: #fff;
 
-
}
 
-
 
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
 
-
width: 100%;
 
-
height: 100%;
 
-
border: 0px;
 
-
background-color: transparent;
 
-
margin: 0px;
 
-
padding: 0px;
 
-
}
 
-
 
-
html, body, .wrapper { /*-- changes default wiki settings --*/
 
-
width: 100%;
 
-
height: 100%;
 
-
background-color: transparent;
 
-
}
 
-
 
-
#contentcontainer { /*-- creates container for all content on page --*/
 
-
font-family: Arial, Helvetica, sans-serif;
 
-
font-weight: normal;
 
-
font-size: 14px;
 
-
color: #414141;
 
-
width: 960px;
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
background-color: #transparent;
 
-
margin-top: 0px;
 
-
}
 
-
 
-
.sidemenu, .sidemenu li {
 
-
list-style-type: none;
 
-
list-style-image: none;
 
-
font-family: verdana;
 
-
text-decoration: none;
 
-
color:#000;
 
-
font-size: 14px;
 
-
}
 
-
 
-
.sidemenu li {display: block;}
 
-
 
-
.sidemenu a {
 
-
text-decoration:none;
 
-
color: #000;
 
-
display: block;
 
-
width: 180px;
 
-
height: 100%;
 
-
padding: 3px 5px;
 
-
transition: .25s ease-in-out;
 
-
-moz-transition: .25s ease-in-out;
 
-
-webkit-transition: .25s ease-in-out;
 
-
}
 
-
 
-
.sidemenu a.greyout { color: #909090; }
 
-
 
-
.sidemenu a:hover {
 
-
color:#666;
 
-
background-color: #d9f5aa;
 
-
}
 
-
 
-
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
 
-
.sub-sidemenu a {color: #666;}
 
-
 
-
div.underconst
 
-
{
 
-
padding:10px;
 
-
border-radius:5px;
 
-
background-color:pink;
 
-
text-align:center;
 
-
}
 
-
 
-
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
 
-
 
-
.contentpara {margin-bottom: 30px;}
 
-
 
-
span.email{font-family: monospace; font-weight: normal;}
 
-
 
-
fieldset {border: 1px solid #337f53;}
 
-
 
-
.greyout {color: #A0A0A0;}
 
-
.highlightme {background-color: #FFFF00;}
 
-
 
-
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}
 
-
#annContainer {margin-left: 8px;}
 
-
#newsContainer {border: 1px solid #ccc;}
 
-
 
-
.newsTitle {
 
-
display: block;
 
-
color: #414141;
 
-
font-size: 25px; 
 
-
        font-family: Georgia, Times, "Times New Roman", serif;
 
-
padding: 10px 15px 5px 10px;
 
-
border-bottom: 1px solid #ccc;
 
-
margin-bottom: 0px;
 
-
}
 
-
 
-
.newsItem {
 
-
border-bottom: 1px solid #ccc;
 
-
display: block;
 
-
padding: 5px 15px 0px 10px;
 
-
margin-bottom: 0px;
 
-
}
 
-
 
-
.newsItem h3 {
 
-
width: auto;
 
-
display: inline;
 
-
font-size: 14px;
 
-
font-family: Arial, Helvetica, sans-serif;
 
-
padding: 0px;
 
-
margin: 0px;
 
-
}
 
-
 
-
.newsItem img {
 
-
float: right;
 
-
clear: right;
 
-
width: 80px;
 
-
padding-left: 15px;
 
-
display: inline-block;
 
-
}
 
-
 
-
.newsItem .newsDate {
 
-
font-style: italic;
 
-
font-size: 14px;
 
-
display: inline-block;
 
-
color: #999;
 
-
float: right;
 
-
padding: 0px 0px 10px 15px;
 
-
}
 
-
 
-
.newsItem p, .newsItem ul, .newsItem li {
 
-
padding: 0px;
 
-
margin-left: 20px;
 
-
font-size: 12px;
 
-
line-height: 1.2;
 
-
}
 
-
 
-
.newsItem p {margin-top: 10px;}
 
-
 
-
.annItem {
 
-
border: 2px solid #49b677;
 
-
display: block;
 
-
padding: 0px 15px 10px 10px;
 
-
margin-bottom: 18px;
 
-
position: relative;
 
-
height: 160px;
 
-
vertical-align: middle;
 
-
}
 
-
 
-
.annItem .annCentered {
 
-
display: table-cell;
 
-
vertical-align: middle;
 
-
height: 160px;
 
-
}
 
-
 
-
.annCentered h3 {
 
-
padding: 0px;
 
-
display: block;
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
text-align: center;
 
-
}
 
-
 
-
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
 
-
.annItem li {list-style: none; margin: 5px}
 
-
 
-
 
-
div#piedpage {
 
-
position: absolute;
 
-
bottom: 0; left: 0;
 
-
width: 99.48%;
 
-
/* pour que le bloc prenne toute la largeur du bloc de référence
 
-
  Note : le bloc de référence est le plus proche ancêtre positionné
 
-
  en relatif ou en absolu */
 
-
height: 3em;
 
-
                margin-left: 3px;
 
-
                margin-right: auto;
 
-
}
 
-
 
-
 
-
</style>
 
-
</style>
 
-
 
-
</head>
 
-
<body>
 
<!--main content -->
<!--main content -->
-
<div id="mainblock" style="position: relative; width: 1024px; margin-left: auto; margin-right: auto">
 
-
 
 
-
<tr><th><table width="90%"  align="center" style="border:1px solid black;" >
 
-
<!-- Jssor Slider Begin -->
 
-
    <!-- You can move inline styles to css file or css block. -->
 
-
    <div id="slider1_container" style="position: relative; width: 1024px;
 
-
        height: 300px; overflow: hidden; margin-left: auto; margin-right: auto">
 
-
 
-
        <!-- Slides Container -->
 
-
        <div u="slides" style="cursor: move; position: absolute; left: 0px; width: 1024px; height: 300px;
 
-
            overflow: hidden;">
 
-
            <div><img u="image" src="https://static.igem.org/mediawiki/2014/1/10/Panoramix3.png"/></div>
 
-
            <div><img u="image" src="https://static.igem.org/mediawiki/2014/8/82/ULB2014PLACEHOLDER2.png" /></div>
 
-
        </div>
 
-
        <!-- Arrow Navigator Skin Begin -->
 
-
        <style>
 
-
            /* jssor slider arrow navigator skin 03 css */
 
-
            /*
 
-
            .jssora03l              (normal)
 
-
            .jssora03r              (normal)
 
-
            .jssora03l:hover        (normal mouseover)
 
-
            .jssora03r:hover        (normal mouseover)
 
-
            .jssora03ldn            (mousedown)
 
-
            .jssora03rdn            (mousedown)
 
-
            */
 
-
            .jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn
 
-
            {
 
-
            position: absolute;
 
-
            cursor: pointer;
 
-
            display: block;
 
-
                background: url(https://static.igem.org/mediawiki/2014/d/d3/ULB2014ARROWS.png) no-repeat;
 
-
                overflow:hidden;
 
-
            }
 
-
            .jssora03l { background-position: -3px -33px; }
 
-
            .jssora03r { background-position: -63px -33px; }
 
-
            .jssora03l:hover { background-position: -123px -33px; }
 
-
            .jssora03r:hover { background-position: -183px -33px; }
 
-
            .jssora03ldn { background-position: -243px -33px; }
 
-
            .jssora03rdn { background-position: -303px -33px; }
 
-
        </style>
 
-
        <!-- Arrow Left -->
 
-
        <span u="arrowleft" class="jssora03l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
 
-
        </span>
 
-
        <!-- Arrow Right -->
 
-
        <span u="arrowright" class="jssora03r" style="width: 55px; height: 55px; top: 123px; right: 8px">
 
-
        </span>
 
-
        <!-- Arrow Navigator Skin End -->
 
-
        <a style="display: none" href="http://www.jssor.com">carousel slider</a>
 
-
        <!-- Trigger -->
 
-
        <script>
 
-
            jssor_slider1_starter('slider1_container');
 
-
        </script>
 
-
    </div>
 
-
    <!-- Jssor Slider End -->
 
-
<!--navigation menu -->
 
-
<table align="center" width="100%">
+
<!-- /**  Design for https://2014.igem.org/Team:ULB-Brussels
-
  <td align="center" colspan="3">
+
    Université Libre de Bruxelles **/                -->
-
<table  cellspacing="0"width="100%">
+
<!--requirements section -->
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">  
+
-
 
+
<table style="background-color:#CCD6EA; box-shadow: 1px 1px 10px #555; " width="50%"  align="center">
-
<td style= "border-radius: 15px 0px 0px 15px; behavior: url(border-radius.htc);
+
<tr style="background-color:#CCD6EA; "><td colspan="3">  
-
    background :#8b8b8b
+
<p class="title"><font color="#002B9B">
-
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
$Instructors$ <font color="#CCD6EA">,</font>$\&$ $Advisors$
-
    background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
</font></p>
-
    background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
</td></tr>
-
    border-top: 2px solid #939393;
+
-
    position: relative;
+
-
    margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b >  
+
-
<a href="https://2014.igem.org/Team:ULB-Brussels"style="color:#000000">Home </a> </td>
+
-
 
+
-
 
+
-
 
+
-
<td style= "
+
-
    background :#8b8b8b
+
-
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
-
    background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
-
    background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
-
    border-top: 2px solid #939393;
+
-
    position: relative;
+
-
    margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b >
+
-
 
+
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Team"style="color:#000000"> Team </a> </td>
+
-
 
+
-
 
+
-
<td style= "
+
-
    background :#8b8b8b
+
-
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
-
    background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
-
    background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
-
    border-top: 2px solid #939393;
+
-
    position: relative;
+
-
    margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b>
+
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Sponsors"style="color:#000000">Sponsors </a> </td>
+
-
 
+
-
<td colspan="3" style="
+
-
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
-
    background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
-
    background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
-
    border-top: 2px solid #939393;
+
-
    position: relative;
+
-
    margin-bottom: 30px;" align="center" height ="45px" bgColor=#8b8b8b>
+
-
 
+
-
<a href="https://2014.igem.org/Team:ULB-Brussels/Project"style="color:#000000"> <div id="monmenu">
+
-
        <ul height="100%" id="menu-demo2">
+
-
<li  style="background-color:#8b8b8b;
+
-
    background : -moz-linear-gradient(top, rgb(152,152,152), rgb(141,141,141));" ><a href="#" style="color:#000000">Project <img src="https://static.igem.org/mediawiki/2014/4/47/Bouton.PNG" ></a>
+
-
<ul >
+
-
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Project"style="color:#000000">Introduction</a></li>
+
-
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Modeling"style="color:#000000">Modeling</a></li>
+
-
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Parts"style="color:#000000">Parts</a></li>
+
-
<li><a href="https://2014.igem.org/Team:ULB-Brussels/Safety"style="color:#000000">Safety</a></li>
+
-
</ul></td>
+
-
 
+
-
<td style= "
+
-
    background :#8b8b8b
+
-
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
-
    background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
-
    background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
-
    border-top: 2px solid #939393;
+
-
    position: relative;
+
-
    margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b> 
+
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=ULB-Brussels"style="color:#000000"> Official Team Profile </a></td>
+
-
           
+
-
<td style= "
+
-
    background :#8b8b8b
+
-
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
-
    background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
-
    background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
-
    border-top: 2px solid #939393;
+
-
    position: relative;
+
-
    margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b> 
+
-
<a href="https://2014.igem.org/Equipe:_ULB_Bruxelles/Accueil"> Français </a></td>
+
-
 
+
-
 
+
-
<td style= "
+
-
    background :#8b8b8b
+
-
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
-
    background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
-
    background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
-
    border-top: 2px solid #939393;
+
-
    position: relative;
+
-
    margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b ><a href="#">Dutch </a></td>
+
-
 
+
-
 
+
-
<td style= "border-radius: 0px 15px 15px 0px; behavior: url(border-radius.htc);
+
-
    background :#8b8b8b
+
-
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a')
+
-
    background : -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));
+
-
    background : -moz-linear-gradient(top, #a9a9a9, #7a7a7a);
+
-
    border-top: 2px solid #939393;
+
-
    position: relative;
+
-
    margin-bottom: 30px;" align="center" height ="45px" onMouseOver="this.bgColor='#B0C4DE'" onMouseOut="this.bgColor='#8b8b8b'" bgColor=#8b8b8b >  <a  href="https://2014.igem.org/Main_Page"> <img  src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" class="arrondie" width="55px"></a> </td>
+
-
</tr>
+
</table>
</table>
-
 
+
</br>
-
<table style="background-color:#ebebeb; border-radius: 15px 15px 15px 15px; behavior: url(border-radius.htc); " align="center" width="100%">  
+
<table style="background-color:#ebebeb;" width="50%"  align="center">
-
<tr><th><table style="background-color:#ebebeb;" width="90%"  align="center">
+
-
<td align="center" colspan="3">
+
-
</tr>
+
-
</tr>
+
-
</td>
+
-
 
+
-
<div>
+
-
</body>
+
-
 
+
-
 
+
-
<html>
+
-
 
+
-
<!--main content -->
+
-
 
+
-
<!--requirements section -->
+
-
<tr style="background-color:rgb(245,245,245);"><td colspan="3"> <h1 style="box-shadow: 1px 1px 12px #555;"> Instructor & Advisors </h1></td></tr>
+
<tr style="background-color:rgb(245,245,245);">
<tr style="background-color:rgb(245,245,245);">
-
<td></td>
+
<td><strong>Laurence Van Melderen</strong> <br/> <img src="https://static.igem.org/mediawiki/2014/8/85/ULB_Team_Laurence-1.png"><br/><em>Instructor</em><br/>Professor
-
<td><strong>Laurence Van Melderen</strong> <br/> <img src="https://static.igem.org/mediawiki/2014/c/c3/Laurence_Van_Melderen.jpg"><br/><em>Instructor</em><br/>Head of the lab of Bacterial Genetics and Physiology at IBMM
+
</td>
</td>
-
<td></td>
+
<td><strong>Gilles Vanwalleghem</strong><br/><img src="https://static.igem.org/mediawiki/2014/c/c7/ULB_Team_Gilles-2.png"><br/><em>Instructor<em/><br/>Postdoctoral researcher
</tr>
</tr>
<tr style="background-color:rgb(245,245,245);">
<tr style="background-color:rgb(245,245,245);">
 +
<td><strong>Baptiste Dumont</strong> <br/><img src="https://static.igem.org/mediawiki/2014/6/65/ULB_Team_Baptiste-2.png"><br/><em>Supervisor<em/><br/>PhD Student
 +
<td><strong>Thibaut Hallaert</strong><br/><img src="https://static.igem.org/mediawiki/2014/0/0a/ULB_Team_Thiibaut-2.png"><br/><em>Supervisor<em/><br/>PhD Student
 +
</table>
 +
<br/>
-
<td><strong>Thibaut Hallaert</strong><br/><img src="https://static.igem.org/mediawiki/2014/b/b9/Thibaut_Hallaert.jpg"><br/><em>Supervisor<em/><br/>PhD Student
 
-
<td><strong>Baptiste Dumont</strong> <br/><img src="https://static.igem.org/mediawiki/2014/b/b7/Baptiste_Dumont.jpg"><br/><em>Supervisor<em/><br/>PhD Student
 
-
<td><strong>Gilles Vanwalleghem</strong><br/><img src="https://static.igem.org/mediawiki/2014/f/fc/Gilles_Vanwalleghem.jpg"><br/><em>Supervisor<em/><br/>Postdoctoral researcher
 
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
<table style="background-color:#CCD6EA; box-shadow: 1px 1px 10px #555; " width="90%"  align="center">
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
<tr style="background-color:#CCD6EA; "><td colspan="3">
 +
<p class="title"><font color="#002B9B">
 +
<font color="#CCD6EA">'Wiki Project done'</font> $BioStudents$ $Staff$ <font color="#CCD6EA">'Wiki Project done'</font>
 +
</font></p>
 +
</td></tr>
 +
</table>
 +
<br/>
 +
<table style="background-color:#ebebeb;" width="90%"  align="center">
 +
<tr style="background-color:rgb(245,245,245);"><td><strong>
 +
Robin Grolaux </strong><br/><img src="https://static.igem.org/mediawiki/2014/d/d7/ULB_Team_Robin-2.png"><br>Biologist (BA2)</td><td><strong>
 +
Hélène Spiridon</strong><br/><img src="https://static.igem.org/mediawiki/2014/7/79/ULB_Team_Helene-2.png"><br>Biologist (BA3)</td><td><strong>
 +
Alice Augenlicht </strong><br/><img src="https://static.igem.org/mediawiki/2014/7/71/ULB_Team_Alice-2.png"><br>Biologist (MA1)</td><td><strong>
 +
François Seys</strong><br/><img src="https://static.igem.org/mediawiki/2014/6/65/ULB_Team_Francois-2.png"><br>Bioengineer (BA3)</td><td><strong>
 +
Cesar Ngabo</strong><br/><img src="https://static.igem.org/mediawiki/2014/f/f9/ULB_Team_Cesar-2.png"><br>Bioengineer (BA3)</td></td><tr>
 +
<tr style="background-color:rgb(245,245,245);"><td><strong>
 +
Nicolas Desmet</strong><br/><img src="https://static.igem.org/mediawiki/2014/a/a1/ULB_Team_Nicolas-2.png"><br>Biologist (MA1)</td><td><strong>
 +
Nathan Fraikin</strong><br/><img src="https://static.igem.org/mediawiki/2014/e/e8/ULB_Team_Nathan-2.png"><br>Biologist (MA1)</td><td><strong>
 +
Augustin Kameni</strong><br/><img src="https://static.igem.org/mediawiki/2014/9/97/ULB_Team_Augustin-2.png"><br>Biologist (MA1)</td><td><strong>
 +
Michaël Escada</strong><br/><img src="https://static.igem.org/mediawiki/2014/d/d7/ULB_Team_Michael-2.png"><br>Bioengineer (MA1)</td><td><strong>
 +
Quentin Rivière</strong><br/><img src="https://static.igem.org/mediawiki/2014/9/92/ULB_Team_Quentin-2.png"><br>Bioengineer (MA1)</td></td><tr>
 +
</td>
 +
</tr></table>
 +
<br/>
-
<!--tips  -->
+
<table style="background-color:#CCD6EA; box-shadow: 1px 1px 10px #555; " width="37%" align="center">
-
<tr style="background-color:rgb(245,245,245);"><td colspan="3"> <h1 style="box-shadow: 1px 1px 12px #555;"> BioStudents Staff</h1></td></tr>
+
<tr style="background-color:#CCD6EA; "><td colspan="3">  
-
 
+
<p class="title"><font color="#002B9B">
-
<tr style="background-color:rgb(245,245,245);">
+
$DigitalStudents$ $Staff$
-
<td colspan="3">
+
</font></p>
-
<table>
+
</td></tr>
-
<tr style="background-color:rgb(245,245,245);"><td><strong>Robin Grolaux </strong><br/><img src="https://static.igem.org/mediawiki/2014/2/2f/Robin.jpg"><br>Biologist (BA2)</td><td><strong>Hélène Spiridon</strong><br/><img src="https://static.igem.org/mediawiki/2014/1/1f/H%C3%A9l%C3%A8ne_Spiridon.jpg"><br>Biologist (BA3)</td><td><strong>François Seys</strong><br/><img src="https://static.igem.org/mediawiki/2014/8/8d/Fran%C3%A7ois.jpg"><br>Bioengineer (BA3)</td><td><strong>Alice Augenlicht </strong><br/><img src="https://static.igem.org/mediawiki/2014/3/36/Alikki.jpg"><br>Biologist (MA1)</td><td><strong>Michaël Escada</strong><br/><img src="https://static.igem.org/mediawiki/2014/1/1e/Michael_Escala.jpg"><br>Bioengineer(MA1)</td></tr>
+
</table>
-
<tr style="background-color:rgb(245,245,245);"><td><strong>Nicolas Desmet</strong><br/><img src="https://static.igem.org/mediawiki/2014/9/90/Nicolas.jpg"><br>Biologist (MA1)</td><td><strong>Quentin Rivière</strong><br/><img src="https://static.igem.org/mediawiki/2014/b/b2/Quentin.jpg"><br>Bioengineer (MA1)</td><td><strong>Nathan Fraikin</strong><br/><img src="https://static.igem.org/mediawiki/2014/e/eb/Nathan.jpg"><br>Biologist (MA1)</td><td><strong>Cesar Ngabo</strong><br/><img src="https://static.igem.org/mediawiki/2014/4/47/C%C3%A9sar.jpg"><br>Bioengineer(MA1)</td><td><strong>Augustin Kameni</strong><br/><img src="https://static.igem.org/mediawiki/2014/1/11/Augustin.jpg"><br>Biologist (MA1)</td></tr>
+
<br/>
-
</table></td>
+
<table style="background-color:#ebebeb;" width="37%" align="center">
-
</tr>
+
<tr style="background-color:rgb(245,245,245);"><td width="33%"><strong>
-
 
+
Denis Longrée </strong><br/><img src="https://static.igem.org/mediawiki/2014/6/68/ULB_Team_Denis-2.png"><br>Mathematician (BA2)</td><td width="33%"><strong>
-
 
+
Vincent Schmidt</strong><br/><img src="https://static.igem.org/mediawiki/2014/0/02/ULB_Team_Vincent-2.png"><br>Physicist (MA1)</td>
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
-
<tr style="background-color:rgb(245,245,245);"><td colspan="3"> <h1 style="box-shadow: 1px 1px 12px #555;"> DigitalStudents Staff</h1></td></tr>
+
-
 
+
-
<tr style="background-color:rgb(245,245,245);">
+
-
<td colspan="3">
+
-
<table>
+
-
<tr style="background-color:rgb(245,245,245);"><td width="33%"><strong>Denis Longrée </strong><br/><img src="https://static.igem.org/mediawiki/2014/3/32/Denis.jpg"><br>Mathematician (BA2)</td><td width="34%"><strong>Vincent Schmid</strong><br/><img src="https://static.igem.org/mediawiki/2014/b/b5/Vincent.jpg"><br>Physicist (MA1)</td><td width="33%"><strong>Jean Spièce</strong><br/><img src="https://static.igem.org/mediawiki/2014/5/55/Jean.jpg"><br>Physicist (MA2)</td><td>
+
-
</table></td>
+
</tr>
</tr>
 +
</table><br/><br/>

Latest revision as of 19:16, 15 October 2014

$~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ \newcommand{\MyColi}{{\small Mighty\hspace{0.12cm}Coli}} \newcommand{\Stabi}{\small Stabi}$ $\newcommand{\EColi}{\small E.coli} \newcommand{\SCere}{\small S.cerevisae}\\[0cm] ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ \newcommand{\PI}{\small PI}$ $\newcommand{\Igo}{\Large\mathcal{I}} \newcommand{\Tgo}{\Large\mathcal{T}} \newcommand{\Ogo}{\Large\mathcal{O}} ~$ Example of a hierarchical menu in CSS

carousel slider




- Université Libre de Bruxelles -


$Instructors$ ,$\&$ $Advisors$


Laurence Van Melderen

Instructor
Professor
Gilles Vanwalleghem

Instructor
Postdoctoral researcher
Baptiste Dumont

Supervisor
PhD Student
Thibaut Hallaert

Supervisor
PhD Student

'Wiki Project done' $BioStudents$ $Staff$ 'Wiki Project done'


Robin Grolaux

Biologist (BA2)
Hélène Spiridon

Biologist (BA3)
Alice Augenlicht

Biologist (MA1)
François Seys

Bioengineer (BA3)
Cesar Ngabo

Bioengineer (BA3)
Nicolas Desmet

Biologist (MA1)
Nathan Fraikin

Biologist (MA1)
Augustin Kameni

Biologist (MA1)
Michaël Escada

Bioengineer (MA1)
Quentin Rivière

Bioengineer (MA1)

$DigitalStudents$ $Staff$


Denis Longrée

Mathematician (BA2)
Vincent Schmidt

Physicist (MA1)