Difference between revisions of "Team:SMMU-China/Notebook"

Line 4: Line 4:
 
<link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:SMMU-China/CSS_main&action=raw&ctype=text/css" />
 
<link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:SMMU-China/CSS_main&action=raw&ctype=text/css" />
 
<!--<link rel="stylesheet" href="main.css" />-->
 
<!--<link rel="stylesheet" href="main.css" />-->
 +
 +
<link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:SMMU-China/CSS_notebook_style&action=raw&ctype=text/css" />
  
 
<style type="text/css">
 
<style type="text/css">
−
+
html, body {
 +
        margin: 0;
 +
        padding: 0;
 +
overflow:auto !important;
 +
    }
 
</style>
 
</style>
  
Line 134: Line 140:
  
 
<div class="medium_framework">
 
<div class="medium_framework">
−
<h1> DEMO PART 1 </h1>
+
<!-- BEGIN FLIPBOOK STRUCTURE --> 
−
<p>Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! </p>
+
<div data-template="true" data-cat="book7" id="fb7-ajax"> 
−
</div>
+
 
 +
       
 +
    <!-- BEGIN HTML BOOK -->   
 +
    <div data-current="book7" class="fb7" id="fb7">     
 +
   
 +
        <!-- preloader -->
 +
        <div class="fb7-preloader">
 +
            <div id="wBall_1" class="wBall">
 +
            <div class="wInnerBall">
 +
            </div>
 +
            </div>
 +
            <div id="wBall_2" class="wBall">
 +
            <div class="wInnerBall">
 +
            </div>
 +
            </div>
 +
            <div id="wBall_3" class="wBall">
 +
            <div class="wInnerBall">
 +
            </div>
 +
            </div>
 +
            <div id="wBall_4" class="wBall">
 +
            <div class="wInnerBall">
 +
            </div>
 +
            </div>
 +
            <div id="wBall_5" class="wBall">
 +
            <div class="wInnerBall">
 +
            </div>
 +
            </div>
 +
        </div>
 +
             
 +
        <!-- background for book --> 
 +
        <div class="fb7-bcg-book"></div>             
 +
     
 +
        <!-- BEGIN CONTAINER BOOK -->
 +
        <div id="fb7-container-book">
 +
   
 +
          <!-- BEGIN deep linking --> 
 +
          <section id="fb7-deeplinking">
 +
            <ul>
 +
                <li data-address="page1" data-page="1"></li>
 +
                <li data-address="page2-page3" data-page="2"></li>
 +
                <li data-address="page2-page3" data-page="3"></li>
 +
                <li data-address="page4-5" data-page="4"></li>
 +
                <li data-address="page4-5" data-page="5"></li>
 +
                <li data-address="page6-page7" data-page="6"></li>
 +
                <li data-address="page6-page7" data-page="7"></li>
 +
                <li data-address="page8-page9" data-page="8"></li>
 +
                <li data-address="page8-page9" data-page="9"></li>
 +
                <li data-address="end" data-page="10"></li> 
 +
            </ul>
 +
          </section>
 +
          <!-- END deep linking --> 
 +
       
 +
           
 +
          <!-- BEGIN ABOUT -->
 +
          <section id="fb7-about">
 +
                  <h1>Why choose <strong>FlipBook?</strong></h1>
 +
                  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu tellus ipsum,sit amet fermentum eros. Aliquam eget nulla neque, dignissim consectetur velit.Sed non metus sapien, nec laoreet ipsum.</p>
 +
                  <h1>What is <strong>this</strong>?</h1>
 +
                  <p>Ipsum <a href="javascript:youtube('48I0IHmsuOE','560','315')">Youtube</a> sit amet, consectetur adipiscing elit. Praesent eu tellus ipsum, sit amet fermentum eros. Aliquam eget nulla neque, dignissim consectetur velit. Sed non metus sapien, nec laoreet ipsum.</p>
 +
                  <h1>Best <strong>features</strong></h1>
 +
                  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu tellus ipsum, sit amet fermentum eros. Aliquam eget nulla neque, dignissim consectetur velit. Sed non metus sapien, nec laoreet ipsum.</p>
 +
                  <p>&nbsp;</p>
 +
                  <p>&nbsp;</p>
 +
                  <p>&nbsp;</p>
 +
                  <p>&nbsp;</p>
 +
          </section>
 +
          <!-- END ABOUT -->
 +
   
 +
   
 +
            <!-- BEGIN PAGES -->
 +
            <div id="fb7-book">     
 +
             
 +
           
 +
                    <!-- BEGIN PAGE 1 -->         
 +
                    <div style="background-image:url(images/1.jpg)" class="fb7-noshadow">
 +
                         
 +
                        <!-- begin container page book -->
 +
                        <div class="fb7-cont-page-book">
 +
                         
 +
                            <!-- description for page -->
 +
                            <div class="fb7-page-book">
 +
                       
 +
                            </div>
 +
                           
 +
                           
 +
                        </div>
 +
                        <!-- end container page book -->
 +
                           
 +
                    </div>
 +
                    <!-- END PAGE 1 -->
 +
                     
 +
                   
 +
                   
 +
                    <!-- BEGIN PAGE 2 -->       
 +
                    <div style="background-image:url()" >
 +
                         
 +
                        <!-- begin container page book -->
 +
                        <div class="fb7-cont-page-book">
 +
                         
 +
                            <!-- description for page  -->
 +
                            <div class="fb7-page-book">
 +
                                    <h1>Table of Contents</h1>
 +
                                    <h6>Integre nominavi vulputate ne</h6>
 +
                                    <ol>
 +
                                    <li><a href="javascript:setPage(4)">Lorem ipsum dolor sit amet, cum integre nominavi vulputate ne.</a></li>
 +
                                    <li><a href="javascript:setPage(4)">Iudico platonem qui ex, est eu malis dicunt malorum</a></li>
 +
                                    <li><a href="javascript:setPage(4)">No integre phaedrum pri, elit autem dissentiunt vix in.</a></li>
 +
                                    <li><a href="javascript:setPage(4)">Sit posse nostrum scribentur at.</a></li>
 +
                                    <li><a href="javascript:setPage(4)">Timeam sententiae nam at, vim eu harum quaerendum.</a></li>
 +
                                    <li><a href="javascript:setPage(4)">Ea quo illum aliquando.</a></li>
 +
                                    <li><a href="javascript:setPage(4)">Facete temporibus consectetuer id per, erant numquam rationibus cu his</a>.</li>
 +
                                    </ol>
 +
                                    <h6>Eu pri electram facilisis</h6>
 +
                                    <ol>
 +
                                    <li><a href="javascript:setPage(4)">In eam sale zril, ut vix iuvaret convenire.</a></li>
 +
                                    <li><a href="javascript:setPage(4)">Erat nobis convenire per et.</a></li>
 +
                                    <li><a href="javascript:setPage(4)">Detracto democritum voluptaria et vel</a></li>
 +
                                    <li><a href="javascript:setPage(4)">Nonumy incorrupte mea ea</a></li>
 +
                                    <li><a href="javascript:setPage(4)">Ornatus ponderum sea ea</a>.</li>
 +
                                    </ol>
 +
                                    <h6>No cum velit numquam laoreet</h6>
 +
                                    <ol>
 +
                                    <li><a href="javascript:setPage(4)">Lorem ipsum dolor sit amet, cum integre nominavi vulputate ne.</a></li>
 +
                                    <li><a href="javascript:setPage(4)">Iudico platonem qui ex, est eu malis dicunt malorum</a></li>
 +
                                    <li><a href="javascript:setPage(4)">No integre phaedrum pri, elit autem dissentiunt vix in.</a></li>
 +
                                    <li><a href="javascript:setPage(4)">Sit posse nostrum scribentur at.</a></li>
 +
                                    <li><a href="javascript:setPage(4)">Timeam sententiae nam at, vim eu harum quaerendum.</a></li>
 +
                                    <li><a href="javascript:setPage(4)">Ea quo illum aliquando.</a></li>
 +
                                    <li><a href="javascript:setPage(4)">Facete temporibus consectetuer id per, erant numquam rationibus cu his</a>.</li>
 +
                                    </ol>
 +
                                    <h6>Modo expetendis mea ut</h6>
 +
                                    <ol>
 +
                                    <li><a href="javascript:setPage(4)">Lorem ipsum dolor sit amet, cum integre nominavi vulputate ne.</a></li>
 +
                                    <li><a href="javascript:setPage(4)">Iudico platonem qui ex, est eu malis dicunt malorum</a></li>
 +
                                    <li><a href="javascript:setPage(4)">No integre phaedrum pri, elit autem dissentiunt vix in.</a></li>
 +
                                    </ol>
 +
                           
 +
                            </div>                   
 +
                                 
 +
                                     
 +
                            <!-- begin number page -->               
 +
                            <div class="fb7-meta">                       
 +
                                    <span class="fb7-num">2</span>                       
 +
                            </div>
 +
                            <!-- end number page -->
 +
                           
 +
                           
 +
                           
 +
                          </div>
 +
                          <!-- end container page book -->
 +
                           
 +
                    </div>
 +
                    <!-- END PAGE 2 -->
 +
                     
 +
                   
 +
                    <!-- BEGIN PAGE 3 -->         
 +
                    <div style="background-image:url(images/3.jpg)" >
 +
                         
 +
                        <!-- begin container page book -->
 +
                        <div class="fb7-cont-page-book">
 +
                         
 +
                                <!-- description for page-->
 +
                                <div class="fb7-page-book">
 +
                                               
 +
                                </div>                         
 +
                                     
 +
                                         
 +
                                <!-- begin number page  -->               
 +
                                <div class="fb7-meta">
 +
                                   
 +
                                        <span class="fb7-num">3</span>
 +
                                   
 +
                                </div>
 +
                                <!-- end number page  -->                   
 +
                           
 +
                           
 +
                          </div>
 +
                          <!-- end container page book -->
 +
                           
 +
                    </div>
 +
                    <!-- END PAGE 3 -->
 +
                     
 +
                   
 +
                    <!-- BEGIN PAGE 4-5 -->         
 +
                    <div style="background-image:url(images/4_5.jpg)" class="fb7-double fb7-first fb7-noshadow">
 +
                         
 +
                        <!-- begin container page book -->
 +
                        <div class="fb7-cont-page-book">
 +
                         
 +
                                <!-- description for page -->
 +
                                <div class="fb7-page-book">
 +
                                               
 +
                                </div>
 +
                                 
 +
                          </div>
 +
                          <!-- end container page book -->
 +
                           
 +
                    </div>
 +
                   
 +
                         
 +
                    <div style="background-image:url(images/4_5.jpg)" class="fb7-double fb7-second fb7-noshadow">
 +
                         
 +
                        <!-- begin container page book -->
 +
                        <div class="fb7-cont-page-book">
 +
                         
 +
                                <!-- description for page -->
 +
                                <div class="fb7-page-book">
 +
                                               
 +
                                </div>
 +
                           
 +
                          </div>
 +
                          <!-- end container page book -->
 +
                           
 +
                    </div>
 +
                    <!-- END PAGE 4-5 -->
 +
                     
 +
                   
 +
                    <!-- BEGIN PAGE 6 -->         
 +
                    <div style="background-image:url(images/6.jpg)">
 +
                         
 +
                        <!-- begin container page book -->
 +
                        <div class="fb7-cont-page-book">
 +
                         
 +
                                <!-- description for page -->
 +
                                <div class="fb7-page-book">
 +
                                               
 +
                                </div>
 +
                                                               
 +
                                         
 +
                                <!-- begin number page  -->               
 +
                                <div class="fb7-meta">
 +
                                   
 +
                                        <span class="fb7-num">6</span>
 +
                                   
 +
                                </div>
 +
                                <!-- end number page  -->
 +
                         
 +
                          </div>
 +
                          <!-- end container page book -->
 +
                           
 +
                    </div>
 +
                    <!-- END PAGE 6 -->
 +
                     
 +
                   
 +
                    <!-- BEGIN PAGE 7 -->         
 +
                    <div style="background-image:url()">
 +
                         
 +
                        <!-- begin container page book -->
 +
                        <div class="fb7-cont-page-book">
 +
                         
 +
                            <!-- description for page  -->
 +
                            <div class="fb7-page-book">
 +
                                        <h1>Duo antiopam platonem</h1>
 +
                                        <p>Noluisse constituto reprehendunt his ne. Ea eam eruditi feugait tacimates, ex percipit qualisque dignissim duo. Verterem voluptatum reprimique nec an. No nec utamur verterem. Utamur dolores reprimique cum ne, ei pro ocurreret consequat instructior.</p>
 +
                                        <p>Nihil incorrupte eu has, no vix saepe volumus, sit no iusto deseruisse efficiantur. His ut essent molestie deserunt, nemore laoreet tacimates vix eu. Choro cetero at duo. Ut appetere voluptaria usu, et ius fugit legimus.</p>
 +
                                        <p>Pro idque mucius bonorum in. Natum <a href="javascript:youtube('48I0IHmsuOE','560','315')">youtube</a> dolorum qui et, eum percipitur sadipscing eu. Ex phaedrum mediocrem nec. Nam cu nullam tamquam efficiantur, his quot nobis ut. Id est nihil exerci, paulo aliquando ut his.</p>
 +
                                        <p>Te ius noster alienum, semper feugait voluptatum an mel. Impedit reprimique quo et, at illum alterum admodum vix. Eum hinc lorem ei. Causae bonorum scaevola vix et, alii meliore intellegebat te sit, duis oblique usu te. His an pericula neglegentur, erant oratio an pro, ea nam mentitum mandamus maiestatis. Quot inani nominavi vix ei.</p>
 +
                                        <p>Nihil incorrupte eu has, no vix saepe volumus, sit no iusto deseruisse efficiantur. His ut essent molestie deserunt, nemore laoreet tacimates vix eu. Choro cetero at duo. Ut appetere voluptaria usu, et ius fugit legimus.</p>
 +
                                        <h6>&nbsp;Nam cu nullam tamquam efficiantur:</h6>
 +
                                        <ul>
 +
                                        <li>Natum epicurei comprehensam ex pe</li>
 +
                                        <li>Ridens corrumpit abhorreant nam id</li>
 +
                                        <li>Eu inani eirmod alterum</li>
 +
                                        <li>his ne iudico iuvaret delenit</li>
 +
                                        <li>Choro cetero at duo</li>
 +
                                        <li>Iusto deseruisse efficiantur</li>
 +
                                        <li>His cu utinam appareat</li>
 +
                                        </ul>                 
 +
                            </div>
 +
                                 
 +
                                 
 +
                                     
 +
                            <!-- begin number page  -->               
 +
                            <div class="fb7-meta">
 +
                               
 +
                                    <span class="fb7-num">7</span>
 +
                               
 +
                            </div>
 +
                            <!-- end number page  --> 
 +
                           
 +
                           
 +
                           
 +
                          </div>
 +
                          <!-- end container page book -->
 +
                           
 +
                    </div>
 +
                    <!-- END PAGE 7 -->
 +
                     
 +
                   
 +
                    <!-- BEGIN PAGE 8 -->         
 +
                    <div style="background-image:url()">
 +
                         
 +
                        <!-- begin container page book -->
 +
                        <div class="fb7-cont-page-book">
 +
                         
 +
                            <!-- description for page -->
 +
                            <div class="fb7-page-book">
 +
                                <h1>Vis id quas novum</h1>
 +
                                <p>Cu modus putent partiendo duo. Mel id nonumy iisque. Vis ex labitur gloriatur, no qui iusto albucius. Tantas nominavi conceptam ius in, mel posse choro cu.</p>
 +
                                <p>Mel liber everti nostrum ne, illud tincidunt an mea. In debitis feugait deseruisse vim. Duo dicat vocent eu. Sea error tollit denique ne. Vim id postea neglegentur. Mel eu soluta splendide concludaturque.</p>
 +
                                <p>Usu te prompta percipitur. Dictas repudiandae vel ut, sed ad omnium scriptorem, vix consul atomorum petentium no. Prompta eleifend ne eam, mel esse reque theophrastus in. Malis possit an est, ancillae definitiones vix at. Eu magna nihil his, has elitr perfecto nominati ea, quas maiestatis in sed.</p>
 +
                                <p>Error eirmod invidunt in est. Vix ne voluptua accusata sadipscing, pri eu alia legimus facilisi, et quo mnesarchum efficiendi. Duo te labores accusam. An vim case ferri tractatos, habemus voluptaria philosophia ut mei.</p>
 +
                                <p>Regione mentitum sit ad, nihil nominavi consetetur in vel. Semper oportere patrioque duo ne. Ne his option nonumes. Ad sea meis necessitatibus, has iisque fastidii ut, alia quidam ea pro. Eius gloriatur reformidans ne mei, qui impedit mentitum ad.</p>
 +
                                <p>Vis id quas novum. Eos debitis expetendis ea, nullam libris deleniti mei ne. Te tale suas eam, everti fuisset scribentur et vix. Id qui etiam percipit, omnes copiosae eam at. Omnium eleifend interpretaris sea ea, wisi mediocritatem cu vix, qui no sale dicit efficiendi. No his nominavi eleifend, case solet dissentiet duo ad.</p>
 +
                                <p>Sonet accusata quo te, erant munere an mei. Meis soleat fabulas eum ut. Ius iusto volumus recteque cu, libris interesset ea per, usu maluisset dignissim mnesarchum in. Vitae primis vis ei. Pro amet tale falli ad, ei usu adipiscing eloquentiam, ex augue tacimates definiebas qui.</p>
 +
                           
 +
                            </div>
 +
                                 
 +
                                 
 +
                                     
 +
                            <!-- begin number page -->               
 +
                            <div class="fb7-meta">                       
 +
                                    <span class="fb7-num">8</span>
 +
                               
 +
                            </div>
 +
                            <!-- end number page -->
 +
                           
 +
                           
 +
                           
 +
                          </div>
 +
                          <!-- end container page book -->
 +
                           
 +
                    </div>
 +
                    <!-- END PAGE 8 -->
 +
                     
 +
                   
 +
                   
 +
                   
 +
                    <!-- BEGIN PAGE 9 -->         
 +
                    <div style="background-image:url(images/9.jpg)">
 +
                         
 +
                        <!-- begin container page book -->
 +
                        <div class="fb7-cont-page-book">
 +
                         
 +
                            <!-- description for page -->
 +
                            <div class="fb7-page-book">
 +
                                           
 +
                            </div>                         
 +
                                 
 +
                                     
 +
                            <!-- begin number page -->             
 +
                            <div class="fb7-meta">
 +
                               
 +
                                    <span class="fb7-num">9</span>
 +
                               
 +
                            </div>
 +
                            <!-- end number page -->
 +
                           
 +
                           
 +
                           
 +
                           
 +
                          </div>
 +
                          <!-- end container page book -->
 +
                         
 +
                           
 +
                    </div>
 +
                    <!-- END PAGE 9 -->
 +
                     
 +
                   
 +
                    <!-- BEGIN PAGE 10 -->         
 +
                    <div style="background-image:url()">
 +
                         
 +
                        <!-- begin container page book -->
 +
                        <div class="fb7-cont-page-book">
 +
                         
 +
                                <!-- description for page-->
 +
                                <div class="fb7-page-book">
 +
                                    <p>&nbsp;</p>
 +
                                    <p>&nbsp;</p>
 +
                                    <p>&nbsp;</p>
 +
                                    <p>&nbsp;</p>
 +
                                    <p>&nbsp;</p>
 +
                                    <p>&nbsp;</p>
 +
                                    <p>&nbsp;</p>
 +
                                    <p>&nbsp;</p>
 +
                                    <p>&nbsp;</p>
 +
                                    <p>&nbsp;</p>
 +
                                    <h1 style="padding-left: 150px;">&nbsp;THE END</h1>                   
 +
                                </div>
 +
                                   
 +
                        </div>
 +
                        <!-- end container page book -->
 +
                           
 +
                    </div>
 +
                    <!-- END PAGE 10 -->
 +
                                 
 +
         
 +
           
 +
            </div>
 +
            <!-- END PAGES -->
 +
                     
 +
           
 +
            <!-- arrows -->
 +
            <a class="fb7-nav-arrow prev"></a>
 +
            <a class="fb7-nav-arrow next"></a>
 +
                   
 +
            <!-- shadow -->
 +
            <div class="fb7-shadow"></div>
 +
   
 +
        </div>
 +
        <!-- END CONTAINER BOOK -->
 +
   
 +
        <!-- BEGIN FOOTER -->
 +
        <div id="fb7-footer">
 +
       
 +
            <div class="fb7-bcg-tools"></div>
 +
           
 +
            <div class="fb7-menu" id="fb7-center">
 +
                <ul>
 +
               
 +
                    <!-- margin left -->
 +
                    <li></li>
 +
                           
 +
                    <!-- icon download -->
 +
                    <li>
 +
                        <a title="Pdf File Or Zip" class="fb7-download" href="#"></a>
 +
                    </li>
 +
                                           
 +
                   
 +
                    <!-- icon_zoom_in -->                       
 +
                    <li>
 +
                        <a title="Zoom In" class="fb7-zoom-in"></a>
 +
                    </li>
 +
                                   
 +
                   
 +
                    <!-- icon_zoom_out -->               
 +
                    <li>
 +
                        <a title="Zoom Out" class="fb7-zoom-out"></a>
 +
                    </li>
 +
                                   
 +
                   
 +
                    <!-- icon_zoom_auto -->
 +
                    <li>
 +
                        <a title="Zoom Auto" class="fb7-zoom-auto"></a>
 +
                    </li>
 +
                                   
 +
                   
 +
                    <!-- icon_zoom_original -->
 +
                    <li>
 +
                        <a title="Zoom Original (Scale 1:1)" class="fb7-zoom-original"></a>
 +
                    </li>
 +
                                   
 +
                   
 +
                    <!-- icon_allpages -->
 +
                    <li>
 +
                        <a title="Show All Pages " class="fb7-show-all"></a>
 +
                    </li>
 +
                                                   
 +
                   
 +
                    <!-- icon_home -->
 +
                    <li>
 +
                        <a title="Show Home Page" class="fb7-home"></a>
 +
                    </li>
 +
                                   
 +
                    <!-- icon fullscreen -->               
 +
                    <li>
 +
                        <a title="Full / Normal Screen" class="fb7-fullscreen"></a>
 +
                    </li>
 +
                           
 +
                    <!-- margin right -->               
 +
                    <li></li>
 +
                   
 +
                </ul>
 +
            </div>
 +
           
 +
            <div class="fb7-menu" id="fb7-right">
 +
                <ul>                             
 +
                    <!-- icon page manager -->               
 +
                    <li class="fb7-goto">
 +
                        <label for="fb7-page-number" id="fb7-label-page-number"></label>
 +
                        <input type="text" id="fb7-page-number">
 +
                        <button type="button">Go</button>
 +
                    </li>
 +
       
 +
                </ul>
 +
            </div>   
 +
               
 +
        </div>
 +
        <!-- END FOOTER -->
 +
   
 +
        <!-- BEGIN THUMBS -->
 +
        <div id="fb7-all-pages" class="fb7-overlay">
 +
   
 +
          <section class="fb7-container-pages">
 +
   
 +
            <div id="fb7-menu-holder">
 +
   
 +
                <ul id="fb7-slider">
 +
               
 +
                        <!-- PAGE 1 - THUMB -->
 +
                        <li class="1">
 +
                          <img alt="" src="images/1_.jpg">
 +
                        </li>
 +
                       
 +
                        <!-- PAGE 2 - THUMB -->
 +
                        <li class="2">
 +
                          <img alt="" src="images/2_.jpg">
 +
                        </li>
 +
                       
 +
                        <!-- PAGE 3 - THUMB -->
 +
                        <li class="3">
 +
                          <img alt="" src="images/3_.jpg">
 +
                        </li>
 +
                       
 +
                        <!-- PAGE 4-5 - THUMB -->
 +
                        <li class="5">
 +
                          <img alt="" src="images/4_5_.jpg">
 +
                        </li>
 +
                       
 +
                        <!-- PAGE 6 - THUMB -->
 +
                        <li class="6">
 +
                          <img alt="" src="images/6_.jpg">
 +
                        </li>
 +
                       
 +
                        <!-- PAGE 7 - THUMB -->
 +
                        <li class="7">
 +
                          <img alt="" src="images/7_.jpg">
 +
                        </li>
 +
                       
 +
                        <!-- PAGE 8 - THUMB -->
 +
                        <li class="8">
 +
                          <img alt="" src="images/8_.jpg">
 +
                        </li>
 +
                       
 +
                        <!-- PAGE 9 - THUMB -->
 +
                        <li class="9">
 +
                          <img alt="" src="images/9_.jpg">
 +
                        </li>
 +
                       
 +
                        <!-- PAGE 10S - THUMB -->
 +
                        <li class="10">
 +
                          <img alt="" src="images/end_.jpg">
 +
                        </li>
 +
         
 +
                </ul>
 +
           
 +
            </div>
 +
   
 +
        </section>
 +
   
 +
      </div>
 +
        <!-- END THUMBS -->
  
−
<div class="medium_framework">
+
  </div>
−
<h1> DEMO PART 2 </h1>
+
    <!-- END HTML BOOK -->  
−
<p>Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! </p>
+
   
 +
   
 +
</div>
 +
<!-- END FLIPBOOK STRUCTURE -->  
 
</div>
 
</div>
  
−
<div class="medium_framework">
 
−
<h1> DEMO PART 3 </h1>
 
−
<p>Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! Your team has been approved and you are ready to start the iGEM season! </p>
 
−
</div>
 
  
 
<div class="footer">
 
<div class="footer">
Line 165: Line 711:
  
 
</div>  
 
</div>  
 +
 +
<script src="https://2019.igem.org/Template:SMMU-China/JS_notebook_jquery?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Template:SMMU-China/JS_notebook_onload?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Template:SMMU-China/JS_notebook_turn?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Template:SMMU-China/JS_notebook_jquery_fullscreen?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Template:SMMU-China/JS_notebook_jquery_address_1_6_min?action=raw&ctype=text/javascript"></script>
 +
<script>
 +
jQuery('#fb7-ajax').data('config',
 +
    {
 +
"page_width":"640",
 +
"page_height":"920",
 +
"go_to_page":"Page",
 +
"gotopage_width":"45",
 +
"zoom_double_click":"1",
 +
"zoom_step":"0.06",
 +
"tooltip_visible":"true",
 +
"toolbar_visible":"true",
 +
"deeplinking_enabled":"true",
 +
"double_click_enabled":"true",
 +
"rtl":"false"
 +
    })
 +
</script>
  
 
</html>
 
</html>

Revision as of 13:04, 19 September 2019

XiaoTian
Home
Home
PROJECT
Description
Design
Experiments
Notebook
Contribution
Results
Demonstrate
Improve
Attributions
PARTS
Parts Overview
Basic Parts
Composite Parts
Part Collection
Safety
Safety
HUMAN PRACTICES
Human Practices
Education & Engagement
AWARDS
Model
Software
page_banner_default
Notebook
This is a descriptive paragraph.

Why choose FlipBook?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu tellus ipsum,sit amet fermentum eros. Aliquam eget nulla neque, dignissim consectetur velit.Sed non metus sapien, nec laoreet ipsum.

What is this?

Ipsum Youtube sit amet, consectetur adipiscing elit. Praesent eu tellus ipsum, sit amet fermentum eros. Aliquam eget nulla neque, dignissim consectetur velit. Sed non metus sapien, nec laoreet ipsum.

Best features

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu tellus ipsum, sit amet fermentum eros. Aliquam eget nulla neque, dignissim consectetur velit. Sed non metus sapien, nec laoreet ipsum.

 

 

 

 

Table of Contents

Integre nominavi vulputate ne
  1. Lorem ipsum dolor sit amet, cum integre nominavi vulputate ne.
  2. Iudico platonem qui ex, est eu malis dicunt malorum
  3. No integre phaedrum pri, elit autem dissentiunt vix in.
  4. Sit posse nostrum scribentur at.
  5. Timeam sententiae nam at, vim eu harum quaerendum.
  6. Ea quo illum aliquando.
  7. Facete temporibus consectetuer id per, erant numquam rationibus cu his.
Eu pri electram facilisis
  1. In eam sale zril, ut vix iuvaret convenire.
  2. Erat nobis convenire per et.
  3. Detracto democritum voluptaria et vel
  4. Nonumy incorrupte mea ea
  5. Ornatus ponderum sea ea.
No cum velit numquam laoreet
  1. Lorem ipsum dolor sit amet, cum integre nominavi vulputate ne.
  2. Iudico platonem qui ex, est eu malis dicunt malorum
  3. No integre phaedrum pri, elit autem dissentiunt vix in.
  4. Sit posse nostrum scribentur at.
  5. Timeam sententiae nam at, vim eu harum quaerendum.
  6. Ea quo illum aliquando.
  7. Facete temporibus consectetuer id per, erant numquam rationibus cu his.
Modo expetendis mea ut
  1. Lorem ipsum dolor sit amet, cum integre nominavi vulputate ne.
  2. Iudico platonem qui ex, est eu malis dicunt malorum
  3. No integre phaedrum pri, elit autem dissentiunt vix in.
2
3
6

Duo antiopam platonem

Noluisse constituto reprehendunt his ne. Ea eam eruditi feugait tacimates, ex percipit qualisque dignissim duo. Verterem voluptatum reprimique nec an. No nec utamur verterem. Utamur dolores reprimique cum ne, ei pro ocurreret consequat instructior.

Nihil incorrupte eu has, no vix saepe volumus, sit no iusto deseruisse efficiantur. His ut essent molestie deserunt, nemore laoreet tacimates vix eu. Choro cetero at duo. Ut appetere voluptaria usu, et ius fugit legimus.

Pro idque mucius bonorum in. Natum youtube dolorum qui et, eum percipitur sadipscing eu. Ex phaedrum mediocrem nec. Nam cu nullam tamquam efficiantur, his quot nobis ut. Id est nihil exerci, paulo aliquando ut his.

Te ius noster alienum, semper feugait voluptatum an mel. Impedit reprimique quo et, at illum alterum admodum vix. Eum hinc lorem ei. Causae bonorum scaevola vix et, alii meliore intellegebat te sit, duis oblique usu te. His an pericula neglegentur, erant oratio an pro, ea nam mentitum mandamus maiestatis. Quot inani nominavi vix ei.

Nihil incorrupte eu has, no vix saepe volumus, sit no iusto deseruisse efficiantur. His ut essent molestie deserunt, nemore laoreet tacimates vix eu. Choro cetero at duo. Ut appetere voluptaria usu, et ius fugit legimus.

 Nam cu nullam tamquam efficiantur:
  • Natum epicurei comprehensam ex pe
  • Ridens corrumpit abhorreant nam id
  • Eu inani eirmod alterum
  • his ne iudico iuvaret delenit
  • Choro cetero at duo
  • Iusto deseruisse efficiantur
  • His cu utinam appareat
7

Vis id quas novum

Cu modus putent partiendo duo. Mel id nonumy iisque. Vis ex labitur gloriatur, no qui iusto albucius. Tantas nominavi conceptam ius in, mel posse choro cu.

Mel liber everti nostrum ne, illud tincidunt an mea. In debitis feugait deseruisse vim. Duo dicat vocent eu. Sea error tollit denique ne. Vim id postea neglegentur. Mel eu soluta splendide concludaturque.

Usu te prompta percipitur. Dictas repudiandae vel ut, sed ad omnium scriptorem, vix consul atomorum petentium no. Prompta eleifend ne eam, mel esse reque theophrastus in. Malis possit an est, ancillae definitiones vix at. Eu magna nihil his, has elitr perfecto nominati ea, quas maiestatis in sed.

Error eirmod invidunt in est. Vix ne voluptua accusata sadipscing, pri eu alia legimus facilisi, et quo mnesarchum efficiendi. Duo te labores accusam. An vim case ferri tractatos, habemus voluptaria philosophia ut mei.

Regione mentitum sit ad, nihil nominavi consetetur in vel. Semper oportere patrioque duo ne. Ne his option nonumes. Ad sea meis necessitatibus, has iisque fastidii ut, alia quidam ea pro. Eius gloriatur reformidans ne mei, qui impedit mentitum ad.

Vis id quas novum. Eos debitis expetendis ea, nullam libris deleniti mei ne. Te tale suas eam, everti fuisset scribentur et vix. Id qui etiam percipit, omnes copiosae eam at. Omnium eleifend interpretaris sea ea, wisi mediocritatem cu vix, qui no sale dicit efficiendi. No his nominavi eleifend, case solet dissentiet duo ad.

Sonet accusata quo te, erant munere an mei. Meis soleat fabulas eum ut. Ius iusto volumus recteque cu, libris interesset ea per, usu maluisset dignissim mnesarchum in. Vitae primis vis ei. Pro amet tale falli ad, ei usu adipiscing eloquentiam, ex augue tacimates definiebas qui.

8
9

 

 

 

 

 

 

 

 

 

 

 THE END

Contact Us
E-Mail: igem-smmu@smmu.edu.cn
Phone: +86 021-81870925
© 2019. SMMU. All rights reserved.