Difference between revisions of "Team:IONIS Paris/Project/Microfluidics"

(Created page with "{{IONIS_Paris/JS}} {{IONIS_Paris-testcss}} {{IONIS_Paris/Project/Microfluidics}} {{IONIS_Paris-menu}} {{IONIS_Paris/FootPage}}")
 
Line 1: Line 1:
 
{{IONIS_Paris/JS}}
 
{{IONIS_Paris/JS}}
 
{{IONIS_Paris-testcss}}
 
{{IONIS_Paris-testcss}}
−
{{IONIS_Paris/Project/Microfluidics}}
+
<html lang="en">
 +
<head>
 +
<meta charset="UTF-8" />
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 +
<title >MICROFLUIDICS</title>
 +
 
 +
<!-- Google fonts -->
 +
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>
 +
 
 +
<!-- font awesome -->
 +
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
 +
 
 +
<!-- bootstrap -->
 +
 
 +
<!-- animate.css -->
 +
 
 +
 
 +
<!-- gallery -->
 +
 
 +
 
 +
<!-- favicon -->
 +
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
 +
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
 +
 
 +
 
 +
</head>
 +
 
 +
<body>
 +
<div class="topbar animated fadeInLeftBig"></div>
 +
 
 +
<!-- Header Starts -->
 +
 
 +
 
 +
<!-- #Header Starts -->
 +
 
 +
<div class="banner row" id="banner" style="width:101%">
 +
<div class="parallax text-center" style="background-image: url(https://static.igem.org/mediawiki/2015/1/18/GRID.jpg);">
 +
<div class="parallax-pattern-overlay">
 +
<div class="container text-center" style="height:580px;padding-top:200px;">
 +
<h1 class="intro wow zoomIn" wow-data-delay="0.4s" wow-data-duration="0.9s"  style="font-family:sans-serif; color:#B00000 " >MICROFLUIDICS</h1>
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
  <!--img src="https://static.igem.org/mediawiki/2015/3/34/Image-169-vert.jpg" alt="banner"-->
 +
 
 +
 
 +
<!-- works -->
 +
 +
<!-- INTRODUCTION -->
 +
<div id="about"  class="container spacer about">
 +
<h2 class="text-center wowload fadeInUp" style="color:#ff0000"><big>What is Microfluidics?</big></h2>
 +
 +
<div class="row">
 +
 +
 +
<div class="col-sm-6 wowload fadeInLeft">
 +
<h4><i class="fa fa-bolt" style="color:#b22222"></i> XXXXXX</h4>
 +
 
 +
<p align="justify"> xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
 +
</div>
 +
 +
<div class="col-sm-6 wowload fadeInRight">
 +
<p align="right"><img src="https://static.igem.org/mediawiki/2015/2/21/LOV.png" alt="VVD photoreceptor"  width="200" height=auto></p>
 +
</div>
 +
</div>
 +
 +
<div class="row">
 +
 +
<div class="col-sm-6 wowload  fadeInLeft">
 +
<h4><i class="fa fa-question" style="color:#b22222"></i> XXXXXXXXXX </h4>
 +
<p align="justify" align= "right">xxxxxxxxxxxxxxxxxxxxx</p>
 +
</div>
 +
</br>
 +
<div class="col-sm-6 wowload fadeInRight" >
 +
<p align="right" ><img src="https://static.igem.org/mediawiki/2015/5/55/VVD.png" alt="VVD"  width="200" height=auto ></p>
 +
<!--img src="https://static.igem.org/mediawiki/2015/5/55/VVD.png"-->
 +
</div>
 +
</div>
 +
</br>
 +
</br>
 +
</div>
 +
 
 +
 
 +
 
 +
<!-- About Starts -->
 +
<div class="highlight-info">
 +
<div class="overlay spacer">
 +
<div class="container" >
 +
<div class="row text-center  wowload fadeInDownBig">
 +
<CENTER>
 +
<div class="col-sm-3 col-xs-6">
 +
<i class="fa fa-lightbulb-o  fa-5x"></i><h4>Light signals</h4>
 +
</div>
 +
 
 +
<div class="col-sm-3 col-xs-6">
 +
<i class="fa fa-bolt  fa-5x"></i><h4>Photoreceptors</h4>
 +
</div>
 +
 +
<div class="col-sm-3 col-xs-6">
 +
<i class="fa fa-qq  fa-5x"></i><h4>Bacteria</h4>
 +
</div>
 +
 +
<div class="col-sm-3 col-xs-6">
 +
<i class="fa fa-gamepad  fa-5x"></i><h4>Bio-Console</h4>
 +
</div>
 +
</CENTER>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<!-- DESCRIPTION -->
 +
<div id="about"  class="container spacer about">
 +
<h2 class="text-center wowload fadeInUp" style="color:#ff0000"><big>Microfluidics chip</big></h2>
 +
<div class="row">
 +
  <div class="col-sm-6 wowload fadeInLeft">
 +
<h4><i class="fa fa-ils"style="color:#b22222"></i>XXXXX</h4>
 +
<p align="justify"xxxxxxxxxxxxxx </p>   
 +
</div>
 +
 +
<div class="col-sm-6 wowload fadeInRight">
 +
<h4><i class="fa fa-question"style="color:#b22222"></i>XXXXXXX</h4>
 +
<p align="justify">xxxxxxxxxxx  </p>   
 +
</div>
 +
</div>
 +
</br>
 +
 +
               
 +
</div>
 +
 
 +
 +
</div>
 +
 +
<!--BOXES -->
 +
<!-- works -->
 +
<div id="works"  class=" clearfix grid">
 +
<figure class="effect-oscar  wowload fadeInUp">
 +
<img src="https://static.igem.org/mediawiki/2015/3/34/Wii.jpg" alt="img01"/>
 +
 +
<figcaption>
 +
<h2>Project</h2>
 +
<p>Our reality game using bacteria<br>
 +
<a href="https://2015.igem.org/Team:IONIS_Paris/Project" >View more</a></p>           
 +
</figcaption>
 +
</figure>
 +
 +
 
 +
 +
<!--https://static.igem.org/mediawiki/2015/c/c2/Schema1_IONIS.png-->
 +
 
 +
 +
 
 +
 
 +
<!--https://static.igem.org/mediawiki/2015/thumb/9/93/Notebook.jpg/600px-Notebook.jpg-->
 +
<figure class="effect-oscar  wowload fadeInUp">
 +
<img src="https://static.igem.org/mediawiki/2015/thumb/1/18/Brick-wall.png/800px-Brick-wall.png" alt="team"/>
 +
<figcaption>
 +
<h2>BIOBRICKS</h2>
 +
<p>Our parts of DNA<br>
 +
<a href="https://2015.igem.org/Team:IONIS_Paris/Attributions" >View more</a></p>           
 +
</figcaption>
 +
</figure>
 +
 
 +
 
 +
 
 +
<figure class="effect-oscar  wowload fadeInUp">
 +
<img src="https://static.igem.org/mediawiki/2015/thumb/b/b1/Optogenetics.jpg/800px-Optogenetics.jpg" alt="team"/>
 +
<figcaption>
 +
<h2>OPTOGENETICS</h2>
 +
<p>Our scientific core of the project<br>
 +
<a href="https://2015.igem.org/Team:IONIS_Paris/Project/Optogenetics" >View more</a></p>           
 +
</figcaption>
 +
</figure>
 +
 
 +
<!--https://static.igem.org/mediawiki/2015/d/d5/Safety.jpg-->
 +
 
 +
 
 +
</br>
 +
</br>
 +
 +
</div>
 +
</br>
 +
</br>
 +
 
 +
<!-- works -->
 +
 
 +
 
 +
 
 +
 
 +
<!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
 +
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
 +
<!-- The container for the modal slides -->
 +
<div class="slides"></div>
 +
<!-- Controls for the borderless lightbox -->
 +
<h3 class="title">Title</h3>
 +
<a class="prev">‹</a>
 +
<a class="next">›</a>
 +
<a class="close">×</a>
 +
<!-- The modal dialog, which will be used to wrap the lightbox content -->   
 +
</div>
 +
 
 +
 
 +
 
 +
<!-- Up HOME -->
 +
 
 +
<a href="#banner" class="gototop "><i class="fa fa-chevron-circle-up  fa-3x"></i></a>
 +
 +
 
 +
 
 +
</body>
 +
</html>
 +
 
 
{{IONIS_Paris-menu}}
 
{{IONIS_Paris-menu}}
 
{{IONIS_Paris/FootPage}}
 
{{IONIS_Paris/FootPage}}

Revision as of 08:57, 28 August 2015

MICROFLUIDICS

What is Microfluidics?

XXXXXX

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

VVD photoreceptor

XXXXXXXXXX

xxxxxxxxxxxxxxxxxxxxx


VVD



Light signals

Photoreceptors

Bacteria

Bio-Console

Microfluidics chip

XXXXX

XXXXXXX

xxxxxxxxxxx


img01

Project

Our reality game using bacteria
View more

team

BIOBRICKS

Our parts of DNA
View more

team

OPTOGENETICS

Our scientific core of the project
View more





IONIS Paris team. 2015 Edition