Team:LIKA-CESAR-Brasil/Theme

{{CSS/Main}}

<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="favicon.ico">

    <title>LIKA | CESAR</title>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
{{CSS/Cesar}}

  </head>

  <body>

    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
    <header>

      <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
      <a class="navbar-brand" href="#"><img src="https://static.igem.org/mediawiki/2014/5/55/Marca.png" alt="Marca LIKA"></a>
        </div>
       <div class="navbar-collapse collapse menu">
            <ul class="nav navbar-nav">

        <li class="active"><a href="index.html">HOME</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM<span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="partnerships.html">Partnerships</a></li>
                  <li><a href="teamprofile.html">Official Team Profile</a></li>
                  <li><a href="advisors.html">Advisors</a></li>
        </ul>
              </li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT<span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="overview.html">Overview</a></li>
                  <li><a href="robot.html">Robot</a></li>
                  <li><a href="colialert.html">ColiAlert</a></li>
          <li><a href="biosensor.html">Biosensor</a></li>
               </ul>
              </li>
        <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">PARTS<span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="biobricks.html">Biobricks</a></li>
                  <li><a href="notebook.html">Notebook</a></li>
                </ul>
              </li>
        <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">HUMAN PRACTICE<span class="caret"></span></a>
                <ul class="dropdown-menu" role="menu">
                  <li><a href="lectures.html">Lectures</a></li>
                  <li><a href="society.html">Survey and Society Interaction</a></li>
                </ul>
              </li>
        <li><a href="safety.html">SAFETY</a></li>
        <li><a href="atribuitions.html">ATRIBUITIONS</a></li>
            </ul>
          </div><!--/.nav-collapse -->
       </header>
      </div>
    </div>
    <!-- Main jumbotron for a primary marketing message or call to action -->
    <div class="jumbotron"></div>
    <div class="container">
      <!-- Example row of columns -->
      <div class="row">
        <div class="col-md-10">
          <div style="width:60%; float:left">
        <h2>Synthetic Biology and Robotics - The Integration that can Save Lives</h2>
        <p>The LIKA-CESAR BRASIL proposes the development of a biosensor for the detection of breast cancer with the help of synthetic biology and robotics. The idea was to build a robotic system linked to genetic engineering capable of processing and prepare small samples of blood in an automated manner.</p>
        <p>For this our team, created the Coli Alert for the BreastBotSensor.  This system is one robot to DNA/RNA extraction coupled by an electrochemical biosensor and linked to one quality control, the ColiAlert, responsible to confirm the process of nucleic acid extraction.</p>
        <p>The team believes that the best way to solve problems is joining technologies. For this, we think that synthetic biology should go hand in hand with robotics and information technology. Then our project was to join the synthetic biology with the robots, aiming to fight against to the one of biggest health problems: The Breast Cancer.</p>
		</div>
        <iframe class="videocapa"
          src="http://www.youtube.com/embed/hNmoEvCqs7U">
        </iframe>
		</div>

          <div class="col-md-4">
          <h2>Bot</h2>
          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
          </div>
        <div class="col-md-4">
          <h2>ColiAlert</h2>
          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
          </div>
        <div class="col-md-4">
          <h2>BreastSensor</h2>
          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
          </div>

           <footer>
				<p><a href="http://www.cesar.org.br/site/">C.E.S.A.R</a> | Rua Bione, 220 Cais do Apolo Bairro do Recife. CEP 50.030-390, Recife - Pernambuco - Brasil</p>
			</footer>
      </div>
        </div> <!-- /container -->

   <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

  </body>
</html>