Team:Bordeaux/Team

From 2013.igem.org

(Difference between revisions)
(Who we are)
(Who we are)
Line 106: Line 106:
         </div>
         </div>
         <div class="col-md-4">
         <div class="col-md-4">
-
<img data-src="holder.js/200x200" src="https://static.igem.org/mediawiki/2012/4/43/Marie.jpg" alt="MBA">
+
<img data-src="holder.js/200x200" src="https://static.igem.org/mediawiki/2012/4/43/Marie.jpg" alt="MBA" class="img-thumbnail">
         </div>
         </div>
       </div> <!-- end div row -->
       </div> <!-- end div row -->
Line 132: Line 132:
         </div>
         </div>
         <div class="col-md-4">
         <div class="col-md-4">
-
<img data-src="holder.js/200x200" src="https://static.igem.org/mediawiki/2012/1/10/Cecile.png" alt="Cecile_Quere">
+
<img data-src="holder.js/200x200" src="https://static.igem.org/mediawiki/2012/1/10/Cecile.png" class="img-thumbnail" alt="Cecile_Quere">
         </div>
         </div>
       </div> <!-- end div row -->
       </div> <!-- end div row -->
Line 161: Line 161:
       </div> <!-- end div row -->
       </div> <!-- end div row -->
-
       <div class="page-header">
+
        
-
        <h1>Dropdown menus</h1>
+
-
      </div>
+
-
      <div class="dropdown theme-dropdown clearfix">
+
-
        <a id="dropdownMenu1" href="#" role="button" class="sr-only dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+
-
        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
+
-
          <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
+
-
          <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
+
-
          <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
+
-
          <li role="presentation" class="divider"></li>
+
-
          <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
+
-
        </ul>
+
-
      </div>
+
-
 
+
    </div> <!-- /container -->
-
 
+
<div class="page-header">
-
 
+
         <h1>Students</h1>
-
      <div class="page-header">
+
-
         <h1>Navbars</h1>
+
       </div>
       </div>
-
 
+
<div class="row">
-
      <div class="navbar navbar-default">
+
         <div class="col-md-4">
-
        <div class="container">
+
         <div class="panel panel-success">
-
          <div class="navbar-header">
+
-
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+
-
              <span class="icon-bar"></span>
+
-
              <span class="icon-bar"></span>
+
-
              <span class="icon-bar"></span>
+
-
            </button>
+
-
            <a class="navbar-brand" href="#">Project name</a>
+
-
          </div>
+
-
          <div class="navbar-collapse collapse">
+
-
            <ul class="nav navbar-nav">
+
-
              <li class="active"><a href="#">Home</a></li>
+
-
              <li><a href="#about">About</a></li>
+
-
              <li><a href="#contact">Contact</a></li>
+
-
              <li class="dropdown">
+
-
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+
-
                <ul class="dropdown-menu">
+
-
                  <li><a href="#">Action</a></li>
+
-
                  <li><a href="#">Another action</a></li>
+
-
                  <li><a href="#">Something else here</a></li>
+
-
                  <li class="divider"></li>
+
-
                  <li class="dropdown-header">Nav header</li>
+
-
                  <li><a href="#">Separated link</a></li>
+
-
                  <li><a href="#">One more separated link</a></li>
+
-
                </ul>
+
-
              </li>
+
-
            </ul>
+
-
            <ul class="nav navbar-nav navbar-right">
+
-
              <li><a href="../navbar/">Default</a></li>
+
-
              <li><a href="../navbar-static-top/">Static top</a></li>
+
-
              <li class="active"><a href="./">Fixed top</a></li>
+
-
            </ul>
+
-
          </div><!--/.nav-collapse -->
+
-
        </div>
+
-
      </div>
+
-
 
+
-
      <div class="navbar navbar-inverse">
+
-
        <div class="container">
+
-
          <div class="navbar-header">
+
-
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+
-
              <span class="icon-bar"></span>
+
-
              <span class="icon-bar"></span>
+
-
              <span class="icon-bar"></span>
+
-
            </button>
+
-
            <a class="navbar-brand" href="#">Project name</a>
+
-
          </div>
+
-
          <div class="navbar-collapse collapse">
+
-
            <ul class="nav navbar-nav">
+
-
              <li class="active"><a href="#">Home</a></li>
+
-
              <li><a href="#about">About</a></li>
+
-
              <li><a href="#contact">Contact</a></li>
+
-
              <li class="dropdown">
+
-
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+
-
                <ul class="dropdown-menu">
+
-
                  <li><a href="#">Action</a></li>
+
-
                  <li><a href="#">Another action</a></li>
+
-
                  <li><a href="#">Something else here</a></li>
+
-
                  <li class="divider"></li>
+
-
                  <li class="dropdown-header">Nav header</li>
+
-
                  <li><a href="#">Separated link</a></li>
+
-
                  <li><a href="#">One more separated link</a></li>
+
-
                </ul>
+
-
              </li>
+
-
            </ul>
+
-
            <ul class="nav navbar-nav navbar-right">
+
-
              <li><a href="../navbar/">Default</a></li>
+
-
              <li><a href="../navbar-static-top/">Static top</a></li>
+
-
              <li class="active"><a href="./">Fixed top</a></li>
+
-
            </ul>
+
-
          </div><!--/.nav-collapse -->
+
-
        </div>
+
-
      </div>
+
-
 
+
-
 
+
-
 
+
-
      <div class="page-header">
+
-
        <h1>Alerts</h1>
+
-
      </div>
+
-
      <div class="alert alert-success">
+
-
        <strong>Well done!</strong> You successfully read this important alert message.
+
-
      </div>
+
-
      <div class="alert alert-info">
+
-
        <strong>Heads up!</strong> This alert needs your attention, but it's not super important.
+
-
      </div>
+
-
      <div class="alert alert-warning">
+
-
        <strong>Warning!</strong> Best check yo self, you're not looking too good.
+
-
      </div>
+
-
      <div class="alert alert-danger">
+
-
        <strong>Oh snap!</strong> Change a few things up and try submitting again.
+
-
      </div>
+
-
 
+
-
 
+
-
 
+
-
      <div class="page-header">
+
-
        <h1>Progress bars</h1>
+
-
      </div>
+
-
      <div class="progress">
+
-
        <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"><span class="sr-only">60% Complete</span></div>
+
-
      </div>
+
-
      <div class="progress">
+
-
        <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%"><span class="sr-only">40% Complete (success)</span></div>
+
-
      </div>
+
-
      <div class="progress">
+
-
        <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%"><span class="sr-only">20% Complete</span></div>
+
-
      </div>
+
-
      <div class="progress">
+
-
        <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%"><span class="sr-only">60% Complete (warning)</span></div>
+
-
      </div>
+
-
      <div class="progress">
+
-
        <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%"><span class="sr-only">80% Complete (danger)</span></div>
+
-
      </div>
+
-
      <div class="progress">
+
-
        <div class="progress-bar progress-bar-success" style="width: 35%"><span class="sr-only">35% Complete (success)</span></div>
+
-
        <div class="progress-bar progress-bar-warning" style="width: 20%"><span class="sr-only">20% Complete (warning)</span></div>
+
-
        <div class="progress-bar progress-bar-danger" style="width: 10%"><span class='sr-only'>10% Complete (danger)</span></div>
+
-
      </div>
+
-
 
+
-
 
+
-
 
+
-
      <div class="page-header">
+
-
        <h1>List groups</h1>
+
-
      </div>
+
-
      <div class="row">
+
-
         <div class="col-sm-4">
+
-
          <ul class="list-group">
+
-
            <li class="list-group-item">Cras justo odio</li>
+
-
            <li class="list-group-item">Dapibus ac facilisis in</li>
+
-
            <li class="list-group-item">Morbi leo risus</li>
+
-
            <li class="list-group-item">Porta ac consectetur ac</li>
+
-
            <li class="list-group-item">Vestibulum at eros</li>
+
-
          </ul>
+
-
        </div><!-- /.col-sm-4 -->
+
-
         <div class="col-sm-4">
+
-
          <div class="list-group">
+
-
            <a href="#" class="list-group-item active">
+
-
              Cras justo odio
+
-
            </a>
+
-
            <a href="#" class="list-group-item">Dapibus ac facilisis in</a>
+
-
            <a href="#" class="list-group-item">Morbi leo risus</a>
+
-
            <a href="#" class="list-group-item">Porta ac consectetur ac</a>
+
-
            <a href="#" class="list-group-item">Vestibulum at eros</a>
+
-
          </div>
+
-
        </div><!-- /.col-sm-4 -->
+
-
        <div class="col-sm-4">
+
-
          <div class="list-group">
+
-
            <a href="#" class="list-group-item active">
+
-
              <h4 class="list-group-item-heading">List group item heading</h4>
+
-
              <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
+
-
            </a>
+
-
            <a href="#" class="list-group-item">
+
-
              <h4 class="list-group-item-heading">List group item heading</h4>
+
-
              <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
+
-
            </a>
+
-
            <a href="#" class="list-group-item">
+
-
              <h4 class="list-group-item-heading">List group item heading</h4>
+
-
              <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
+
-
            </a>
+
-
          </div>
+
-
        </div><!-- /.col-sm-4 -->
+
-
      </div>
+
-
 
+
-
 
+
-
 
+
-
      <div class="page-header">
+
-
        <h1>Panels</h1>
+
-
      </div>
+
-
      <div class="row">
+
-
        <div class="col-sm-4">
+
-
          <div class="panel panel-default">
+
             <div class="panel-heading">
             <div class="panel-heading">
-
               <h3 class="panel-title">Panel title</h3>
+
               <h3 class="panel-title">Christophe Djemiel</h3>
             </div>
             </div>
             <div class="panel-body">
             <div class="panel-body">
-
              Panel content
+
<p>
 +
<br>
 +
Age : 25
 +
<br>
 +
Studies : Master student in Bioinformatics
 +
<br>
 +
Motivation : Take part in the international science contest
 +
<br>
 +
Music : Garage Rock, 60's Pop/Rock
 +
<br>
 +
Quotation :  &ldquo; When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy’. They told me I didn’t understand the assignment, and I told them they didn’t understand life. &ldquo; John Lennon
 +
 +
</p>
             </div>
             </div>
           </div>
           </div>
-
          <div class="panel panel-primary">
+
         </div>
-
            <div class="panel-heading">
+
         <div class="col-md-4">
-
              <h3 class="panel-title">Panel title</h3>
+
        <img data-src="holder.js/200x200" src="https://static.igem.org/mediawiki/2012/0/03/ChristopheD.jpg" class="img-thumbnail" alt="CD">
-
            </div>
+
         </div>
-
            <div class="panel-body">
+
       </div> <!-- end div row -->
-
              Panel content
+
-
            </div>
+
-
          </div>
+
-
         </div><!-- /.col-sm-4 -->
+
-
         <div class="col-sm-4">
+
-
          <div class="panel panel-success">
+
-
            <div class="panel-heading">
+
-
              <h3 class="panel-title">Panel title</h3>
+
-
            </div>
+
-
            <div class="panel-body">
+
-
              Panel content
+
-
            </div>
+
-
          </div>
+
-
          <div class="panel panel-info">
+
-
            <div class="panel-heading">
+
-
              <h3 class="panel-title">Panel title</h3>
+
-
            </div>
+
-
            <div class="panel-body">
+
-
              Panel content
+
-
            </div>
+
-
          </div>
+
-
        </div><!-- /.col-sm-4 -->
+
-
        <div class="col-sm-4">
+
-
          <div class="panel panel-warning">
+
-
            <div class="panel-heading">
+
-
              <h3 class="panel-title">Panel title</h3>
+
-
            </div>
+
-
            <div class="panel-body">
+
-
              Panel content
+
-
            </div>
+
-
          </div>
+
-
          <div class="panel panel-danger">
+
-
            <div class="panel-heading">
+
-
              <h3 class="panel-title">Panel title</h3>
+
-
            </div>
+
-
            <div class="panel-body">
+
-
              Panel content
+
-
            </div>
+
-
          </div>
+
-
         </div><!-- /.col-sm-4 -->
+
-
       </div>
+
-
 
+
-
 
+
-
 
+
-
      <div class="page-header">
+
-
        <h1>Wells</h1>
+
-
      </div>
+
-
      <div class="well">
+
-
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.</p>
+
-
      </div>
+
-
 
+
-
 
+
-
    </div> <!-- /container -->
+
-
 
+
-
 
+
  <!-- Bootstrap core JavaScript
  <!-- Bootstrap core JavaScript
     ================================================== -->
     ================================================== -->

Revision as of 08:20, 22 September 2013

Home - iGEM Bordeaux 2013

Hello, world!

Description team maybe.

Denis Dupuy


Age : 38
Studies : PhD in Genetics and molecular biology Bordeaux 2001, Postdoc in functional genomics Harvard Medical School (2002-2007)
Motivation : Bring students to appreciate the potential of modern biological research
Music : electro-swing
Quotation : “ You should aim higher with your fantasies ” Lem, Veridian Dynamics

Denis_dupuy

Marie Beurton-Aimar


Studies : Associate professor (University of bordeaux 2) in Bioinformatics.

MBA

Cécile Quéré


Age : 25
Studies : M2 in Genetics ; currently PhD student
Motivation : The idea to spend the summer with young and motivated people working over our own idea was really exciting. I hope to learn a lot from this experience and have fun !
Music : metal, heavy metal and death metal.
Quotation : “ Experience is the name everyone gives to their mistakes ” Oscar Wilde

Cecile_Quere

Jonathan Millet


Age : 26
Studies : Master student in Genetics
Motivation : Imagining, creating
Music : Rock, Blues
Quotation : “ Science, my lad, is made up of mistakes, but they are mistakes which it is useful to make, because they lead little by little to the truth ” Jules Verne, Journey to the Center of the Earth

JM

Christophe Djemiel


Age : 25
Studies : Master student in Bioinformatics
Motivation : Take part in the international science contest
Music : Garage Rock, 60's Pop/Rock
Quotation : “ When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy’. They told me I didn’t understand the assignment, and I told them they didn’t understand life. “ John Lennon

CD