From OpenWetWare
Jump to: navigation, search

<html lang="en-US"> <head>

 <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
 <title>Fixed Top Navigation Toolbar</title>
 <meta name="author" content="Jake Rocheleau">
 <link rel="shortcut icon" href="">
 <link rel="icon" href="">
 <link rel="stylesheet" type="text/css" media="all" href="styles.css">
 <link rel="stylesheet" type="text/css" media="all" href="">
 <script type="text/javascript" src=""></script>

<script src=""></script> <!-- Latest compiled css and JavaScript --> <script src=""></script> <!--j--query--> <!--Nav Bar Theme--> <link href="" rel="stylesheet">

<style> html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
 outline: none;
 -webkit-text-size-adjust: 100%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;

} html { height: 101%; } body { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 62.5%; line-height: 1; padding-bottom: 65px; background: #444 url('images/bg.png'); }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; }

blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } strong { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; } img { border: 0; max-width: 100%; }

h1 {

 font-family: 'Capriola', Tahoma, Arial, sans-serif;
 font-weight: normal;
 font-size: 2.95em;
 line-height: 1.2em;
 letter-spacing: -.0.03em;
 color: #383838;
 margin-bottom: 16px;


p { font-size: 1.2em; line-height: 1.45em; margin-bottom: 15px; color: #434343; text-align: justify; }

a { color: #5b77a4; text-decoration: underline; } a:hover { color: #7d94bb; }

  1. w {
 display: block;
 width: 710px;
 padding: 100px 15px;
 margin: 0 auto;
 margin-top: 45px;


  1. content {
 display: block;
 background: #fff;
 padding: 50px 50px;


  1. logo { display: block; border: 1px solid #232323; border-bottom-width: 0; }
  2. logobg {
 display: block;
 width: 100%;
 height: 130px;
 background: url('images/logo.png') top left no-repeat;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;


/* top navigation */

  1. navigation {
 display: block;
 height: 35px;
 background-color: #131313;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#131313));
 background-image: -webkit-linear-gradient(top, #202020, #131313);
 background-image: -moz-linear-gradient(top, #202020, #131313);
 background-image: -ms-linear-gradient(top, #202020, #131313);
 background-image: -o-linear-gradient(top, #202020, #131313);
 background-image: linear-gradient(top, #202020, #131313);


  1. navigation ul { list-style: none; padding: 0px 7px; }
  1. navigation ul li { display: inline; float: left; }
  2. navigation ul li a {
 display: block; 
 padding: 0 8px; 
 color: #fff;
 font-size: 1.1em;
 text-decoration: none;
 line-height: 35px; 
 font-weight: bold; 
 margin-right: 6px;
 text-shadow: 1px 1px 1px #000;
 -webkit-transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 transition: all 0.2s linear;


  1. navigation ul li a:hover { color: #a8d6e7; }

/* hidden fixed navigation */

  1. fixedbar {
 display: none;
 position: fixed;
 top: 0;
 width: 100%;
 height: 80px;
 background: rgba(0,0,0,0.75);


  1. fixednav {
 display: block;
 width: 710px;
 margin: 0 auto;
 padding: 0px 25px;


  1. fixednav li { }
  1. fixednav li a {
 display: block;
 float: left;
 font-size: 1.75em;
 font-weight: bold;
 color: #96aed8;
 line-height: 80px;
 text-decoration: none;
 padding: 0px 8px;
 margin-right: 6px; 
 -webkit-transition: all 0.2s linear;
 -moz-transition: all 0.2s linear;
 transition: all 0.2s linear; 


  1. fixednav li a:hover {
 color: #fff;
 background: rgba(0,0,0,0.3);


.navbar{ top:0px; position:fixed; width:96.8%; z-index: 9999 !important;

background-color: #A68F6A;

left: 152px }

  1. footer{display: none;}

div img {

 position: absolute;
 top:  0px; 
 left: 0px;


div imglogo {

 position: absolute;
 top:  20px; 
 left: 20px;


footer {
           position: relative;
           /* Altura total del footer en px con valor negativo */
           margin-top: -50px;
           /* Altura del footer en px. Se han restado los 5px del margen
              superior mas los 5px del margen inferior
           height: 40px; 
           padding:5px 0px;
           clear: both;
           background: #286af0;
           text-align: center;
           color: #fff;

z-index: 9999 !important;


</style> </head>



<div class="navbar navbar-default">

 <div class="navbar-header">
   <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
     <span class="icon-bar"></span>
     <span class="icon-bar"></span>
     <span class="icon-bar"></span>
   <a class="navbar-brand" href=""></a>
 <div class="navbar-collapse collapse navbar-responsive-collapse">
   <ul class="nav navbar-nav">

<li><a href="">Home</a></li> <li><a href="">Background</a></li> <li><a href="">Method</a></li> <li><a href="">Medical Application</a></li> <li><a href="">Industrial Application</a></li> <li><a href="">Discussion</a></li> <li><a href="">Diffusion Model</a></li> <li><a href="">Kinetic Model</a></li> <li><a href="">Team</a></li>


</div> <!--Nav Bar Done-->>

 <img src="" />


   <div id="imglogo">


   <div id="content">
     <p>The need to create nanoscale reactions has been rising, due to the limiting factor of substrate concentration or the conditions in which the reaction takes place. A high concentration of uric acid in the human body can lead to multiple illnesses and uncomfort to the individual that suffers this condition. High levels of this substance can be caused by many situations like an unhealthy diet, a deficient disposal through urination or excessive purine degradation which is the result of illnesses: Lupus Syndrome or Tumor Lysis Syndrome. Because of the wide range of applications, this has a high impact on society, a biocompatible liposome-based nanoreactor was designed, containing specific enzymes which degrade the insoluble uric acid so that it can then be released from the body by urine. With the same core concept, we designed a system for the production of renewable fuel. The reaction is based on the production of diatomic hydrogen from urea in biological waste, resulting in a final compound with a high energy content. Therefore, we show the importance of the development of nanoscale systems, and an overview of their potential applications in public issues.</p>

     <p>Design a nanoreactor of lipid structure with biological catalysts for consecutive reactions.
          Choosing the most feasible method for producing the nanoreactor.</p>
     <p>Conduct experimentation of nanoreactor production, characterization and enzymatic activity.

Locate specific proteins in cell membranes of the kidney and add in the nanoreactor to adhere to the site of action. Find lipids and components compatible with the body for the formation of the lipid vesicles and assess toxicity. </p> </br> <h1>Project Video</h1> <center> <embed src="//" width=640 height=360> </center>




<script type="text/javascript"> $(document).ready(function(){

 $('#navigation a, #fixedbar a').on('click', function(e) {
 $(window).on('scroll',function() {
   var scrolltop = $(this).scrollTop();
   if(scrolltop >= 215) {
   else if(scrolltop <= 210) {

}); </script>

</body> </html>