Difference between revisions of "Team:Ionis Paris/Human Practice"

(Created page with "{{IONIS_HEADER}} <html> <!-- ====Google font==== --> <link href='https://fonts.googleapis.com/css?family=Merriweather:400,700,700italic,400italic,300italic...")
 
(Blanked the page)
 
(6 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" />
 
       
 
        <!-- ====BREADCUM START==== -->
 
        <section class="blog_banner_paillasse">
 
            <div class="container">
 
                <div class="row">
 
                    <div class="col-sm-12">
 
                        <div class="banner_title">
 
                           
 
                       
 
                        </div>
 
                    </div>
 
                </div>   
 
            </div>
 
        </section>
 
        <!-- ====BREADCUM END==== -->
 
       
 
        <!-- ====START CASE STUDY TABLE==== -->
 
        <section class="main_casestudy">
 
            <div class="container">
 
                <div class="row">
 
                    <div class="blog_grid_area">
 
                        <div class="col-xs-12 col-sm-8">
 
                            <div class="bloggrid_left">
 
                                <div class="case_slider">
 
                                    <div class="item">
 
                                        <figure class="postImg waves-effect">
 
                                            <img src="https://static.igem.org/mediawiki/2016/6/6e/Team_paillasse.jpg" alt="">
 
                                        </figure>
 
                                    </div>
 
                                    <div class="item">
 
                                        <figure class="postImg waves-effect">
 
                                            <img src="https://static.igem.org/mediawiki/2016/7/76/Lab_2.jpg" alt="">
 
                                        </figure>
 
                                    </div>
 
                                   
 
                                </div>
 
                                <div class="blog_top">
 
                                    <h4 class="blog_topHd">
 
                                        <a href="single_blog-full.html">Working at Lapaillasse</a>
 
                                    </h4>
 
                                    <ul class="blog_s">
 
                                        <li>
 
                                            <a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 7,2016</a>
 
                                        </li>
 
                                       
 
                                    </ul>
 
                                </div>
 
                                <div class="blog_content">
 
                                    <p>The iGEM IONIS had the great pleasure to work at La Paillasse, a biohacker space situated in Paris. It is a community laboratories open to everyone who want to try one's hand at doing science.  La Paillasse was created with the open source philosophy to support new form of innovation in the field of biology.
 
La Paillasse also aim to get together people from different backgrounds and let new ideas appear from this multidisciplinary.
 
</p>
 
                                    <p> The community of La Paillasse is composed of people with numerous background, from engineers to philosophe though designer, students  and sociologist. However all those people come in the same purpose find an open space to realize their project. Several start-up have see the day at la Paillasse, Meiso (sensory insulation chamber), the Fly lab (innovative drone), Pili (ink making modified bacteria)  for example.
 
</p>
 
<p>This is in this multidisciplinary environment that our team have been evolved for several months. This environment had strengthen our though about the importance of multidisciplinary, it was important for us to listen to the comment make by non biologist persons, it allow us to have another point of view on our project conception or application. La Paillasse was the perfect place to carry out a project like ours. We had great time sharing information with the drone making persons from the Fly Lab and listen to the conference organized by La Paillasse.
 
</p><br/>
 
                                    <blockquote>
 
                                        Moreover, la Paillasse give us the possibility to expose our project to the numerous persons that went visiting this buzzing place. We were pleased to share our experience with people from many field such as people from big companies including L'Oréal, ENGIE, but also to the French secretary of state in charge of the higher education and research, Thierry Mandon
 
                                        </blockquote>
 
                              <p>Finally our team at the fantastic opportunity to closely work with the UMPC iGEM team, impact. We could share each other knowledge, have an external point of view on our project and manipulation. We also help each other when needed,
 
</p>
 
  <p>Our team is also really grateful to the laboratories INSERM …., that give us the material we needed
 
to arrange our paillasse.
 
</p>
 
 
                                </div>
 
                               
 
                                    <div class="related_post">
 
                                        <div class="row">
 
                                         
 
                                            <div class="related_post_top clearfix">
 
                                                <div class="col-md-6">
 
                                                   
 
                                                </div>
 
                                                <div class="col-md-6">
 
                                                    <figure class="postImg waves-effect">
 
                                                        <img src="img/related_project2.jpg" alt="">
 
                                                    </figure>
 
                                                   
 
                                                </div>
 
                                           
 
                                            </div>
 
                                        </div>
 
                                    </div>
 
                                </div>
 
                            </div>
 
                        </div>
 
                        <aside class="col-xs-12 col-sm-3 right_sidebar_area">
 
                     
 
                            <div class="sidebarBlog_list mb80">
 
                                <h4 class="sidebar_Hd">Categories</h4>
 
                                <ul class="sidebarList">
 
   
 
                                    <li>
 
                                        <a href="https://2016.igem.org/Biobrick">
 
                                            <span>Biobrick Design</span>
 
                                            <span class="list_right"></span>
 
                                        </a>
 
                                    </li>
 
                                    <li>
 
                                        <a href="https://2016.igem.org/Index-3.html">
 
                                            <span>Cloning Strategy</span>
 
                                            <span class="list_right"></span>
 
                                        </a>
 
                                    </li>
 
                                    <li>
 
                                        <a href="https://2016.igem.org/Protocol">
 
                                            <span>Protocol</span>
 
                                            <span class="list_right"></span>
 
                                        </a>
 
                                    </li>
 
                                    <li>
 
                                        <a href="https://2016.igem.org/Notebook">
 
                                            <span>Notebook</span>
 
                                            <span class="list_right"></span>
 
                                        </a>
 
                                    </li>
 
                                </ul>
 
                            </div>
 
                            <div class="sidebarPost_list mb80">
 
                                <ul class="tab_menu" role="tablist">
 
                                   
 
                                <!-- Tab panes -->
 
                                <div class="tab-content">
 
                                    <div role="tabpanel" class="tab-pane active fade in" id="recent_post">
 
                                        <div class="post_list">
 
                                            <figure class="post_listImg">
 
                                                <a href="blog_grid.html">
 
                                                    <img src="img/blog_list_1.jpg" alt="">
 
                                                </a>
 
                                            </figure>
 
                                           
 
                                        </div>
 
                                        <div class="post_list">
 
                                            <figure class="post_listImg">
 
                                                <a href="blog_grid.html">
 
                                                    <img src="img/blog_list_2.jpg" alt="">
 
                                                </a>
 
                                            </figure>
 
                                         
 
                                        </div>
 
                                        <div class="post_list">
 
                                            <figure class="post_listImg">
 
                                                <a href="blog_grid.html">
 
                                                    <img src="img/blog_list_3.jpg" alt="">
 
                                                </a>
 
                                            </figure>
 
                                            <div class="post_text">
 
                                               
 
                                                   
 
                                        </div>
 
                                    </div>
 
                                    <div role="tabpanel" class="tab-pane fade" id="popular_post">
 
                                        <div class="post_list">
 
                                            <figure class="post_listImg">
 
                                                <a href="blog_grid.html">
 
                                                    <img src="img/blog_list_1.jpg" alt="">
 
                                                </a>
 
                                            </figure>
 
                                            <div class="post_text">
 
                                                <ul class="blog_s">
 
                                                    <li>
 
                                                        <a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a>
 
                                                    </li>
 
                                                    <li>
 
                                                        <a href="#">
 
                                                            <i class="fa fa-comments" aria-hidden="true"></i>2
 
                                                        </a>
 
                                                    </li>
 
                                                </ul>
 
                                                <h4><a href="#">Creative and impressive building</a></h4>
 
                                            </div>
 
                                        </div>
 
                                        <div class="post_list">
 
                                            <figure class="post_listImg">
 
                                                <a href="blog_grid.html">
 
                                                    <img src="img/blog_list_2.jpg" alt="">
 
                                                </a>
 
                                            </figure>
 
                                            <div class="post_text">
 
                                                <ul class="blog_s">
 
                                                    <li>
 
                                                        <a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a>
 
                                                    </li>
 
                                                    <li>
 
                                                        <a href="#">
 
                                                            <i class="fa fa-comments" aria-hidden="true"></i>2
 
                                                        </a>
 
                                                    </li>
 
                                                </ul>
 
                                                <h4><a href="#">How you can be a super creative</a></h4>
 
                                            </div>
 
                                        </div>
 
                                        <div class="post_list">
 
                                            <figure class="post_listImg">
 
                                                <a href="blog_grid.html">
 
                                                    <img src="img/blog_list_3.jpg" alt="">
 
                                                </a>
 
                                            </figure>
 
                                            <div class="post_text">
 
                                                <ul class="blog_s">
 
                                                    <li>
 
                                                        <a href="#">
 
                                                            <i class="zmdi zmdi-calendar-alt"></i>June 18,2015
 
                                                        </a>
 
                                                    </li>
 
                                                    <li>
 
                                                        <a href="#">
 
                                                            <i class="fa fa-comments" aria-hidden="true"></i>2
 
                                                        </a>
 
                                                    </li>
 
                                                </ul>
 
                                                <h4><a href="#">World best photographer and photography</a></h4>
 
                                            </div>
 
                                        </div>
 
                                    </div>
 
                                </div>
 
                            </div>
 
                           
 
                           
 
                        </aside>
 
                        </div>
 
                    </div>
 
                </div>
 
            </div>
 
        </section>
 
        <!-- ====END CASE STUDY 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="#" target="_blank">
 
                                <i class="zmdi zmdi-facebook "></i>Facebook
 
                            </a>
 
                        </li>
 
                        <li class="waves-effect waves-light">
 
                            <a href="#" target="_blank">
 
                                <i class="zmdi zmdi-twitter"></i>Twitter
 
                            </a>
 
                        </li>
 
                        <li class="waves-effect waves-light">
 
                            <a href="#" target="_blank">
 
                                <i class="zmdi zmdi-flickr"></i>Flickr
 
                            </a>
 
                        </li>
 
                        <li class="waves-effect waves-light">
 
                            <a href="#" 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>
 
                        </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: 123-456-7890</a>
 
                                        </li>
 
                                        <li><i class="zmdi zmdi-email"></i>
 
                                            <a href="mailto:contact@domain.com">email: clement@lapierre-fr.net</a>
 
                                        </li>
 
                                        <li><i class="zmdi zmdi-globe"></i>
 
                                            <a href="#">www.domain.com</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="img/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="img/gallery_2.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="img/gallery_3.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="#">Home</a></li>
 
                                        <li><a href="#">Services</a></li>
 
                                        <li><a href="#"> About </a></li>
 
                                        <li><a href="#">Portfolio</a></li>
 
                                        <li><a href="#">Blog </a></li>
 
                                        <li><a href="#">Contact US</a></li>
 
                                    </ul>
 
                                </nav>
 
                            </div>
 
                            <div class="col-md-5 fix_p">
 
                                <div class="ft_paragraph">
 
                                    <p>©2016 Design by <a href="https://www.behance.net/googoling">Faridul Haque</a> and Develop by <a href="http://themeebit.com">ThemeeBiT</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>
 

Latest revision as of 15:36, 10 October 2016