Difference between revisions of "Team:SJTU-BioX-Shanghai/HP/Gold Integrated"

Line 57: Line 57:
 
                 font-size: 1.25rem;
 
                 font-size: 1.25rem;
 
             }
 
             }
 +
        }
 +
       
 +
        .choosebox {
 +
            text-align: center;
 +
            padding-top: 3rem;
 
         }
 
         }
 
     </style>
 
     </style>
Line 123: Line 128:
 
         </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">Integrated</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">Integrated</div>
−
         <div style="text-align:center;padding-top:2rem;">
+
         <div class="choosebox">
 
             <div class="btn-group btn-group-xlg" role="group">
 
             <div class="btn-group btn-group-xlg" role="group">
 
                 <button type="button" class="btn btn-info active" id="we_btn" aria-pressed="true" data-state="0">&nbsp;We&nbsp;</button>
 
                 <button type="button" class="btn btn-info active" id="we_btn" aria-pressed="true" data-state="0">&nbsp;We&nbsp;</button>
Line 133: Line 138:
 
                 <div class="row">
 
                 <div class="row">
 
                     <div class="scrcol col-lg-3">
 
                     <div class="scrcol col-lg-3">
−
                         <div class="scroll-box grey lighten-5">
+
                         <div class="scroll-box grey lighten-5 " id="navbar-left">
 
                             <div class="we">
 
                             <div class="we">
−
                                 <nav class="list-unstyled" id="navbar-left" role="navigation">
+
                                 <nav class="list-unstyled" role="navigation">
  
 
                                     <li class="nav-item">
 
                                     <li class="nav-item">
−
                                         <a class="nav-link" href="#section1">Title One</a>
+
                                         <a class="nav-link" href="#section01">Title One</a>
 
                                     </li>
 
                                     </li>
 
                                     <li class="nav-item">
 
                                     <li class="nav-item">
−
                                         <a class="nav-link" href="#section2">Title Two</a>
+
                                         <a class="nav-link" href="#section02">Title Two</a>
 
                                     </li>
 
                                     </li>
 
                                     <li class="nav-item">
 
                                     <li class="nav-item">
−
                                         <a class="nav-link" href="#section3">Title Three</a>
+
                                         <a class="nav-link" href="#section03">Title Three</a>
 
                                     </li>
 
                                     </li>
 
                                     <li class="nav-item">
 
                                     <li class="nav-item">
−
                                         <a class="nav-link" href="#section4">Title Four</a>
+
                                         <a class="nav-link" href="#section04">Title Four</a>
 
                                     </li>
 
                                     </li>
 
                                     <li class="nav-item">
 
                                     <li class="nav-item">
−
                                         <a class="nav-link" href="#section5">Title Five</a>
+
                                         <a class="nav-link" href="#section05">Title Five</a>
 
                                     </li>
 
                                     </li>
 
                                 </nav>
 
                                 </nav>
 
                             </div>
 
                             </div>
 
                             <div class="they">
 
                             <div class="they">
−
                                 <nav class="list-unstyled" id="navbar-left" role="navigation">
+
                                 <nav class="list-unstyled" id="navbar-left2" role="navigation">
  
 
                                     <li class="nav-item">
 
                                     <li class="nav-item">
−
                                         <a class="nav-link" href="#section1">Title One</a>
+
                                         <a class="nav-link" href="#section11">Title One</a>
 
                                     </li>
 
                                     </li>
 
                                     <li class="nav-item">
 
                                     <li class="nav-item">
−
                                         <a class="nav-link" href="#section2">Title Two</a>
+
                                         <a class="nav-link" href="#section12">Title Two</a>
 
                                     </li>
 
                                     </li>
 
                                     <li class="nav-item">
 
                                     <li class="nav-item">
−
                                         <a class="nav-link" href="#section3">Title Three</a>
+
                                         <a class="nav-link" href="#section13">Title Three</a>
 
                                     </li>
 
                                     </li>
 
                                     <li class="nav-item">
 
                                     <li class="nav-item">
−
                                         <a class="nav-link" href="#section4">Title Four</a>
+
                                         <a class="nav-link" href="#section14">Title Four</a>
 
                                     </li>
 
                                     </li>
 
                                     <li class="nav-item">
 
                                     <li class="nav-item">
−
                                         <a class="nav-link" href="#section5">Title Five</a>
+
                                         <a class="nav-link" href="#section15">Title Five</a>
 
                                     </li>
 
                                     </li>
 
                                 </nav>
 
                                 </nav>
Line 178: Line 183:
 
                     <div class="col-12 col-lg-9">
 
                     <div class="col-12 col-lg-9">
 
                         <div class="we">
 
                         <div class="we">
−
                             <div class="my-title h5-my-responsive" id="section1">Title One (WE)</div>
+
                             <div class="my-title h5-my-responsive" id="section01">Title One (WE)</div>
 
                             <p>Something something something something something something something something something</p>
 
                             <p>Something something something something something something something something something</p>
  
−
                             <div class="my-title h5-my-responsive" id="section2">Title Two</div>
+
                             <div class="my-title h5-my-responsive" id="section02">Title Two</div>
 
                             <p>Something something something something something something something something something</p>
 
                             <p>Something something something something something something something something something</p>
  
−
                             <div class="my-title h5-my-responsive" id="section3">Title Three</div>
+
                             <div class="my-title h5-my-responsive" id="section03">Title Three</div>
 
                             <p>Something something something something something something something something something</p>
 
                             <p>Something something something something something something something something something</p>
  
−
                             <div class="my-title h5-my-responsive" id="section4">Title Four</div>
+
                             <div class="my-title h5-my-responsive" id="section04">Title Four</div>
 
                             <p>Something something something something something something something something something</p>
 
                             <p>Something something something something something something something something something</p>
  
−
                             <div class="my-title h5-my-responsive" id="section5">Title Five</div>
+
                             <div class="my-title h5-my-responsive" id="section05">Title Five</div>
 
                             <p>Something something something something something something something something something</p>
 
                             <p>Something something something something something something something something something</p>
  
 
                         </div>
 
                         </div>
 
                         <div class="they">
 
                         <div class="they">
−
                             <div class="my-title h5-my-responsive" id="section1">Title One (They)</div>
+
                             <div class="my-title h5-my-responsive" id="section11">Title One (They)</div>
 
                             <p>Something something something something something something something something something</p>
 
                             <p>Something something something something something something something something something</p>
  
−
                             <div class="my-title h5-my-responsive" id="section2">Title Two</div>
+
                             <div class="my-title h5-my-responsive" id="section12">Title Two</div>
 
                             <p>Something something something something something something something something something</p>
 
                             <p>Something something something something something something something something something</p>
  
−
                             <div class="my-title h5-my-responsive" id="section3">Title Three</div>
+
                             <div class="my-title h5-my-responsive" id="section13">Title Three</div>
 
                             <p>Something something something something something something something something something</p>
 
                             <p>Something something something something something something something something something</p>
  
−
                             <div class="my-title h5-my-responsive" id="section4">Title Four</div>
+
                             <div class="my-title h5-my-responsive" id="section14">Title Four</div>
 
                             <p>Something something something something something something something something something</p>
 
                             <p>Something something something something something something something something something</p>
  
−
                             <div class="my-title h5-my-responsive" id="section5">Title Five</div>
+
                             <div class="my-title h5-my-responsive" id="section15">Title Five</div>
 
                             <p>Something something something something something something something something something</p>
 
                             <p>Something something something something something something something something something</p>
  
Line 291: Line 296:
 
         <script>
 
         <script>
 
             $(document).ready(function() {
 
             $(document).ready(function() {
 +
 
                 $("#we_btn").click(function() {
 
                 $("#we_btn").click(function() {
 
                     $(".they").slideUp("slow", function() {
 
                     $(".they").slideUp("slow", function() {
Line 298: Line 304:
 
                     $("#they_btn").removeClass('active');
 
                     $("#they_btn").removeClass('active');
 
                     refresh_t();
 
                     refresh_t();
 +
  
 
                 });
 
                 });
Line 307: Line 314:
 
                     $("#we_btn").removeClass('active');
 
                     $("#we_btn").removeClass('active');
 
                     refresh_t();
 
                     refresh_t();
 +
  
 
                 });
 
                 });

Revision as of 14:18, 1 November 2017

Integrated
Title One (WE)

Something something something something something something something something something

Title Two

Something something something something something something something something something

Title Three

Something something something something something something something something something

Title Four

Something something something something something something something something something

Title Five

Something something something something something something something something something

Title One (They)

Something something something something something something something something something

Title Two

Something something something something something something something something something

Title Three

Something something something something something something something something something

Title Four

Something something something something something something something something something

Title Five

Something something something something something something something something something

Practice
Overview
Practice
Engagement