Difference between revisions of "Team:SJTU-BioX-Shanghai/Instruction"

(Created page with " <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta http-equiv="x-ua-comp...")
 
 
(3 intermediate revisions by one other user not shown)
Line 26: Line 26:
 
          
 
          
 
         .nav2-brand {
 
         .nav2-brand {
             width: 8em;
+
             width: 6.5em;
 
         }
 
         }
 
     </style>
 
     </style>
Line 92: Line 92:
  
 
         </div>
 
         </div>
         <div class="big-head h1-my-responsive"> <img src="https://static.igem.org/mediawiki/2017/5/52/T--SJTU-BioX-Shanghai--quan.png" class="img-fluid">Instruction</div>
+
         <div class="big-head h1-my-responsive"> <img src="https://static.igem.org/mediawiki/2017/3/32/T--SJTU-BioX-Shanghai--17y03.png" class="img-fluid">Instruction</div>
 
         <div class="container maink">
 
         <div class="container maink">
 
             <div class="container maintext">
 
             <div class="container maintext">
 
                 <div class="row">
 
                 <div class="row">
                     <div class="scrcol col-lg-3">
+
                     <div class="col-lg-1">
                        <div class="scroll-box grey lighten-5">
+
                    </div>
                            <nav class="list-unstyled" id="navbar-left" role="navigation">
+
                    <div class="col-12 col-lg-10">
  
                                <li class="nav-item">
+
                        <p><br/>The function of APP determines its operation flow. Obviously, the APP we want to develop has the function of a detector and analyzer, so it operates only two steps.</p>
                                    <a class="nav-link" href="#section1">Title One</a>
+
                        <p>1. To take photos or select photos<br/>2. To return the corresponding ion concentration.</p>
                                </li>
+
                                <li class="nav-item">
+
                                    <a class="nav-link" href="#section2">Title Two</a>
+
                                </li>
+
                                <li class="nav-item">
+
                                    <a class="nav-link" href="#section3">Title Three</a>
+
                                </li>
+
                                <li class="nav-item">
+
                                    <a class="nav-link" href="#section4">Title Four</a>
+
                                </li>
+
                                <li class="nav-item">
+
                                    <a class="nav-link" href="#section5">Title Five</a>
+
                                </li>
+
                            </nav>
+
                        </div>
+
 
                     </div>
 
                     </div>
                     <div class="col-12 col-lg-9">
+
                     <div class="col-lg-1">
                        <div class="my-title h5-my-responsive" id="section1">Title One</div>
+
                        <p>Something something something something something something something something something</p>
+
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
+
                        <div class="my-title h5-my-responsive" id="section2">Title Two</div>
+
                        <p>Something something something something something something something something something</p>
+
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
+
                        <div class="my-title h5-my-responsive" id="section3">Title Three</div>
+
                        <p>Something something something something something something something something something</p>
+
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
+
                        <div class="my-title h5-my-responsive" id="section4">Title Four</div>
+
                        <p>Something something something something something something something something something</p>
+
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
+
                        <div class="my-title h5-my-responsive" id="section5">Title Five</div>
+
                        <p>Something something something something something something something something something</p>
+
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
+
 
                     </div>
 
                     </div>
  

Latest revision as of 18:42, 1 November 2017

Instruction


The function of APP determines its operation flow. Obviously, the APP we want to develop has the function of a detector and analyzer, so it operates only two steps.

1. To take photos or select photos
2. To return the corresponding ion concentration.