Team:Bordeaux

From 2013.igem.org

(Difference between revisions)
Line 143: Line 143:
-
      <div class="page-header">
 
-
        <h1>Navbars</h1>
 
-
      </div>
 
-
 
-
      <div class="navbar navbar-default">
 
-
        <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="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">
       <div class="page-header">
Line 241: Line 162:
-
      <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>
+

Revision as of 22:05, 4 October 2013

Home - iGEM Bordeaux 2013

Hello, world!

For the second consecutive year, the town of Bordeaux, France has formed a team to make part of the fabulous iGEM community. The Bordeaux team reshuffled between former and new members is full of ideas and ambitions; we hope to be able to develop our project as far as possible.

Learn more »

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

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.