|
|
(2 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
− | {{IONIS_HEADER}}
| |
− | <html>
| |
− | <!-- ====Google font==== -->
| |
− | <link href='https://fonts.googleapis.com/css?family=Merriweather:400,700,700italic,400italic,300italic,300' rel='stylesheet' type='text/css'>
| |
− |
| |
− | <!-- ====Open Sans==== -->
| |
− | <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,600italic,400italic,700italic,300,300italic' rel='stylesheet' type='text/css'>
| |
| | | |
− | <!-- Nos feuilles de style -->
| |
− | <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-test?action=raw&ctype=text/css" />
| |
− | <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:IONIS_Paris-style-css?action=raw&ctype=text/css" />
| |
− |
| |
− | <!-- ====HEADER PARALUX==== -->
| |
− | <section class="header_paralux" style="background: url('https://static.igem.org/mediawiki/2016/8/88/HOME.jpg'); background-size: cover;
| |
− | background-repeat: no-repeat;
| |
− | position: relative;
| |
− | background-attachment: fixed;" >
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-md-12">
| |
− | <div class="dtable">
| |
− | <div class="dcell">
| |
− | <div class="page_down text-center">
| |
− | <a href="#services" class="go-down">
| |
− | <i class="zmdi zmdi-long-arrow-down testi_prev"></i>
| |
− | </a>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </section>
| |
− | <!-- ====HEADER PARALUX END==== -->
| |
− |
| |
− | <!-- ====FEATURE AERE==== -->
| |
− | <!-- <section class="feature_area" id="services">
| |
− | <div class="container">
| |
− | <div class="row fix_m">
| |
− | <div class="col-xs-12 col-sm-6 col-md-3 fix_p">
| |
− | <div class="single_feature text-center">
| |
− | <i class="zmdi zmdi-devices"></i>
| |
− | <h4>Branding</h4>
| |
− | <div class="single_cap">
| |
− | <p>As a bu siness owner or manager, the decision to opt faor offshore software can be difficult.</p>
| |
− | <a class="th_bt btn waves-effect" href="#!">Read More</a>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="col-xs-12 col-sm-6 col-md-3 fix_p">
| |
− | <div class="single_feature text-center">
| |
− | <i class="zmdi zmdi-globe-alt"></i>
| |
− | <h4>Web Development</h4>
| |
− | <div class="single_cap">
| |
− | <p>As a bu siness owner or manager, the decision to opt faor offshore software can be difficult.</p>
| |
− | <a class="th_bt btn waves-effect" href="#!">Read More</a>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="col-xs-12 col-sm-6 col-md-3 fix_p">
| |
− | <div class="single_feature text-center">
| |
− | <i class="zmdi zmdi-apple"></i>
| |
− | <h4>Mobile Application</h4>
| |
− | <div class="single_cap">
| |
− | <p>As a bu siness owner or manager, the decision to opt faor offshore software can be difficult.</p>
| |
− | <a class="th_bt btn waves-effect" href="#!">Read More</a>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="col-xs-12 col-sm-6 col-md-3 fix_p">
| |
− | <div class="single_feature text-center">
| |
− | <i class="zmdi zmdi-camera"></i>
| |
− | <h4>Photography</h4>
| |
− | <div class="single_cap">
| |
− | <p>As a bu siness owner or manager, the decision to opt faor offshore software can be difficult.</p>
| |
− | <a class="th_bt btn waves-effect" href="#!">Read More</a>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </section> -->
| |
− | <!-- ====FEATURE AERE END==== -->
| |
− |
| |
− | <!-- ====ABOUT US==== -->
| |
− | <section id="about" class="about_area section-padding">
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-xs-12">
| |
− | <div class="section_title mb80">
| |
− | <h2 class="sec text-center">Quantifly</h2> <h2 class="secHd text-center ">Human Practice</h2>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="col-xs-12 col-sm-6">
| |
− | <div class="section_title">
| |
− | <h5 class="smallHd">Project Genesis</h5>
| |
− | <h2 class="secHd">The conception of Quantifly</h2>
| |
− | </div>
| |
− | <div class="about_text">
| |
− | <p>quantifly is a project born from a long pathway of brainstorms and meetings, where the team constructed a reflexion about contemporary problematics and innovative solutions. The bearth of Quantifly was the starting point of our great adventure in the iGEM competition.</p>
| |
− |
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </section>
| |
− | <!-- ====ABOUT US==== -->
| |
− | <!-- ====ABOUT US==== -->
| |
− | <section id="about" class="about_area section-padding">
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-xs-12 col-sm-6">
| |
− | <div class="section_title">
| |
− | <h5 class="smallHd">State of the Art</h5>
| |
− | <h2 class="secHd">Air pollution and its environment</h2>
| |
− | </div>
| |
− | <div class="about_text">
| |
− | <p>This is why we developed the Quantifly project: a combination of a bacterial biosensor, perfectly adapted to on-field measurements, and an innovative drone that will allow us to easily and rapidly quantify the amount of VOCs in the air. The biosensor relies on bioluminescence, a biochemical phenomenon that is commonly used in cell imaging. We are trying to develop a new application for bioluminescence that should allow us to create a biosensor of a new kind, entirely different from the existing devices.</p>
| |
− | <p class="ab_text">If you’ve followed along and done the steps above, you’ve created a good starting place. You’re going to need to make sure your pages are optimized properly.</p>
| |
− | </div>
| |
− | </div>
| |
− | <div class="col-xs-12 col-sm-5" >
| |
− |
| |
− |
| |
− | </div>
| |
− | <div class="about_left">
| |
− | <img src="https://static.igem.org/mediawiki/2016/7/7d/Biosensor.png" alt=""/>
| |
− | </div>
| |
− |
| |
− |
| |
− | </div>
| |
− | </div>
| |
− | </section>
| |
− | <!-- ====ABOUT US==== -->
| |
− | <!-- ====ABOUT US==== -->
| |
− | <section id="about" class="about_area section-padding">
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-xs-12 col-sm-6">
| |
− | <div class="about_left">
| |
− | <img src="https://static.igem.org/mediawiki/2016/f/f5/Drone_1.png" alt="drone"/>
| |
− | </div>
| |
− | </div>
| |
− | <div class="col-xs-12 col-sm-5">
| |
− | <div class="section_title">
| |
− | <h5 class="smallHd">Our Opinion Survey</h5>
| |
− | <h2 class="secHd">Use of G.M.Os in the detection of air pollution</h2>
| |
− | </div>
| |
− | <div class="about_text">
| |
− | <p>Concerning the drone, it is designed to safely contain our organisms and carry them on the field, thus acting as a mobile detection platform
| |
− | </p>
| |
− |
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </section>
| |
− | <!-- ====ABOUT US==== -->
| |
− |
| |
− | <!-- ====START PARTNER==== -->
| |
− | <div class="partner_area">
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-xs-12">
| |
− | <div class="section_title mb80">
| |
− | <h5 class="smallHd text-center">Our</h5>
| |
− | <h2 class="secHd text-center">SPONSORS AND PARTENAIRS </h2>
| |
− | </div>
| |
− | </div>
| |
− | <div class="col-md-12">
| |
− | <div class="partner_slider">
| |
− | <div class="item">
| |
− | <img src="" alt="partner slider" />
| |
− | </div>
| |
− | <div class="item">
| |
− | <img src="" alt="partner slider" />
| |
− | </div>
| |
− | <div class="item">
| |
− | <img src="" alt="partner slider" />
| |
− | </div>
| |
− | <div class="item">
| |
− | <img src="" alt="partner slider" />
| |
− | </div>
| |
− | <div class="item">
| |
− | <img src="" alt="partner slider" />
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <!-- ====END PARTNER==== -->
| |
− |
| |
− |
| |
− | <!-- ====END BLOG TABLE==== -->
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <!-- ====START SOCIAL Link==== -->
| |
− | <div class="footer_social">
| |
− | <div class="container-fluid">
| |
− | <div class="row">
| |
− | <ul class="ft_top clearfix">
| |
− | <li class="waves-effect waves-light">
| |
− | <a href="https://www.facebook.com/ionisigem/?fref=ts" target="_blank">
| |
− | <i class="zmdi zmdi-facebook "></i>Facebook
| |
− | </a>
| |
− | </li>
| |
− | <li class="waves-effect waves-light">
| |
− | <a href="https://twitter.com/igem_ionis" target="_blank">
| |
− | <i class="zmdi zmdi-twitter"></i>Twitter
| |
− | </a>
| |
− | </li>
| |
− | <li class="waves-effect waves-light">
| |
− | <a href="https://www.youtube.com/channel/UC0RyQsB5YpweSRBYQlAdZDA" target="_blank">
| |
− | <i class="zmdi zmdi-youtube"></i>youtube
| |
− | </a>
| |
− | </li>
| |
− | <li class="waves-effect waves-light">
| |
− | <a href="https://www.linkedin.com/company/igem-ionis" target="_blank">
| |
− | <i class="zmdi zmdi-linkedin"></i>LinkedIn
| |
− | </a>
| |
− | </li>
| |
− | <li class="waves-effect waves-light">
| |
− | <a href="#" target="_blank">
| |
− | <i class="zmdi zmdi-dribbble"></i>Dribble
| |
− | </a>
| |
− | </li>
| |
− | <li class="waves-effect waves-light">
| |
− | <a href="#" target="_blank">
| |
− | <i class="zmdi zmdi-vimeo"></i>Vimeo
| |
− | </a>
| |
− | </li>
| |
− | </ul>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <!-- ====END FOOTER TOP==== -->
| |
− |
| |
− | <!-- ====START FOOTER AREA==== -->
| |
− | <footer class="footer_area">
| |
− | <div class="footer_middle">
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-xs-12">
| |
− | <div class="scroll_area">
| |
− | <div class="sroll_top">
| |
− | <i class="zmdi zmdi-chevron-up btn waves-effect"></i>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="row">
| |
− | <div class="col-lg-5 col-md-5 col-sm-12">
| |
− | <div class="middle_content">
| |
− | <h4>More about us</h4>
| |
− | <p>If you’ve followed along and done the steps above, you’ve created a good starting place. You’re going to need to make sure your pages are optimized properly. This will ensure you get your page ranked high in the search engines. ou’re going to need to make sure your pages are optimized properly.
| |
− | Read More</p>
| |
− | <a href="#">Read More</a>
| |
− | </div>
| |
− | </div>
| |
− | <div class="col-lg-3 col-lg-offset-1 col-md-4 col-sm-7">
| |
− | <div class="footer_Widgets">
| |
− | <h4>Stay in touch</h4>
| |
− | <div class="ft_contact">
| |
− | <ul>
| |
− | <li><i class="zmdi zmdi-pin"></i>
| |
− | <span>Location: 66 Rue Guy Môquet, 94800 Villejuif, France</span>
| |
− | </li>
| |
− | <li><i class="zmdi zmdi-phone"></i>
| |
− | <a href="tel:123-456-7890">Phone: </a>
| |
− | </li>
| |
− | <li><i class="zmdi zmdi-email"></i>
| |
− | <a href="mailto:contact@domain.com">email: clement@lapierre-fr.net</a>
| |
− | </li>
| |
− |
| |
− | </ul>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="col-lg-3 col-md-3 col-sm-5">
| |
− | <div class="footer_Widgets">
| |
− | <h4>Galleries</h4>
| |
− | <figure class="widget_gallery">
| |
− | <div class="RXcircleEffect"></div>
| |
− | <img src="https://static.igem.org/mediawiki/2016/6/67/Gallery_1.jpg" alt="" />
| |
− | <figcaption>
| |
− | <a class="veno vbox-item" href="img/gallery_1.jpg" data-gall="group_4">
| |
− | <i class="zmdi zmdi-link"></i>
| |
− | </a>
| |
− | </figcaption>
| |
− | </figure>
| |
− | <figure class="widget_gallery">
| |
− | <div class="RXcircleEffect"></div>
| |
− | <img src="img/gallery_2.jpg" alt="" />
| |
− | <figcaption>
| |
− | <a class="veno vbox-item" href="https://static.igem.org/mediawiki/2016/6/67/Gallery_1.jpg" data-gall="group_4">
| |
− | <i class="zmdi zmdi-link"></i>
| |
− | </a>
| |
− | </figcaption>
| |
− | </figure>
| |
− | <figure class="widget_gallery">
| |
− | <div class="RXcircleEffect"></div>
| |
− | <img src="img/gallery_3.jpg" alt="" />
| |
− | <figcaption>
| |
− | <a class="veno vbox-item" href="https://static.igem.org/mediawiki/2016/6/67/Gallery_1.jpg" data-gall="group_4">
| |
− | <i class="zmdi zmdi-link"></i>
| |
− | </a>
| |
− | </figcaption>
| |
− | </figure>
| |
− | <figure class="widget_gallery">
| |
− | <div class="RXcircleEffect"></div>
| |
− | <img src="img/gallery_4.jpg" alt="" />
| |
− | <figcaption>
| |
− | <a class="veno vbox-item" href="img/gallery_4.jpg" data-gall="group_4">
| |
− | <i class="zmdi zmdi-link"></i>
| |
− | </a>
| |
− | </figcaption>
| |
− | </figure>
| |
− | <figure class="widget_gallery">
| |
− | <div class="RXcircleEffect"></div>
| |
− | <img src="img/gallery_5.jpg" alt="" />
| |
− | <figcaption>
| |
− | <a class="veno vbox-item" href="img/gallery_5.jpg" data-gall="group_4">
| |
− | <i class="zmdi zmdi-link"></i>
| |
− | </a>
| |
− | </figcaption>
| |
− | </figure>
| |
− | <figure class="widget_gallery">
| |
− | <div class="RXcircleEffect"></div>
| |
− | <img src="img/gallery_6.jpg" alt="" />
| |
− | <figcaption>
| |
− | <a class="veno vbox-item" href="img/gallery_6.jpg" data-gall="group_4">
| |
− | <i class="zmdi zmdi-link"></i>
| |
− | </a>
| |
− | </figcaption>
| |
− | </figure>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="footer_bottom">
| |
− | <div class="container">
| |
− | <div class="ft_area">
| |
− | <div class="row">
| |
− | <div class="col-md-7 fix_p_l">
| |
− | <nav>
| |
− | <ul class="ft_bottom">
| |
− | <li><a href="https://2016.igem.org/Team:Ionis_Paris">Home</a></li>
| |
− | <li><a href="https://2016.igem.org/At_the_lab.html">At the Lab</a></li>
| |
− | <li><a href="https://2016.igem.org/CelloCad"> Side Projects</a></li>
| |
− | <li><a href="Results">Results</a></li>
| |
− | <li><a href="https://2016.igem.org/Team:Ionis_Paris/Human_Practice">Human Practice</a></li>
| |
− | <li><a href="https://2016.igem.org/Team.html">Team</a></li>
| |
− | </ul>
| |
− | </nav>
| |
− | </div>
| |
− | <div class="col-md-5 fix_p">
| |
− | <div class="ft_paragraph">
| |
− | <p>©IONIS_IGEM_2016</a>.</p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </footer>
| |
− | <!-- ====END FOOTER AREA==== -->
| |
− |
| |
− | <!-- Nos scripts -->
| |
− | <script type="text/javascript" src="https://2016.igem.org/wiki/index.php?title=Template:IONIS_PARIS_JS&action=raw&ctype=text/javascript"></script>
| |
− |
| |
− | </html>
| |