Difference between revisions of "Team:KSA KOREA"

m
m (test)
Line 992: Line 992:
 
</head>
 
</head>
 
<body>
 
<body>
 +
 +
<div class="wrap">
 +
    <ul class="align">
 +
      <li>
 +
        <figure class='book'>
 +
          <!-- Front -->
 +
          <ul class='hardcover_front'>
 +
            <li>
 +
              <img src="https://static.igem.org/mediawiki/2020/9/9b/T--KSA_KOREA--covers_1.png" alt="" width="100%" height="100%">
 +
            </li>
 +
            <li></li>
 +
          </ul>
 +
          <!-- Pages -->
 +
          <ul class='page'>
 +
            <li></li>
 +
            <li>
 +
              <a class="btn" href="#">Description</a>
 +
              <a class="btn" href="#">Results</a>
 +
              <a class="btn" href="#">Implementation</a>
 +
              <a class="btn" href="#">Appendix</a>
 +
            </li>
 +
            <li></li>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
          <!-- Back -->
 +
          <ul class='hardcover_back'>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
          <ul class='book_spine'>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
        </figure>
 +
      </li>
 +
 +
      <li>
 +
        <figure class='book'>
 +
          <!-- Front -->
 +
          <ul class='hardcover_front'>
 +
            <li>
 +
              <img src="https://static.igem.org/mediawiki/2020/c/ce/T--KSA_KOREA--covers_2.png" alt="" width="100%" height="100%">
 +
            </li>
 +
            <li></li>
 +
          </ul>
 +
          <!-- Pages -->
 +
          <ul class='page'>
 +
            <li></li>
 +
            <li>
 +
              <a class="btn" href="#">Basic</a>
 +
              <a class="btn" href="#">Composite</a>
 +
              <a class="btn" href="#">Collection</a>
 +
              <a class="btn" href="#">Contribution</a>
 +
            </li>
 +
            <li></li>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
          <!-- Back -->
 +
          <ul class='hardcover_back'>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
          <ul class='book_spine'>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
        </figure>
 +
      </li>
 +
      <li>
 +
        <figure class='book'>
 +
          <!-- Front -->
 +
          <ul class='hardcover_front'>
 +
            <li>
 +
              <img src="https://static.igem.org/mediawiki/2020/b/b2/T--KSA_KOREA--covers_3.png" alt="" width="100%" height="100%">
 +
            </li>
 +
            <li></li>
 +
          </ul>
 +
          <!-- Pages -->
 +
          <ul class='page'>
 +
            <li></li>
 +
            <li>
 +
              <a class="btn" href="#">Fluorometer</a>
 +
              <a class="btn" href="#">Computer Vision</a>
 +
              <a class="btn" href="#">Entrepreneurship</a>
 +
              <a class="btn" href="#">Modeling</a>
 +
            </li>
 +
            <li></li>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
          <!-- Back -->
 +
          <ul class='hardcover_back'>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
          <ul class='book_spine'>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
        </figure>
 +
      </li>
 +
      <li>
 +
        <figure class='book'>
 +
          <!-- Front -->
 +
          <ul class='hardcover_front'>
 +
            <li>
 +
              <img src="https://static.igem.org/mediawiki/2020/a/af/T--KSA_KOREA--covers_4.png" alt="" width="100%" height="100%">
 +
            </li>
 +
            <li></li>
 +
          </ul>
 +
          <!-- Pages -->
 +
          <ul class='page'>
 +
            <li></li>
 +
            <li>
 +
              <a class="btn" href="#">Software 1</a>
 +
              <a class="btn" href="#">Software 2</a>
 +
              <a class="btn" href="#">Software 3</a>
 +
              <a class="btn" href="#">Software 4</a>
 +
            </li>
 +
            <li></li>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
          <!-- Back -->
 +
          <ul class='hardcover_back'>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
          <ul class='book_spine'>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
        </figure>
 +
      </li>
 +
      <li>
 +
        <figure class='book'>
 +
          <!-- Front -->
 +
          <ul class='hardcover_front'>
 +
            <li>
 +
              <img src="https://static.igem.org/mediawiki/2020/f/fc/T--KSA_KOREA--covers_5.png" alt="" width="100%" height="100%">
 +
            </li>
 +
            <li></li>
 +
          </ul>
 +
          <!-- Pages -->
 +
          <ul class='page'>
 +
            <li></li>
 +
            <li>
 +
              <a class="btn" href="#">overview</a>
 +
              <a class="btn" href="#">Identification</a>
 +
              <a class="btn" href="#">Integration</a>
 +
              <a class="btn" href="#">Improvement</a>
 +
            </li>
 +
            <li></li>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
          <!-- Back -->
 +
          <ul class='hardcover_back'>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
          <ul class='book_spine'>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
        </figure>
 +
      </li>
 +
      <li>
 +
        <figure class='book'>
 +
          <!-- Front -->
 +
          <ul class='hardcover_front'>
 +
            <li>
 +
              <img src="https://static.igem.org/mediawiki/2020/b/b2/T--KSA_KOREA--covers_6.png" alt="" width="100%" height="100%">
 +
            </li>
 +
            <li></li>
 +
          </ul>
 +
          <!-- Pages -->
 +
          <ul class='page'>
 +
            <li></li>
 +
            <li>
 +
              <a class="btn" href="#">Education</a>
 +
              <a class="btn" href="#">Collaboration</a>
 +
              <a class="btn" href="#">Web Presence</a>
 +
            </li>
 +
            <li></li>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
          <!-- Back -->
 +
          <ul class='hardcover_back'>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
          <ul class='book_spine'>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
        </figure>
 +
      </li>
 +
      <li>
 +
        <figure class='book'>
 +
          <!-- Front -->
 +
          <ul class='hardcover_front'>
 +
            <li>
 +
              <img src="https://static.igem.org/mediawiki/2020/6/6c/T--KSA_KOREA--covers_7.png" alt="" width="100%" height="100%">
 +
            </li>
 +
            <li></li>
 +
          </ul>
 +
          <!-- Pages -->
 +
          <ul class='page'>
 +
            <li></li>
 +
            <li>
 +
              <a class="btn" href="#">About Us</a>
 +
              <a class="btn" href="#">Members</a>
 +
            </li>
 +
            <li></li>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
          <!-- Back -->
 +
          <ul class='hardcover_back'>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
          <ul class='book_spine'>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
        </figure>
 +
      </li>
 +
 +
      <li>
 +
        <figure class='book'>
 +
          <!-- Front -->
 +
          <ul class='hardcover_front'>
 +
            <li>
 +
              <img src="https://static.igem.org/mediawiki/2020/7/73/T--KSA_KOREA--covers_8.png" alt="" width="100%" height="100%">
 +
            </li>
 +
            <li></li>
 +
          </ul>
 +
          <!-- Pages -->
 +
          <ul class='page'>
 +
            <li></li>
 +
            <li>
 +
              <a class="btn" href="#">Awards</a>
 +
              <a class="btn" href="#">Judging Form</a>
 +
              <a class="btn" href="#">Safety</a>
 +
              <a class="btn" href="#">Attribution</a>
 +
            </li>
 +
            <li></li>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
          <!-- Back -->
 +
          <ul class='hardcover_back'>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
          <ul class='book_spine'>
 +
            <li></li>
 +
            <li></li>
 +
          </ul>
 +
        </figure>
 +
      </li>
 +
    </ul>
 +
    <div class="shelf"></div>
 +
  </div>
 +
 +
 +
 +
  <!-- *************************************** START OF BOOK *********************************************** -->
 +
 +
 +
 +
  <div class="book-wrapper">
 +
    <nav class="navbar is-fixed-top is-dark is-spaced" role="navigation" aria-label="main navigation">
 +
      <div class="navbar-brand">
 +
        <a class="navbar-item" href="https://bulma.io">
 +
          <img src="images/ksakorea.png" width="120" height="90">
 +
        </a>
 +
        <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
 +
          <span aria-hidden="true"></span>
 +
          <span aria-hidden="true"></span>
 +
          <span aria-hidden="true"></span>
 +
        </a>
 +
      </div>
 +
      <div id="navbarBasicExample" class="navbar-menu">
 +
        <div class="navbar-start">
 +
          <a class="navbar-item">
 +
            Home
 +
          </a>
 +
 +
          <!-- This is end of navbar start -->
 +
        </div>
 +
 +
        <div class="navbar-end">
 +
          <!-- Team -->
 +
          <div class="navbar-item has-dropdown is-hoverable ">
 +
            <a class="navbar-link has-text-light has-background-info ">
 +
              Team
 +
            </a>
 +
 +
            <div class="navbar-dropdown">
 +
              <a class="navbar-item">
 +
                Members
 +
              </a>
 +
              <a class="navbar-item has-text-light has-background-info">
 +
                Collaboration
 +
              </a>
 +
              <a class="navbar-item">
 +
                Attribution
 +
              </a>
 +
            </div>
 +
          </div>
 +
 +
          <!-- Project -->
 +
 +
          <div class="navbar-item has-dropdown is-hoverable">
 +
            <a class="navbar-link">
 +
              Project
 +
            </a>
 +
 +
            <div class="navbar-dropdown">
 +
              <a class="navbar-item">
 +
                Description/Inspiration
 +
              </a>
 +
              <a class="navbar-item">
 +
                Design
 +
              </a>
 +
              <a class="navbar-item">
 +
                Labnotes
 +
              </a>
 +
              <a class="navbar-item">
 +
                Protocol
 +
              </a>
 +
              <a class="navbar-item">
 +
                Results
 +
              </a>
 +
              <a class="navbar-item">
 +
                Parts
 +
              </a>
 +
            </div>
 +
          </div>
 +
 +
          <!-- Device -->
 +
 +
          <div class="navbar-item has-dropdown is-hoverable ">
 +
            <a class="navbar-link">
 +
              Device
 +
            </a>
 +
 +
            <div class="navbar-dropdown">
 +
              <a class="navbar-item">
 +
                Software
 +
              </a>
 +
              <a class="navbar-item">
 +
                Hardware
 +
              </a>
 +
 +
            </div>
 +
          </div>
 +
 +
          <div class="navbar-item has-dropdown is-hoverable ">
 +
            <a class="navbar-link">
 +
              Human Practices
 +
            </a>
 +
 +
            <div class="navbar-dropdown">
 +
              <a class="navbar-item">
 +
                Introduction
 +
              </a>
 +
              <a class="navbar-item">
 +
                Education
 +
              </a>
 +
              <a class="navbar-item">
 +
                Campaign
 +
              </a>
 +
              <a class="navbar-item">
 +
                Interviews
 +
              </a>
 +
              <a class="navbar-item">
 +
                Survey Analysis
 +
              </a>
 +
              <a class="navbar-item">
 +
                Integrated Human Practices
 +
              </a>
 +
 +
            </div>
 +
          </div>
 +
 +
          <a class="navbar-item">
 +
            Awards/Judging Form
 +
          </a>
 +
 +
          <a class="navbar-item">
 +
            Safety
 +
          </a>
 +
 +
        </div>
 +
 +
 +
      </div>
 +
    </nav>
 +
 +
    <!--
 +
***************************************************************************************************************
 +
*************************************************************************************************************
 +
John!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 +
Jongseo!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 +
************************************************************************************************************
 +
-->
 +
    <div class="bb-custom-wrapper">
 +
      <div id="bb-bookblock" class="bb-bookblock">
 +
        <div class="bb-item">
 +
          <div class="bb-custom-side">
 +
            <img src="images/HP/1Overview/1.png" />
 +
          </div>
 +
          <div class="bb-custom-side">
 +
            <img src="images/HP/1Overview/2.png" />
 +
          </div>
 +
        </div>
 +
        <div class="bb-item">
 +
          <div class="bb-custom-side">
 +
            <img src="images/HP/1Overview/3.png" />
 +
          </div>
 +
          <div class="bb-custom-side">
 +
            <img src="images/HP/1Overview/4.png" />
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
 +
  </div>
 +
  <!-- </div> -->
 +
 +
 +
  <nav id="page-nav">
 +
    <a id="bb-nav-first" href="#" class="bb-custom-icon bb-custom-icon-first">First page</a>
 +
    <a id="bb-nav-prev" href="#" class="bb-custom-icon bb-custom-icon-arrow-left">Previous</a>
 +
    <a id="bb-nav-next" href="#" class="bb-custom-icon bb-custom-icon-arrow-right">Next</a>
 +
    <a id="bb-nav-last" href="#" class="bb-custom-icon bb-custom-icon-last">Last page</a>
 +
  </nav>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  
  
Line 1,516: Line 1,978:
  
 
     })();
 
     })();
−
     Page.init();
+
      
 
   </script>
 
   </script>
−
   <!-- <script>
+
   <script>
 
     Page.init();
 
     Page.init();
−
   </script> -->
+
   </script>
  
 
   <script>
 
   <script>

Revision as of 12:13, 27 October 2020
KSA Korea Wiki Page