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: 14px 15px;
 margin: 0 auto;
 margin-top: 45px;


  1. content {
 display: block;
 background: #fff;
 padding: 80px 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);


  1. content{margin-left:0.7;}

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

background-color: #A68F6A;

left: 152px }

  1. footer{display: none;}

/*Done clearing*/

div img {

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


div imglogo {

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


  1. footer{display: none;}

/*Done clearing*/

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="content">

<br></br> <h1>Formation of Nanoreactor</h1>

     <p>Employ the microfluidic method for the production of  liposomes as nanoreactor because it is a simple and low cost alternative.

<br></br> This method involves dissolving a lipid in ethanol solution, which is rapidly injected counter-flow to an enzyme solution with deionized water to produce spontaneously vesicles, SUV primarily, encapsulating enzymes. Subsequently, we performed an ultrafiltration to removed the residual ethanol.


<br></br> <br></br> <br></br> <br></br> <br></br>

<IMG STYLE="position:absolute; TOP:410px; LEFT:170px;" SRC=""> <br></br> <br></br> <br></br>

<h1>Considerations to decrease the size of the liposomes:</h1> <p> • Decrease the size of the syringe <br></br> • Increased hydrodynamic pressure <br></br> • Decreased lipid concentration alcohol solution <br></br> • Decrease in the phase transition temperature in the lipid bilayer <br></br> • No cholesterol (decreased membrane rigidity) <br></br> • Changing the flow rate </p>

<h1>Recommendations for the formation of liposomes</h1> <p> The higher the concentration of lipids greater proportion of the aqueous phase may be entrapped. <br></br> The average life of a liposome increases with increasing lipid dose. <br></br> The encapsulation rate increases to make slower hydration. <br></br> The addition of charged phospholipids increases the distance between the lipid membranes. </p>

<h1>Caracterizacion del nanoreactor</h1> <p> Dynamic light scattering is therefore the most used method to estimate the average hydrodynamic radius of particles in suspension and polydispersity index and covers a range from a few nanometers to microns. </p>

<h1>Enzymatic Activity</h1> <p> Because the last reaction that occurs in the liposome is the decomposition of hydrogen peroxide, the enzyme activity of the nanoreactor will be evaluated by UV spectrophotometry monitoring the products delivered by the catalase. The system consist in having the nanoreactors in contact with the uric acid, then the serie of reactions catalyzed by the enzymes to the final products, which are the allantoin, water and oxygen.<br></br> In this way, the enzyme activity will be evaluated in the industrial application with the corresponding substrate and products </p> <hr size="10px" width=100% align="center"/>

<h2>References:</h2> <p></p>




<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>