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&action=raw&ctype=text/css" />
 
<link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:SMMU-China/CSS_notebook_style&action=raw&ctype=text/css" />
 
<link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:SMMU-China/CSS_notebook_style&action=raw&ctype=text/css" />
 
<link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:SMMU-China/CSS_notebook_elements&action=raw&ctype=text/css" />
 
<link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:SMMU-China/CSS_notebook_elements&action=raw&ctype=text/css" />
Line 12: Line 12:
  
 
<style type="text/css">
 
<style type="text/css">
html, body {
+
    html, body {
overflow:auto !important;
+
        overflow:auto !important;
 
     }
 
     }
  
 
     body,html,#fb7-ajax {
 
     body,html,#fb7-ajax {
    height: 100vh;
+
        height: 100vh;
    margin-bottom: -50px;
+
        margin-bottom: -50px;
 
     }
 
     }
  
 
     .footer{
 
     .footer{
    margin-top: 50px;
+
        margin-top: 50px;
 
     }
 
     }
 
</style>
 
</style>
  
<div class="big_framework">
+
<div class="big_framework">
<div class="index-nav">
+
    <div class="index-nav">
<div class="index-nav-frame clearfix">
+
        <div class="index-nav-frame clearfix">
<div class="nav-line">
+
            <div class="nav-line">
<div class="index-nav-frame-logo-mobile">
+
                <div class="index-nav-frame-logo-mobile">
<img src="https://static.igem.org/mediawiki/2019/a/a5/T--SMMU-China--xiaotian_logo.png" alt="XiaoTian">
+
                    <img src="https://static.igem.org/mediawiki/2019/a/a5/T--SMMU-China--xiaotian_logo.png" alt="XiaoTian">
</div>
+
                </div>
</div>
+
            </div>
<div class="nav-small" tabindex="-1">
+
            <div class="nav-small" tabindex="-1">
<div class="nav-small-focus" tabindex="-1">
+
                <div class="nav-small-focus" tabindex="-1">
+
</div>
+
<img src="https://static.igem.org/mediawiki/2019/7/70/T--SMMU-China--header_icon.png"/>
+
</div>
+
<div class="index-nav-frame-logo">
+
<img src="https://static.igem.org/mediawiki/2019/a/a5/T--SMMU-China--xiaotian_logo.png" alt="XiaoTian">
+
</div>
+
<div class="index-nav-frame-line first-one" tabindex="-1">
+
<a href="https://2019.igem.org/Team:SMMU-China">Home</a>
+
<div class="index-nav-frame-line-center need-to-be-hidden">
+
<div class="index-nav-frame-line-li">
+
<a href="https://2019.igem.org/Team:SMMU-China">Home</a>
+
</div>
+
</div>
+
<div class="index-nav-frame-line-focus" tabindex="-1"></div>
+
</div>
+
<div class="index-nav-frame-line active" tabindex="-1">
+
PROJECT
+
<div class="index-nav-frame-line-center">
+
<div class="index-nav-frame-line-li">
+
<a href="https://2019.igem.org/Team:SMMU-China/Description">Description</a>
+
</div>
+
<div class="index-nav-frame-line-li">
+
<a href="https://2019.igem.org/Team:SMMU-China/Design">Design</a>
+
</div>
+
<div class="index-nav-frame-line-li">
+
<a href="https://2019.igem.org/Team:SMMU-China/Experiments">Experiments</a>
+
</div>
+
<div class="index-nav-frame-line-li">
+
<a href="https://2019.igem.org/Team:SMMU-China/Notebook">Notebook</a>
+
</div>
+
<div class="index-nav-frame-line-li">
+
<a href="https://2019.igem.org/Team:SMMU-China/Contribution">Contribution</a>
+
</div>
+
<div class="index-nav-frame-line-li">
+
<a href="https://2019.igem.org/Team:SMMU-China/Results">Results</a>
+
</div>
+
<div class="index-nav-frame-line-li">
+
<a href="https://2019.igem.org/Team:SMMU-China/Demonstrate">Demonstrate</a>
+
</div>
+
<div class="index-nav-frame-line-li">
+
<a href="https://2019.igem.org/Team:SMMU-China/Improve">Improve</a>
+
</div>
+
<div class="index-nav-frame-line-li">
+
<a href="https://2019.igem.org/Team:SMMU-China/Attributions">Attributions</a>
+
</div>
+
</div>
+
<div class="index-nav-frame-line-focus" tabindex="-1"></div>
+
</div>
+
<div class="index-nav-frame-line" tabindex="-1">
+
PARTS
+
<div class="index-nav-frame-line-center">
+
<div class="index-nav-frame-line-li">
+
<a href="https://2019.igem.org/Team:SMMU-China/Parts">Parts Overview</a>
+
</div>
+
<div class="index-nav-frame-line-li">
+
<a href="https://2019.igem.org/Team:SMMU-China/Basic_Part">Basic Parts</a>
+
</div>
+
<div class="index-nav-frame-line-li">
+
<a href="https://2019.igem.org/Team:SMMU-China/Composite_Part">Composite Parts</a>
+
</div>
+
<div class="index-nav-frame-line-li">
+
<a href="https://2019.igem.org/Team:SMMU-China/Part_Collection">Part Collection</a>
+
</div>
+
</div>
+
<div class="index-nav-frame-line-focus" tabindex="-1"></div>
+
</div>
+
<div class="index-nav-frame-line" tabindex="-1">
+
<a href="https://2019.igem.org/Team:SMMU-China/Safety">Safety</a>
+
<div class="index-nav-frame-line-center need-to-be-hidden">
+
<div class="index-nav-frame-line-li">
+
<a href="https://2019.igem.org/Team:SMMU-China/Safety">Safety</a>
+
</div>
+
</div>
+
<div class="index-nav-frame-line-focus" tabindex="-1"></div>
+
</div>
+
<div class="index-nav-frame-line HP-button" tabindex="-1">
+
HUMAN PRACTICES
+
<div class="index-nav-frame-line-center">
+
<div class="index-nav-frame-line-li">
+
<a href="https://2019.igem.org/Team:SMMU-China/Human_Practices">Human Practices</a>
+
</div>
+
<div class="index-nav-frame-line-li">
+
<a href="https://2019.igem.org/Team:SMMU-China/Public_Engagement">Education & Engagement</a>
+
</div>
+
</div>
+
<div class="index-nav-frame-line-focus" tabindex="-1"></div>
+
</div>
+
<div class="index-nav-frame-line" tabindex="-1">
+
AWARDS
+
<div class="index-nav-frame-line-center">
+
<div class="index-nav-frame-line-li">
+
<a href="https://2019.igem.org/Team:SMMU-China/Model">Model</a>
+
</div>
+
<div class="index-nav-frame-line-li">
+
<a href="https://2019.igem.org/Team:SMMU-China/Software">Software</a>
+
</div>
+
</div>
+
<div class="index-nav-frame-line-focus" tabindex="-1"></div>
+
</div>
+
</div>
+
</div>
+
+
<div class="blank_framework"></div>
+
 
+
<div class="page_banner">
+
<img src="https://static.igem.org/mediawiki/2019/8/82/T--SMMU-China--page_banner_default.jpg" alt="page_banner_default">
+
</div>
+
  
<div class="page_big_title_box">
+
                </div>
<div class="page_big_title">Notebook</div>
+
                <img src="https://static.igem.org/mediawiki/2019/7/70/T--SMMU-China--header_icon.png"/>
<div class="page_big_subtitle">This is a descriptive paragraph.</div>
+
</div>
+
 
+
 
+
<!-- BEGIN FLIPBOOK STRUCTURE --
+
<div data-template="true" data-cat="book7" id="fb7-ajax"> 
+
 
+
       
+
    <!-- 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 class="index-nav-frame-logo">
 +
                <img src="https://static.igem.org/mediawiki/2019/a/a5/T--SMMU-China--xiaotian_logo.png" alt="XiaoTian">
 
             </div>
 
             </div>
             <div id="wBall_2" class="wBall">
+
             <div class="index-nav-frame-line first-one" tabindex="-1">
            <div class="wInnerBall">
+
                <a href="https://2019.igem.org/Team:SMMU-China">Home</a>
 +
                <div class="index-nav-frame-line-center need-to-be-hidden">
 +
                    <div class="index-nav-frame-line-li">
 +
                        <a href="https://2019.igem.org/Team:SMMU-China">Home</a>
 +
                    </div>
 +
                </div>
 +
                <div class="index-nav-frame-line-focus" tabindex="-1"></div>
 
             </div>
 
             </div>
 +
            <div class="index-nav-frame-line active" tabindex="-1">
 +
                PROJECT
 +
                <div class="index-nav-frame-line-center">
 +
                    <div class="index-nav-frame-line-li">
 +
                        <a href="https://2019.igem.org/Team:SMMU-China/Description">Description</a>
 +
                    </div>
 +
                    <div class="index-nav-frame-line-li">
 +
                        <a href="https://2019.igem.org/Team:SMMU-China/Design">Design</a>
 +
                    </div>
 +
                    <div class="index-nav-frame-line-li">
 +
                        <a href="https://2019.igem.org/Team:SMMU-China/Experiments">Experiments</a>
 +
                    </div>
 +
                    <div class="index-nav-frame-line-li">
 +
                        <a href="https://2019.igem.org/Team:SMMU-China/Notebook">Notebook</a>
 +
                    </div>
 +
                    <div class="index-nav-frame-line-li">
 +
                        <a href="https://2019.igem.org/Team:SMMU-China/Contribution">Contribution</a>
 +
                    </div>
 +
                    <div class="index-nav-frame-line-li">
 +
                        <a href="https://2019.igem.org/Team:SMMU-China/Results">Results</a>
 +
                    </div>
 +
                    <div class="index-nav-frame-line-li">
 +
                        <a href="https://2019.igem.org/Team:SMMU-China/Demonstrate">Demonstrate</a>
 +
                    </div>
 +
                    <div class="index-nav-frame-line-li">
 +
                        <a href="https://2019.igem.org/Team:SMMU-China/Improve">Improve</a>
 +
                    </div>
 +
                    <div class="index-nav-frame-line-li">
 +
                        <a href="https://2019.igem.org/Team:SMMU-China/Attributions">Attributions</a>
 +
                    </div>
 +
                </div>
 +
                <div class="index-nav-frame-line-focus" tabindex="-1"></div>
 
             </div>
 
             </div>
             <div id="wBall_3" class="wBall">
+
             <div class="index-nav-frame-line" tabindex="-1">
            <div class="wInnerBall">
+
                PARTS
 +
                <div class="index-nav-frame-line-center">
 +
                    <div class="index-nav-frame-line-li">
 +
                        <a href="https://2019.igem.org/Team:SMMU-China/Parts">Parts Overview</a>
 +
                    </div>
 +
                    <div class="index-nav-frame-line-li">
 +
                        <a href="https://2019.igem.org/Team:SMMU-China/Basic_Part">Basic Parts</a>
 +
                    </div>
 +
                    <div class="index-nav-frame-line-li">
 +
                        <a href="https://2019.igem.org/Team:SMMU-China/Composite_Part">Composite Parts</a>
 +
                    </div>
 +
                    <div class="index-nav-frame-line-li">
 +
                        <a href="https://2019.igem.org/Team:SMMU-China/Part_Collection">Part Collection</a>
 +
                    </div>
 +
                </div>
 +
                <div class="index-nav-frame-line-focus" tabindex="-1"></div>
 
             </div>
 
             </div>
 +
            <div class="index-nav-frame-line" tabindex="-1">
 +
                <a href="https://2019.igem.org/Team:SMMU-China/Safety">Safety</a>
 +
                <div class="index-nav-frame-line-center need-to-be-hidden">
 +
                    <div class="index-nav-frame-line-li">
 +
                        <a href="https://2019.igem.org/Team:SMMU-China/Safety">Safety</a>
 +
                    </div>
 +
                </div>
 +
                <div class="index-nav-frame-line-focus" tabindex="-1"></div>
 
             </div>
 
             </div>
             <div id="wBall_4" class="wBall">
+
             <div class="index-nav-frame-line HP-button" tabindex="-1">
            <div class="wInnerBall">
+
                HUMAN PRACTICES
            </div>
+
                <div class="index-nav-frame-line-center">
            </div>
+
                    <div class="index-nav-frame-line-li">
            <div id="wBall_5" class="wBall">
+
                        <a href="https://2019.igem.org/Team:SMMU-China/Human_Practices">Human Practices</a>
            <div class="wInnerBall">
+
                    </div>
 +
                    <div class="index-nav-frame-line-li">
 +
                        <a href="https://2019.igem.org/Team:SMMU-China/Public_Engagement">Education & Engagement</a>
 +
                    </div>
 +
                </div>
 +
                <div class="index-nav-frame-line-focus" tabindex="-1"></div>
 
             </div>
 
             </div>
 +
            <div class="index-nav-frame-line" tabindex="-1">
 +
                AWARDS
 +
                <div class="index-nav-frame-line-center">
 +
                    <div class="index-nav-frame-line-li">
 +
                        <a href="https://2019.igem.org/Team:SMMU-China/Model">Model</a>
 +
                    </div>
 +
                    <div class="index-nav-frame-line-li">
 +
                        <a href="https://2019.igem.org/Team:SMMU-China/Software">Software</a>
 +
                    </div>
 +
                </div>
 +
                <div class="index-nav-frame-line-focus" tabindex="-1"></div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
             
+
    </div>
         <!-- background for book -->
+
 
        <div class="fb7-bcg-book"></div>              
+
    <div class="blank_framework"></div>
     
+
 
        <!-- BEGIN CONTAINER BOOK -->
+
    <div class="page_banner">
        <div id="fb7-container-book">
+
         <img src="https://static.igem.org/mediawiki/2019/8/82/T--SMMU-China--page_banner_default.jpg" alt="page_banner_default">
   
+
    </div>
          <!-- BEGIN deep linking -->
+
 
          <section id="fb7-deeplinking">
+
    <div class="page_big_title_box">
            <ul>
+
        <div class="page_big_title">Notebook</div>
                <li data-address="page1" data-page="1"></li>
+
        <div class="page_big_subtitle">This is a descriptive paragraph.</div>
                <li data-address="page2-page3" data-page="2"></li>
+
    </div>
                <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>
+
    <!-- Days Begin -->
                <li data-address="page6-page7" data-page="6"></li>
+
    <div class="medium_framework">
                <li data-address="page6-page7" data-page="7"></li>
+
        <h1> Notebook </h1>
                <li data-address="page8-page9" data-page="8"></li>
+
        <p><input type="checkbox" id="accordion-toggle"><label for="accordion-toggle">After checking this checkbox, clicking the other drop-down box will not automatically close the box which has been pulled down.</label></p>
                <li data-address="page8-page9" data-page="9"></li>
+
 
                <li data-address="end" data-page="10"></li>
+
        <div class="container collapse">
            </ul>
+
            <details>
          </section>
+
                <summary>Day 1</summary>
          <!-- END deep linking -->
+
                <div class="details-wrapper">
       
+
                    <div class="details-styling">
           
+
                        <p>our 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>
          <!-- BEGIN ABOUT -->
+
                        <p>our 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>
          <section id="fb7-about">
+
                    </div>
                  <h1>Why choose <strong>FlipBook?</strong></h1>
+
                </div>
                  <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>
+
            </details>
                  <h1>What is <strong>this</strong>?</h1>
+
            <details>
                  <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>
+
                <summary>Day 2</summary>
                  <h1>Best <strong>features</strong></h1>
+
                <div class="details-wrapper">
                  <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>
+
                    <div class="details-styling">
                  <p>&nbsp;</p>
+
                        <p>our 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>
                  <p>&nbsp;</p>
+
                    </div>
                  <p>&nbsp;</p>
+
                </div>
                  <p>&nbsp;</p>
+
            </details>
          </section>
+
            <details>
          <!-- END ABOUT -->
+
                <summary>Day 3</summary>
   
+
                <div class="details-wrapper">
   
+
                    <div class="details-styling">
            <!-- BEGIN PAGES -->
+
                        <p>our 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 id="fb7-book">      
+
                    </div>
             
+
                </div>
           
+
            </details>
                     <!-- BEGIN PAGE 1 -->        
+
        </div>
 +
    </div>
 +
 
 +
 
 +
    <!-- BEGIN FLIPBOOK STRUCTURE -->
 +
    <div data-template="true" data-cat="book7" id="fb7-ajax">
 +
 
 +
 
 +
        <!-- 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(https://static.igem.org/mediawiki/2019/2/2a/T--SMMU-China--notebook_test_1.jpg)" class="fb7-noshadow">
 
                     <div style="background-image:url(https://static.igem.org/mediawiki/2019/2/2a/T--SMMU-China--notebook_test_1.jpg)" class="fb7-noshadow">
                         
+
 
                        <!-- begin container page book -->  
+
                        <!-- begin container page book -->
                        <div class="fb7-cont-page-book">
+
                        <div class="fb7-cont-page-book">
                         
+
 
                             <!-- description for page -->  
+
                             <!-- description for page -->
 
                             <div class="fb7-page-book">
 
                             <div class="fb7-page-book">
                       
+
 
                             </div>  
+
                             </div>
                           
+
 
                           
+
 
                        </div>
+
                        </div>
                         <!-- end container page book -->  
+
                         <!-- end container page book -->
                           
+
 
 
                     </div>
 
                     </div>
 
                     <!-- END PAGE 1 -->
 
                     <!-- END PAGE 1 -->
                     
+
 
                   
+
 
                   
+
 
                     <!-- BEGIN PAGE 2 -->        
+
                     <!-- BEGIN PAGE 2 -->
 
                     <div style="background-image:url()" >
 
                     <div style="background-image:url()" >
                         
+
 
                        <!-- begin container page book -->
+
                        <!-- begin container page book -->
                        <div class="fb7-cont-page-book">
+
                        <div class="fb7-cont-page-book">
                         
+
 
                            <!-- description for page  -->  
+
                            <!-- description for page  -->
 
                             <div class="fb7-page-book">
 
                             <div class="fb7-page-book">
                                    <h1>Table of Contents</h1>
+
                                <h1>Table of Contents</h1>
                                    <h6>Integre nominavi vulputate ne</h6>
+
                                <h6>Integre nominavi vulputate ne</h6>
                                    <ol>
+
                                <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)">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)">Iudico platonem qui ex, est eu malis dicunt malorum</a></li>
Line 264: Line 299:
 
                                     <li><a href="javascript:setPage(4)">Ea quo illum aliquando.</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>
 
                                     <li><a href="javascript:setPage(4)">Facete temporibus consectetuer id per, erant numquam rationibus cu his</a>.</li>
                                    </ol>
+
                                </ol>
                                    <h6>Eu pri electram facilisis</h6>
+
                                <h6>Eu pri electram facilisis</h6>
                                    <ol>
+
                                <ol>
 
                                     <li><a href="javascript:setPage(4)">In eam sale zril, ut vix iuvaret convenire.</a></li>
 
                                     <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)">Erat nobis convenire per et.</a></li>
Line 272: Line 307:
 
                                     <li><a href="javascript:setPage(4)">Nonumy incorrupte mea ea</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>
 
                                     <li><a href="javascript:setPage(4)">Ornatus ponderum sea ea</a>.</li>
                                    </ol>
+
                                </ol>
                                    <h6>No cum velit numquam laoreet</h6>
+
                                <h6>No cum velit numquam laoreet</h6>
                                    <ol>
+
                                <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)">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)">Iudico platonem qui ex, est eu malis dicunt malorum</a></li>
Line 282: Line 317:
 
                                     <li><a href="javascript:setPage(4)">Ea quo illum aliquando.</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>
 
                                     <li><a href="javascript:setPage(4)">Facete temporibus consectetuer id per, erant numquam rationibus cu his</a>.</li>
                                    </ol>
+
                                </ol>
                                    <h6>Modo expetendis mea ut</h6>
+
                                <h6>Modo expetendis mea ut</h6>
                                    <ol>
+
                                <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)">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)">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)">No integre phaedrum pri, elit autem dissentiunt vix in.</a></li>
                                    </ol>
+
                                </ol>
                           
+
 
                            </div>                   
+
                                 
+
                                     
+
                            <!-- begin number page -->               
+
                            <div class="fb7-meta">                       
+
                                    <span class="fb7-num">2</span>                       
+
 
                             </div>
 
                             </div>
                             <!-- end number page -->  
+
 
                           
+
 
                              
+
                             <!-- begin number page -->
                              
+
                            <div class="fb7-meta">
                          </div>
+
                                <span class="fb7-num">2</span>
                          <!-- end container page book -->
+
                             </div>
                           
+
                             <!-- end number page -->
 +
 
 +
 
 +
 
 +
                        </div>
 +
                        <!-- end container page book -->
 +
 
 
                     </div>
 
                     </div>
                    <!-- END PAGE 2 -->
+
                    <!-- END PAGE 2 -->
                     
+
 
                   
+
 
                     <!-- BEGIN PAGE 3 -->        
+
                     <!-- BEGIN PAGE 3 -->
 
                     <div style="background-image:url(https://static.igem.org/mediawiki/2019/9/91/T--SMMU-China--notebook_test_3.jpg)" >
 
                     <div style="background-image:url(https://static.igem.org/mediawiki/2019/9/91/T--SMMU-China--notebook_test_3.jpg)" >
                         
+
 
                        <!-- begin container page book -->
+
                        <!-- begin container page book -->
                        <div class="fb7-cont-page-book">
+
                        <div class="fb7-cont-page-book">
                         
+
 
                                <!-- description for page-->  
+
                            <!-- description for page-->
                                <div class="fb7-page-book">
+
                            <div class="fb7-page-book">
                                               
+
 
                                </div>                          
+
                            </div>
                                     
+
 
                                         
+
 
                                <!-- begin number page  -->              
+
                            <!-- begin number page  -->
                                <div class="fb7-meta">
+
                            <div class="fb7-meta">
                                   
+
 
                                        <span class="fb7-num">3</span>
+
                                <span class="fb7-num">3</span>
                                   
+
 
                                </div>
+
                            </div>
                                <!-- end number page  -->                  
+
                            <!-- end number page  -->
                           
+
 
                           
+
 
                          </div>  
+
                        </div>
                          <!-- end container page book -->
+
                        <!-- end container page book -->
                           
+
 
 
                     </div>
 
                     </div>
 
                     <!-- END PAGE 3 -->
 
                     <!-- END PAGE 3 -->
                     
+
 
                   
+
 
                     <!-- BEGIN PAGE 4-5 -->          
+
                     <!-- BEGIN PAGE 4-5 -->
 
                     <div style="background-image:url(https://static.igem.org/mediawiki/2019/8/8b/T--SMMU-China--notebook_test_4_5.jpg)" class="fb7-double fb7-first fb7-noshadow">
 
                     <div style="background-image:url(https://static.igem.org/mediawiki/2019/8/8b/T--SMMU-China--notebook_test_4_5.jpg)" class="fb7-double fb7-first fb7-noshadow">
                         
+
 
                        <!-- begin container page book -->
+
                        <!-- begin container page book -->
                        <div class="fb7-cont-page-book">
+
                        <div class="fb7-cont-page-book">
                         
+
 
                                <!-- description for page -->  
+
                            <!-- description for page -->
                                <div class="fb7-page-book">
+
                            <div class="fb7-page-book">
                                               
+
 
                                </div>  
+
                            </div>
                                 
+
 
                          </div>  
+
                        </div>
                          <!-- end container page book -->  
+
                        <!-- end container page book -->
                           
+
 
 
                     </div>
 
                     </div>
                   
+
 
                         
+
 
 
                     <div style="background-image:url(https://static.igem.org/mediawiki/2019/8/8b/T--SMMU-China--notebook_test_4_5.jpg)" class="fb7-double fb7-second fb7-noshadow">
 
                     <div style="background-image:url(https://static.igem.org/mediawiki/2019/8/8b/T--SMMU-China--notebook_test_4_5.jpg)" class="fb7-double fb7-second fb7-noshadow">
                         
+
 
                        <!-- begin container page book -->  
+
                        <!-- begin container page book -->
                        <div class="fb7-cont-page-book">
+
                        <div class="fb7-cont-page-book">
                         
+
 
                                <!-- description for page -->  
+
                            <!-- description for page -->
                                <div class="fb7-page-book">
+
                            <div class="fb7-page-book">
                                               
+
 
                                </div>  
+
                            </div>
                           
+
 
                          </div>  
+
                        </div>
                          <!-- end container page book -->
+
                        <!-- end container page book -->
                           
+
 
 
                     </div>
 
                     </div>
 
                     <!-- END PAGE 4-5 -->
 
                     <!-- END PAGE 4-5 -->
                     
+
 
                   
+
 
                     <!-- BEGIN PAGE 6 -->        
+
                     <!-- BEGIN PAGE 6 -->
 
                     <div style="background-image:url(https://static.igem.org/mediawiki/2019/a/a6/T--SMMU-China--notebook_test_6.jpg)">
 
                     <div style="background-image:url(https://static.igem.org/mediawiki/2019/a/a6/T--SMMU-China--notebook_test_6.jpg)">
                         
+
 
                        <!-- begin container page book -->  
+
                        <!-- begin container page book -->
                        <div class="fb7-cont-page-book">
+
                        <div class="fb7-cont-page-book">
                         
+
 
                                <!-- description for page -->  
+
                            <!-- description for page -->
                                <div class="fb7-page-book">
+
                            <div class="fb7-page-book">
                                               
+
 
                                </div>  
+
                            </div>
                                                               
+
 
                                         
+
 
                                <!-- begin number page  -->                
+
                            <!-- begin number page  -->
                                <div class="fb7-meta">
+
                            <div class="fb7-meta">
                                   
+
 
                                        <span class="fb7-num">6</span>
+
                                <span class="fb7-num">6</span>
                                   
+
 
                                </div>
+
                            </div>
                                <!-- end number page  -->  
+
                            <!-- end number page  -->
                         
+
 
                          </div>
+
                        </div>
                          <!-- end container page book -->  
+
                        <!-- end container page book -->
                           
+
 
 
                     </div>
 
                     </div>
                    <!-- END PAGE 6 -->
+
                    <!-- END PAGE 6 -->
                     
+
 
                   
+
 
                     <!-- BEGIN PAGE 7 -->        
+
                     <!-- BEGIN PAGE 7 -->
 
                     <div style="background-image:url()">
 
                     <div style="background-image:url()">
                         
+
 
                        <!-- begin container page book -->
+
                        <!-- begin container page book -->
                        <div class="fb7-cont-page-book">
+
                        <div class="fb7-cont-page-book">
                         
+
 
                            <!-- description for page  -->  
+
                            <!-- description for page  -->
 
                             <div class="fb7-page-book">
 
                             <div class="fb7-page-book">
                                        <h1>Duo antiopam platonem</h1>
+
                                <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>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>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>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>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>
+
                                <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>
+
                                <h6>&nbsp;Nam cu nullam tamquam efficiantur:</h6>
                                        <ul>
+
                                <ul>
                                        <li>Natum epicurei comprehensam ex pe</li>
+
                                    <li>Natum epicurei comprehensam ex pe</li>
                                        <li>Ridens corrumpit abhorreant nam id</li>
+
                                    <li>Ridens corrumpit abhorreant nam id</li>
                                        <li>Eu inani eirmod alterum</li>
+
                                    <li>Eu inani eirmod alterum</li>
                                        <li>his ne iudico iuvaret delenit</li>
+
                                    <li>his ne iudico iuvaret delenit</li>
                                        <li>Choro cetero at duo</li>
+
                                    <li>Choro cetero at duo</li>
                                        <li>Iusto deseruisse efficiantur</li>
+
                                    <li>Iusto deseruisse efficiantur</li>
                                        <li>His cu utinam appareat</li>
+
                                    <li>His cu utinam appareat</li>
                                        </ul>                
+
                                </ul>
                             </div>  
+
                             </div>
                                 
+
 
                                 
+
 
                                     
+
 
                             <!-- begin number page  -->                
+
                             <!-- begin number page  -->
 
                             <div class="fb7-meta">
 
                             <div class="fb7-meta">
                               
+
 
                                    <span class="fb7-num">7</span>
+
                                <span class="fb7-num">7</span>
                               
+
 
 
                             </div>
 
                             </div>
                             <!-- end number page  -->
+
                             <!-- end number page  -->
                           
+
 
                           
+
 
                           
+
 
                          </div>
+
                        </div>
                          <!-- end container page book -->
+
                        <!-- end container page book -->
                           
+
 
 
                     </div>
 
                     </div>
 
                     <!-- END PAGE 7 -->
 
                     <!-- END PAGE 7 -->
                     
+
 
                   
+
 
                     <!-- BEGIN PAGE 8 -->        
+
                     <!-- BEGIN PAGE 8 -->
 
                     <div style="background-image:url()">
 
                     <div style="background-image:url()">
                         
+
 
                        <!-- begin container page book -->
+
                        <!-- begin container page book -->
                        <div class="fb7-cont-page-book">
+
                        <div class="fb7-cont-page-book">
                         
+
 
                            <!-- description for page -->  
+
                            <!-- description for page -->
 
                             <div class="fb7-page-book">
 
                             <div class="fb7-page-book">
 
                                 <h1>Vis id quas novum</h1>
 
                                 <h1>Vis id quas novum</h1>
Line 458: Line 493:
 
                                 <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>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>
 
                                 <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>
 
                             </div>
                             <!-- end number page -->  
+
 
                           
+
 
                              
+
 
                              
+
                             <!-- begin number page -->
                          </div>  
+
                            <div class="fb7-meta">
                          <!-- end container page book -->
+
                                <span class="fb7-num">8</span>
                           
+
 
 +
                             </div>
 +
                             <!-- end number page -->
 +
 
 +
 
 +
 
 +
                        </div>
 +
                        <!-- end container page book -->
 +
 
 
                     </div>
 
                     </div>
                    <!-- END PAGE 8 -->
+
                    <!-- END PAGE 8 -->
                     
+
 
                   
+
 
                   
+
 
                   
+
 
                     <!-- BEGIN PAGE 9 -->        
+
                     <!-- BEGIN PAGE 9 -->
 
                     <div style="background-image:url(https://static.igem.org/mediawiki/2019/7/78/T--SMMU-China--notebook_test_9.jpg)">
 
                     <div style="background-image:url(https://static.igem.org/mediawiki/2019/7/78/T--SMMU-China--notebook_test_9.jpg)">
                         
+
 
                        <!-- begin container page book -->  
+
                        <!-- begin container page book -->
                        <div class="fb7-cont-page-book">
+
                        <div class="fb7-cont-page-book">
                         
+
 
                            <!-- description for page -->  
+
                            <!-- description for page -->
 
                             <div class="fb7-page-book">
 
                             <div class="fb7-page-book">
                                           
+
 
                             </div>                          
+
                             </div>
                                 
+
 
                                     
+
 
                             <!-- begin number page -->              
+
                             <!-- begin number page -->
 
                             <div class="fb7-meta">
 
                             <div class="fb7-meta">
                               
+
 
                                    <span class="fb7-num">9</span>
+
                                <span class="fb7-num">9</span>
                               
+
 
 
                             </div>
 
                             </div>
 
                             <!-- end number page -->
 
                             <!-- end number page -->
                           
+
 
                           
+
 
                           
+
 
                           
+
 
                          </div>
+
                        </div>
                          <!-- end container page book -->
+
                        <!-- end container page book -->
                         
+
 
                           
+
 
 
                     </div>
 
                     </div>
                    <!-- END PAGE 9 -->
+
                    <!-- END PAGE 9 -->
                     
+
 
                   
+
 
                     <!-- BEGIN PAGE 10 -->        
+
                     <!-- BEGIN PAGE 10 -->
 
                     <div style="background-image:url()">
 
                     <div style="background-image:url()">
                         
+
 
                        <!-- begin container page book -->  
+
                        <!-- begin container page book -->
                        <div class="fb7-cont-page-book">
+
                        <div class="fb7-cont-page-book">
                         
+
 
                                <!-- description for page-->  
+
                            <!-- description for page-->
                                <div class="fb7-page-book">
+
                            <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>
                                    <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>                  
+
                                <h1 style="padding-left: 150px;">&nbsp;THE END</h1>
                                </div>  
+
                            </div>
                                   
+
 
                        </div>
+
                        </div>
                        <!-- end container page book -->
+
                        <!-- end container page book -->
                           
+
 
 
                     </div>
 
                     </div>
 
                     <!-- END PAGE 10 -->
 
                     <!-- 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>
 
             </div>
             <!-- END PAGES -->
+
             <!-- END CONTAINER BOOK -->
                     
+
 
           
+
            <!-- BEGIN FOOTER -->
            <!-- arrows -->
+
            <div id="fb7-footer">
            <a class="fb7-nav-arrow prev"></a>
+
 
            <a class="fb7-nav-arrow next"></a>
+
                <div class="fb7-bcg-tools"></div>
                   
+
 
            <!-- shadow -->
+
                <div class="fb7-menu" id="fb7-center">
            <div class="fb7-shadow"></div>
+
                    <ul>
   
+
 
        </div>
+
                        <!-- margin left -->
        <!-- END CONTAINER BOOK -->
+
                        <li></li>
   
+
 
        <!-- BEGIN FOOTER -->
+
                        <!-- icon download -->
        <div id="fb7-footer">
+
                        <li>
       
+
                            <a title="Pdf File Or Zip" class="fb7-download" href="#"></a>
            <div class="fb7-bcg-tools"></div>
+
                        </li>
           
+
 
            <div class="fb7-menu" id="fb7-center">
+
 
                <ul>
+
                        <!-- icon_zoom_in -->
               
+
                         <li>
                    <!-- margin left -->
+
                            <a title="Zoom In" class="fb7-zoom-in"></a>
                    <li></li>
+
                        </li>
                           
+
 
                    <!-- icon download -->
+
 
                    <li>
+
                        <!-- icon_zoom_out -->
                        <a title="Pdf File Or Zip" class="fb7-download" href="#"></a>
+
                        <li>
                    </li>
+
                            <a title="Zoom Out" class="fb7-zoom-out"></a>
                                           
+
                        </li>
                   
+
 
                    <!-- icon_zoom_in -->                         
+
 
                    <li>
+
                        <!-- icon_zoom_auto -->
                        <a title="Zoom In" class="fb7-zoom-in"></a>
+
                        <li>
                    </li>
+
                            <a title="Zoom Auto" class="fb7-zoom-auto"></a>
                                   
+
                        </li>
                   
+
 
                    <!-- icon_zoom_out -->                
+
 
                    <li>
+
                        <!-- icon_zoom_original -->
                        <a title="Zoom Out" class="fb7-zoom-out"></a>
+
                        <li>
                    </li>
+
                            <a title="Zoom Original (Scale 1:1)" class="fb7-zoom-original"></a>
                                   
+
                        </li>
                   
+
 
                    <!-- icon_zoom_auto -->
+
 
                    <li>
+
                        <!-- icon_allpages -->
                        <a title="Zoom Auto" class="fb7-zoom-auto"></a>
+
                        <li>
                    </li>
+
                            <a title="Show All Pages " class="fb7-show-all"></a>
                                   
+
                        </li>
                   
+
 
                    <!-- icon_zoom_original -->
+
 
                    <li>
+
                        <!-- icon_home -->
                        <a title="Zoom Original (Scale 1:1)" class="fb7-zoom-original"></a>
+
                        <li>
                    </li>
+
                            <a title="Show Home Page" class="fb7-home"></a>
                                   
+
                        </li>
                   
+
 
                    <!-- icon_allpages -->
+
                        <!-- icon fullscreen -->
                    <li>
+
                        <li>
                        <a title="Show All Pages " class="fb7-show-all"></a>
+
                            <a title="Full / Normal Screen" class="fb7-fullscreen"></a>
                    </li>
+
                        </li>
                                                   
+
 
                   
+
                        <!-- margin right -->
                    <!-- icon_home -->
+
                        <li></li>
                    <li>
+
 
                        <a title="Show Home Page" class="fb7-home"></a>
+
                    </ul>
                    </li>
+
                 </div>
                                   
+
 
                    <!-- icon fullscreen -->                
+
                <div class="fb7-menu" id="fb7-right">
                    <li>
+
                     <ul>
                        <a title="Full / Normal Screen" class="fb7-fullscreen"></a>
+
                        <!-- icon page manager -->
                    </li>
+
                        <li class="fb7-goto">
                           
+
                            <label for="fb7-page-number" id="fb7-label-page-number"></label>
                    <!-- margin right -->                 
+
                            <input type="text" id="fb7-page-number">
                     <li></li>
+
                            <button type="button">Go</button>
                      
+
                        </li>
                 </ul>
+
 
 +
                     </ul>
 +
                 </div>
 +
 
 
             </div>
 
             </div>
              
+
             <!-- END FOOTER -->
            <div class="fb7-menu" id="fb7-right">
+
 
                <ul>                             
+
            <!-- BEGIN THUMBS -->
                    <!-- icon page manager -->               
+
            <div id="fb7-all-pages" class="fb7-overlay">
                    <li class="fb7-goto">
+
 
                        <label for="fb7-page-number" id="fb7-label-page-number"></label>
+
                <section class="fb7-container-pages">
                        <input type="text" id="fb7-page-number">
+
 
                        <button type="button">Go</button>
+
                    <div id="fb7-menu-holder">
                    </li>
+
 
       
+
                        <ul id="fb7-slider">
                </ul>
+
 
            </div>   
+
                            <!-- PAGE 1 - THUMB -->
               
+
                            <li class="1">
        </div>
+
                                <img alt="" src="https://static.igem.org/mediawiki/2019/c/ce/T--SMMU-China--notebook_test_1_.jpg">
        <!-- END FOOTER -->
+
                            </li>
   
+
 
        <!-- BEGIN THUMBS -->
+
                            <!-- PAGE 2 - THUMB -->
        <div id="fb7-all-pages" class="fb7-overlay">
+
                            <li class="2">
   
+
                                <img alt="" src="https://static.igem.org/mediawiki/2019/1/1e/T--SMMU-China--notebook_test_2_.jpg">
          <section class="fb7-container-pages">
+
                            </li>
   
+
 
            <div id="fb7-menu-holder">
+
                            <!-- PAGE 3 - THUMB -->
   
+
                            <li class="3">
                <ul id="fb7-slider">
+
                                <img alt="" src="https://static.igem.org/mediawiki/2019/6/68/T--SMMU-China--notebook_test_3_.jpg">
               
+
                            </li>
                        <!-- PAGE 1 - THUMB -->
+
 
                        <li class="1">
+
                            <!-- PAGE 4-5 - THUMB -->
                          <img alt="" src="https://static.igem.org/mediawiki/2019/c/ce/T--SMMU-China--notebook_test_1_.jpg">
+
                            <li class="5">
                        </li>
+
                                <img alt="" src="https://static.igem.org/mediawiki/2019/3/37/T--SMMU-China--notebook_test_4_5_.jpg">
                       
+
                            </li>
                        <!-- PAGE 2 - THUMB -->
+
 
                        <li class="2">
+
                            <!-- PAGE 6 - THUMB -->
                          <img alt="" src="https://static.igem.org/mediawiki/2019/1/1e/T--SMMU-China--notebook_test_2_.jpg">
+
                            <li class="6">
                        </li>
+
                                <img alt="" src="https://static.igem.org/mediawiki/2019/e/e4/T--SMMU-China--notebook_test_6_.jpg">
                       
+
                            </li>
                        <!-- PAGE 3 - THUMB -->
+
 
                        <li class="3">
+
                            <!-- PAGE 7 - THUMB -->
                          <img alt="" src="https://static.igem.org/mediawiki/2019/6/68/T--SMMU-China--notebook_test_3_.jpg">
+
                            <li class="7">
                        </li>
+
                                <img alt="" src="https://static.igem.org/mediawiki/2019/6/60/T--SMMU-China--notebook_test_7_.jpg">
                       
+
                            </li>
                        <!-- PAGE 4-5 - THUMB -->
+
 
                        <li class="5">
+
                            <!-- PAGE 8 - THUMB -->
                          <img alt="" src="https://static.igem.org/mediawiki/2019/3/37/T--SMMU-China--notebook_test_4_5_.jpg">
+
                            <li class="8">
                        </li>
+
                                <img alt="" src="https://static.igem.org/mediawiki/2019/1/19/T--SMMU-China--notebook_test_8_.jpg">
                       
+
                            </li>
                        <!-- PAGE 6 - THUMB -->
+
 
                        <li class="6">
+
                            <!-- PAGE 9 - THUMB -->
                          <img alt="" src="https://static.igem.org/mediawiki/2019/e/e4/T--SMMU-China--notebook_test_6_.jpg">
+
                            <li class="9">
                        </li>
+
                                <img alt="" src="https://static.igem.org/mediawiki/2019/7/7c/T--SMMU-China--notebook_test_9_.jpg">
                       
+
                            </li>
                        <!-- PAGE 7 - THUMB -->
+
 
                        <li class="7">
+
                            <!-- PAGE 10S - THUMB -->
                          <img alt="" src="https://static.igem.org/mediawiki/2019/6/60/T--SMMU-China--notebook_test_7_.jpg">
+
                            <li class="10">
                        </li>
+
                                <img alt="" src="https://static.igem.org/mediawiki/2019/6/62/T--SMMU-China--notebook_test_end_.jpg">
                       
+
                            </li>
                        <!-- PAGE 8 - THUMB -->
+
 
                        <li class="8">
+
                        </ul>
                          <img alt="" src="https://static.igem.org/mediawiki/2019/1/19/T--SMMU-China--notebook_test_8_.jpg">
+
 
                        </li>
+
                    </div>
                       
+
 
                        <!-- PAGE 9 - THUMB -->
+
                </section>
                        <li class="9">
+
 
                          <img alt="" src="https://static.igem.org/mediawiki/2019/7/7c/T--SMMU-China--notebook_test_9_.jpg">
+
                        </li>
+
                       
+
                        <!-- PAGE 10S - THUMB -->
+
                        <li class="10">
+
                          <img alt="" src="https://static.igem.org/mediawiki/2019/6/62/T--SMMU-China--notebook_test_end_.jpg">
+
                        </li>
+
         
+
                </ul>
+
           
+
 
             </div>
 
             </div>
   
+
            <!-- END THUMBS -->
        </section>
+
   
+
      </div>
+
        <!-- END THUMBS -->
+
  
  </div>
+
        </div>
    <!-- END HTML BOOK -->   
+
        <!-- END HTML BOOK -->
   
+
   
+
</div>
+
<!-- END FLIPBOOK STRUCTURE -->  
+
  
  
<div class="footer" style="">
+
    </div>
<div class="footer_left">
+
    <!-- END FLIPBOOK STRUCTURE -->
<div class="footer_title">Contact Us</div>
+
<div class="footer_text">
+
E-Mail: igem-smmu@smmu.edu.cn<br>
+
Phone: +86 021-81870925
+
</div>
+
</div>
+
<div class="footer_right">
+
<div class="footer_title"></div>
+
<div class="footer_text">
+
© 2019. SMMU. All rights reserved.
+
</div>
+
</div>
+
</div>
+
  
</div>
 
  
 +
    <div class="footer" style="">
 +
        <div class="footer_left">
 +
            <div class="footer_title">Contact Us</div>
 +
            <div class="footer_text">
 +
                E-Mail: igem-smmu@smmu.edu.cn<br>
 +
                Phone: +86 021-81870925
 +
            </div>
 +
        </div>
 +
        <div class="footer_right">
 +
            <div class="footer_title"></div>
 +
            <div class="footer_text">
 +
                © 2019. SMMU. All rights reserved.
 +
            </div>
 +
        </div>
 +
    </div>
 +
 +
</div>
 +
 +
<script src="https://2019.igem.org/Template:SMMU-China/JS_notebook?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Template:SMMU-China/JS_timeline_animate?action=raw&ctype=text/javascript"></script>
 
<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_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_onload?action=raw&ctype=text/javascript"></script>
Line 728: Line 765:
 
<script src="https://2019.igem.org/Template:SMMU-China/JS_notebook_jquery_address_1_6_min?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>
 
<script>
jQuery('#fb7-ajax').data('config',
+
    jQuery('#fb7-ajax').data('config',
    {
+
        {
"page_width":"640",
+
            "page_width":"640",
"page_height":"920",
+
            "page_height":"920",
"go_to_page":"Page",
+
            "go_to_page":"Page",
"gotopage_width":"45",
+
            "gotopage_width":"45",
"zoom_double_click":"1",
+
            "zoom_double_click":"1",
"zoom_step":"0.06",
+
            "zoom_step":"0.06",
"tooltip_visible":"true",
+
            "tooltip_visible":"true",
"toolbar_visible":"true",
+
            "toolbar_visible":"true",
"deeplinking_enabled":"true",
+
            "deeplinking_enabled":"true",
"double_click_enabled":"true",
+
            "double_click_enabled":"true",
"rtl":"false"
+
            "rtl":"false"
    })
+
        })
 
</script>
 
</script>
  
 
</html>
 
</html>

Revision as of 15:00, 19 October 2019

page_banner_default
Notebook
This is a descriptive paragraph.

Notebook

Day 1

our 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!

our 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!

Day 2

our 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!

Day 3

our 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!

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.

 

 

 

 

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