Difference between revisions of "Team:Ionis Paris/Notebook"

(Prototype team page)
 
Line 1: Line 1:
−
{{Ionis_Paris}}
+
{{IONIS_HEADER}}  
−
<html>
+
<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_protocol">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="col-sm-12">
 +
                        <div class="banner_title" >
 +
                            <h1>Notebook</h1>
 +
                           
 +
                        </div>
 +
                    </div>
 +
                </div>   
 +
            </div>
 +
        </section>
 +
        <!-- ====BREADCUM END==== -->
 +
       
 +
        <!-- ====START BLOG TABLE==== -->
 +
        <section class="blog_area section-padding">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="blog_grid_area">
 +
                       
 +
                        <aside class="col-xs-12 col-sm-10 left_sidebar_area ">
 +
                           
 +
                            <div class="sidebarBlog_list mb80">
 +
                           
 +
                         
 +
                                <h4 class="sidebar_Hd">Notebook List</h4>
 +
                                <ul class="sidebarList">
 +
                                 
 +
                                    <li>
 +
                                        <a href="Notebook 1">
 +
                                            <span>Notebook 1 : Digestion: BB1 and C4 / Ligation of C5 into BB1 /
 +
    Transformation: competent DH5⍺ cells with ligation product of BBC2 </span>
 +
                           
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 2">
 +
                                            <span>Notebook 2 : PCR colony: on colonies transformed by BBC2</span>
 +
                                           
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 3">
 +
                                            <span>Notebook 3 : </span>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 4">
 +
                                            <span>Notebook 4 : </span>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 5">
 +
                                            <span>Notebook 5 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 6 ">
 +
                                            <span>Notebook 6 :</span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 7">
 +
                                            <span>Notebook 7 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 8">
 +
                                            <span>Notebook 8 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 9">
 +
                                            <span>Notebook 9 :</span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 10">
 +
                                            <span>Notebook 10 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 11">
 +
                                            <span>Notebook 11 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 12">
 +
                                            <span>Notebook 12 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 13">
 +
                                            <span>Notebook 13 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 14">
 +
                                            <span>Notebook 14 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 15">
 +
                                            <span>Notebook 15 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 16">
 +
                                            <span>Notebook 16 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 17">
 +
                                            <span>Notebook 17 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 18">
 +
                                            <span>Notebook 18 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 19">
 +
                                            <span>Notebook 19 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 20">
 +
                                            <span>Notebook 20 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 21">
 +
                                            <span>Notebook 21 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 22">
 +
                                            <span>Notebook 22 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 23">
 +
                                            <span>Notebook 23 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 24">
 +
                                            <span>Notebook 24 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 25">
 +
                                            <span>Notebook 25 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 26">
 +
                                            <span>Notebook 26 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 27">
 +
                                            <span>Notebook 27 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 28">
 +
                                            <span>Notebook 28 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 29">
 +
                                            <span>Notebook 29 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 30">
 +
                                            <span>Notebook 30 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 31">
 +
                                            <span>Notebook 31 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 32">
 +
                                            <span>Notebook 32 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 33">
 +
                                            <span>Notebook 33 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 34">
 +
                                            <span>Notebook 34 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 35">
 +
                                            <span>Notebook 35 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 36">
 +
                                            <span>Notebook 36 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 37">
 +
                                            <span>Notebook 37 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
      <li>
 +
                                        <a href="Notebook 38">
 +
                                            <span>Notebook 38 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 39">
 +
                                            <span>Notebook 39 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 40">
 +
                                            <span>Notebook 40 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 41">
 +
                                            <span>Notebook 41 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 42">
 +
                                            <span>Notebook 42 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 43">
 +
                                            <span>Notebook 43 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 44">
 +
                                            <span>Notebook 44 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 45">
 +
                                            <span>Notebook 45 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
      <li>
 +
                                        <a href="Notebook 46">
 +
                                            <span>Notebook 46 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 47">
 +
                                            <span>Notebook 47 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 48">
 +
                                            <span>Notebook 48 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 49">
 +
                                            <span>Notebook 49 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 50">
 +
                                            <span>Notebook 50 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 51">
 +
                                            <span>Notebook 51 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 52">
 +
                                            <span>Notebook 52 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 53">
 +
                                            <span>Notebook 53 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>      <li>
 +
                                        <a href="Notebook 54">
 +
                                            <span>Notebook 54 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 55">
 +
                                            <span>Notebook 55 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 56">
 +
                                            <span>Notebook 56 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 57">
 +
                                            <span>Notebook 57 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 58">
 +
                                            <span>Notebook 58 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 59">
 +
                                            <span>Notebook 59 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="Notebook 60">
 +
                                            <span>Notebook 60 : </span>
 +
                                         
 +
                                        </a>
 +
                                    </li>
  
−
<div class="column full_size">
 
  
−
<p> Document the dates you worked on your project.</p>
+
                                </ul>
−
 
+
                            </div>
−
</div>
+
                           
−
 
+
                           
−
<div class="column half_size">
+
                         
−
<h5>What should this page have?</h5>
+
                         
−
<ul>
+
                        </aside>
−
<li>Chronological notes of what your team is doing.</li>
+
                    </div>
−
<li> Brief descriptions of daily important events.</li>
+
                </div>
−
<li>Pictures of your progress. </li>
+
            </div>
−
<li>Mention who participated in what task.</li>
+
        </section>
−
</ul>
+
        <!-- ====END BLOG TABLE==== -->
−
 
+
       
−
</div>
+
        <!-- ====START SOCIAL Link==== -->
−
 
+
        <div class="footer_social">
−
<div class="column half_size">
+
            <div class="container-fluid">
−
<h5>Inspiration</h5>
+
                <div class="row">
−
<p>You can see what others teams have done to organize their notes:</p>
+
                    <ul class="ft_top clearfix">
−
 
+
                        <li class="waves-effect waves-light">
−
<ul>  
+
                            <a href="#" target="_blank">
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
                                <i class="zmdi zmdi-facebook "></i>Facebook
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
                            </a>
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
                        </li>
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
                        <li class="waves-effect waves-light">
−
</ul>
+
                            <a href="#" target="_blank">
−
 
+
                                <i class="zmdi zmdi-twitter"></i>Twitter
−
</div>
+
                            </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: Lorance Road 542B,5248 MT, Wordwide Country</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: contact@domain.com</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>
 
</html>

Revision as of 12:45, 10 October 2016