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

Line 7: Line 7:
 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 
<title >MICROFLUIDICS</title>
 
<title >MICROFLUIDICS</title>
−
 
+
 
<!-- Google fonts -->
 
<!-- Google fonts -->
 
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>
Line 13: Line 13:
 
<!-- font awesome -->
 
<!-- font awesome -->
 
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
 
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
−
 
+
−
<!-- bootstrap -->
+
−
 
+
−
<!-- animate.css -->
+
−
 
+
−
 
+
−
<!-- gallery -->
+
−
 
+
−
 
+
 
<!-- favicon -->
 
<!-- favicon -->
 
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
 
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
 
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
 
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
−
 
  
 
</head>
 
</head>
Line 33: Line 24:
  
 
<!-- Header Starts -->
 
<!-- Header Starts -->
−
 
−
 
−
<!-- #Header Starts -->
 
−
 
 
<div class="banner row" id="banner" style="width:101%">
 
<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 text-center" style="background-image: url(https://static.igem.org/mediawiki/2015/1/18/GRID.jpg);">
Line 42: Line 29:
 
<div class="container text-center" style="height:650px;padding-top:200px;">
 
<div class="container text-center" style="height:650px;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>
 
<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>
 
</div>
 
</div>
 
</div>
 
</div>
−
 
−
 
−
 
−
 
 
−
 
 
−
 
−
<!-- works -->
 
 
 
−
<!-- INTRODUCTION -->
+
<!-- INTRODUCTION -->
 
<div id="about"  class="container spacer about">
 
<div id="about"  class="container spacer about">
 
<h2 class="text-center wowload fadeInUp" style="color:#ff0000"><big>What is Microfluidics?</big></h2>
 
<h2 class="text-center wowload fadeInUp" style="color:#ff0000"><big>What is Microfluidics?</big></h2>
 
<h2 class="text-center wowload fadeInUp">IN CONSTRUCTION</h2>
 
<h2 class="text-center wowload fadeInUp">IN CONSTRUCTION</h2>
−
 
 
<div class="row">
 
<div class="row">
−
 
−
 
 
<div class="col-sm-6 wowload fadeInLeft">
 
<div class="col-sm-6 wowload fadeInLeft">
 
<h4><i class="fa fa-bolt" style="color:#b22222"></i> </h4>
 
<h4><i class="fa fa-bolt" style="color:#b22222"></i> </h4>
−
 
+
<p align="justify">
−
<p align="justify"></p>  
+
</p>  
 
</div>
 
</div>
 
 
 
<div class="col-sm-6 wowload fadeInRight">
 
<div class="col-sm-6 wowload fadeInRight">
−
<p align="right"></p>
+
<p align="right">
 +
</p>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
 
<div class="row">
 
<div class="row">
−
 
 
<div class="col-sm-6 wowload  fadeInLeft">
 
<div class="col-sm-6 wowload  fadeInLeft">
 
<h4><i class="fa fa-question" style="color:#b22222"></i>  </h4>
 
<h4><i class="fa fa-question" style="color:#b22222"></i>  </h4>
−
<p align="justify" align= "right"></p>
+
<p align="justify" align= "right">
 +
</p>
 
</div>
 
</div>
−
</br>
+
 
<div class="col-sm-6 wowload fadeInRight" >
 
<div class="col-sm-6 wowload fadeInRight" >
 
<p align="right" ></p>
 
<p align="right" ></p>
−
 
 
</div>
 
</div>
 
</div>
 
</div>
Line 90: Line 66:
 
</div>
 
</div>
  
−
 
+
<!--HIGHLIGHT INFO-->
−
 
+
−
<!-- About Starts -->
+
 
<div class="highlight-info">
 
<div class="highlight-info">
−
<div class="overlay spacer">
+
<div class="overlay spacer">
−
<div class="container" >
+
<div class="container" >
−
<div class="row text-center  wowload fadeInDownBig">
+
<div class="row text-center  wowload fadeInDownBig">
−
<CENTER>
+
<CENTER>
−
<div class="col-sm-3 col-xs-6">
+
<div class="col-sm-3 col-xs-6">
−
<i class="fa fa-code-fork  fa-5x"></i><h4>Microfluidics</h4>  
+
<i class="fa fa-code-fork  fa-5x"></i><h4>Microfluidics</h4>  
−
+
</div>
−
</div>
+
  
−
<div class="col-sm-3 col-xs-6">
+
<div class="col-sm-3 col-xs-6">
−
<i class="fa fa-gamepad  fa-5x"></i><h4>Bio-Console</h4>
+
<i class="fa fa-gamepad  fa-5x"></i><h4>Bio-Console</h4>
−
+
</div>
 +
 +
<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-qq  fa-5x"></i><h4>BACT'MAN</h4>
 +
</div>
 +
</CENTER>
 
</div>
 
</div>
−
 
−
<div class="col-sm-3 col-xs-6">
 
−
<i class="fa fa-lightbulb-o  fa-5x"></i><h4>Light signals</h4>
 
 
</div>
 
</div>
−
 
−
<div class="col-sm-3 col-xs-6">
 
−
<i class="fa fa-qq  fa-5x"></i><h4>BACT'MAN</h4>
 
 
</div>
 
</div>
−
 
−
</CENTER>
 
−
</div>
 
−
</div>
 
−
</div>
 
 
</div>
 
</div>
  
−
<!-- DESCRIPTION -->
+
<!-- MICROFLUIDICS CHIP -->
−
<div id="about"  class="container spacer about">
+
<div id="about"  class="container spacer about">
 
<h2 class="text-center wowload fadeInUp" style="color:#ff0000"><big>Microfluidics chip</big></h2>
 
<h2 class="text-center wowload fadeInUp" style="color:#ff0000"><big>Microfluidics chip</big></h2>
−
<div class="row">
+
<div class="row">
−
  <div class="col-sm-6 wowload fadeInLeft">
+
<div class="col-sm-6 wowload fadeInLeft">
−
<h4><i class="fa fa-ils"style="color:#b22222"></i> </h4>
+
<h4><i class="fa fa-ils"style="color:#b22222"></i> </h4>
−
<p align="justify"> <img src="https://static.igem.org/mediawiki/2015/0/07/IGEM_puce.png" alt="Logo" width="300" height=auto> </p>     
+
<p align="justify"> <img src="https://static.igem.org/mediawiki/2015/0/07/IGEM_puce.png" alt="Logo" width="300" height=auto> </p>     
 +
</div>
 +
 +
<div class="col-sm-6 wowload fadeInRight">
 +
<h4><i class="fa fa-question"style="color:#b22222"></i> </h4>
 +
<p align="justify"> </p>   
 +
</div>
 
</div>
 
</div>
−
+
</br>
−
<div class="col-sm-6 wowload fadeInRight">
+
</div>
−
<h4><i class="fa fa-question"style="color:#b22222"></i> </h4>
+
−
<p align="justify"> </p>   
+
−
</div>
+
−
</div>
+
−
</br>
+
−
+
−
               
+
−
</div>
+
  
−
 
−
</div>
 
 
 
 
<!--BOXES -->
 
<!--BOXES -->
−
<!-- works -->
 
 
<div id="works"  class=" clearfix grid">  
 
<div id="works"  class=" clearfix grid">  
−
+
<figure class="effect-oscar  wowload fadeInUp" >
−
<figure class="effect-oscar  wowload fadeInUp" >
+
<img src="https://static.igem.org/mediawiki/2015/3/34/Wii.jpg" alt="img01"/>
−
<img src="https://static.igem.org/mediawiki/2015/3/34/Wii.jpg" alt="img01"/>
+
<a href="https://2015.igem.org/Team:IONIS_Paris/Project" >
−
<a href="https://2015.igem.org/Team:IONIS_Paris/Project" ><figcaption>
+
<figcaption>
−
<h2>PROJECT</h2>
+
<h2>PROJECT</h2>
−
<p>Bact'man Adventures <br>
+
<p>Bact'man Adventures <br>
−
</p>             
+
</p>             
−
</figcaption></a>
+
</figcaption>
 +
</a>
 
</figure>
 
</figure>
  
−
 
 
<figure class="effect-oscar  wowload fadeInUp">
 
<figure class="effect-oscar  wowload fadeInUp">
−
<img src="https://static.igem.org/mediawiki/2015/thumb/b/b1/Optogenetics.jpg/800px-Optogenetics.jpg" alt="team"/>
+
<img src="https://static.igem.org/mediawiki/2015/thumb/b/b1/Optogenetics.jpg/800px-Optogenetics.jpg" alt="team"/>
−
<a href="https://2015.igem.org/Team:IONIS_Paris/Project/Optogenetics" ><figcaption>
+
<a href="https://2015.igem.org/Team:IONIS_Paris/Project/Optogenetics" >
−
<h2>OPTOGENETICS</h2>
+
<figcaption>
−
<p>Our scientific core of the project<br>
+
<h2>OPTOGENETICS</h2>
−
</p>             
+
<p>Our scientific core of the project<br>
−
</figcaption></a>
+
</p>             
 +
</figcaption>
 +
</a>
 
</figure>
 
</figure>
−
 
−
 
  
 
<figure class="effect-oscar  wowload fadeInUp">
 
<figure class="effect-oscar  wowload fadeInUp">
−
<img src="https://static.igem.org/mediawiki/2015/e/e4/Gameover-box.jpg" alt="team"/>
+
<img src="https://static.igem.org/mediawiki/2015/e/e4/Gameover-box.jpg" alt="team"/>
−
<a href="https://2015.igem.org/Team:IONIS_Paris/Project/Game_Over" ><figcaption>
+
<a href="https://2015.igem.org/Team:IONIS_Paris/Project/Game_Over" >
−
<h2>GAME OVER</h2>
+
<figcaption>
−
<p>Allowing the end of the game<br>
+
<h2>GAME OVER</h2>
−
</p>             
+
<p>Allowing the end of the game<br>
−
</figcaption></a>
+
</p>             
 +
</figcaption>
 +
</a>
 
</figure>
 
</figure>
−
 
−
<!--https://static.igem.org/mediawiki/2015/d/d5/Safety.jpg-->
 
−
 
−
 
−
</br>
 
−
</br>
 
−
 
 
</div>
 
</div>
−
</br>
 
−
</br>
 
−
 
−
<!-- works -->
 
−
 
−
 
−
 
  
 
<!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
 
<!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
Line 205: Line 159:
 
</div>
 
</div>
  
−
 
+
<!-- Up HOME -->
−
 
+
−
<!-- Up HOME -->
+
−
 
+
 
<a href="#banner" class="gototop "><i class="fa fa-chevron-circle-up  fa-3x"></i></a>
 
<a href="#banner" class="gototop "><i class="fa fa-chevron-circle-up  fa-3x"></i></a>
−
+
−
 
+
−
 
+
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 12:50, 14 September 2015

MICROFLUIDICS

What is Microfluidics?

IN CONSTRUCTION



Microfluidics

Bio-Console

Light signals

BACT'MAN

Microfluidics chip

Logo


img01

PROJECT

Bact'man Adventures

team

OPTOGENETICS

Our scientific core of the project
team

GAME OVER

Allowing the end of the game

IONIS Paris team. 2015 Edition