|
|
| Line 1: |
Line 1: |
| | | | |
| - | <style>
| |
| - | body {
| |
| - | font-size:12px;
| |
| - | color:#666;
| |
| - | height:100%;
| |
| - | background-color:#ededed;
| |
| - | }
| |
| - |
| |
| - | .container {
| |
| - | width:80%;
| |
| - | color:#ededed;
| |
| - | background: rgb(255,255,255); /* Old browsers */
| |
| - | background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
| |
| - | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
| |
| - | background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
| |
| - | background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
| |
| - | background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
| |
| - | background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
| |
| - | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .container .col-md-10 {
| |
| - | min-height:200px;
| |
| - | padding-bottom:100px;
| |
| - | }
| |
| - |
| |
| - | .navbar-inverse {
| |
| - | background-color: #ededed;
| |
| - | border-color: #ededed;
| |
| - | }
| |
| - |
| |
| - | .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
| |
| - | color: #006600;
| |
| - | background-color: #8cff00;
| |
| - | }
| |
| - |
| |
| - | .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
| |
| - | color: #006600;
| |
| - | background-color: transparent;
| |
| - | }
| |
| - |
| |
| - | .navbar-inverse .navbar-nav > li > a:focus {
| |
| - | color: #006600;
| |
| - | background-color: transparent;
| |
| - | }
| |
| - |
| |
| - | .menu{
| |
| - | background-color:white;
| |
| - | color:black;
| |
| - | z-index:999;
| |
| - | position:relative;
| |
| - | }
| |
| - | .jumbotron {
| |
| - | background:url("../img/banner_top.jpg") no-repeat;
| |
| - | background-size:cover;
| |
| - | width:80%;
| |
| - | height:284px;
| |
| - | margin:auto;
| |
| - | }
| |
| - |
| |
| - | h2 {
| |
| - | font-size: 26px;
| |
| - | color:#339900;
| |
| - | }
| |
| - |
| |
| - | p {
| |
| - | font-size: 12px;
| |
| - | color:#999;
| |
| - | }
| |
| - |
| |
| - | footer {
| |
| - | background: rgb(140,255,0); /* Old browsers */
| |
| - | background: -moz-linear-gradient(top, rgba(140,255,0,1) 0%, rgba(139,198,0,1) 100%); /* FF3.6+ */
| |
| - | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,255,0,1)), color-stop(100%,rgba(139,198,0,1))); /* Chrome,Safari4+ */
| |
| - | background: -webkit-linear-gradient(top, rgba(140,255,0,1) 0%,rgba(139,198,0,1) 100%); /* Chrome10+,Safari5.1+ */
| |
| - | background: -o-linear-gradient(top, rgba(140,255,0,1) 0%,rgba(139,198,0,1) 100%); /* Opera 11.10+ */
| |
| - | background: -ms-linear-gradient(top, rgba(140,255,0,1) 0%,rgba(139,198,0,1) 100%); /* IE10+ */
| |
| - | background: linear-gradient(to bottom, rgba(140,255,0,1) 0%,rgba(139,198,0,1) 100%); /* W3C */
| |
| - | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cff00', endColorstr='#8bc600',GradientType=0 ); /* IE6-9 */
| |
| - | width:100%;
| |
| - | margin-top: -50px; /* A mesma altura do rodapé, o valor deve ser negativo */
| |
| - | height: 150px;
| |
| - | clear:both;
| |
| - | position: relative;
| |
| - | bottom:0;
| |
| - | }
| |
| - |
| |
| - | footer p {
| |
| - |
| |
| - | margin:auto;
| |
| - | padding-top:10px;
| |
| - | text-align:center;
| |
| - | width:50%;
| |
| - | color:#006600;
| |
| - | }
| |
| - | </style>
| |
| - | </head>
| |
| - |
| |
| - | <body>
| |
| - |
| |
| - | <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
| |
| - | <div class="container">
| |
| - |
| |
| - | <div class="navbar-collapse collapse menu" id="bs-example-navbar-collapse-1">
| |
| - | <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><a href="modeling.html">MODELING</a></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 -->
| |
| - | </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">
| |
| - | <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>
| |
| - | </div>
| |
| - | </div> <!-- /container -->
| |
| - | <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>
| |
| - | <!-- Bootstrap core JavaScript
| |
| - | ================================================== -->
| |
| - | <!-- Placed at the end of the document so the pages load faster -->
| |
| - | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
| |
| - | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
| |
| - | <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>
| |
"
