Difference between revisions of "Template:KSA KOREA"

(Prototype team template page)
 
(bookshelf code)
Line 3: Line 3:
 
You can place your team's code here.
 
You can place your team's code here.
 
---------->
 
---------->
 +
<head>
 +
<title>KSA Korea Wiki</title>
 +
</head>
 +
 +
<body>
 +
<div class="wrap">
 +
    <ul class="align">
 +
      <li>
 +
        <figure class='book'>
 +
          <!-- Front -->
 +
          <ul class='hardcover_front'>
 +
            <li>
 +
              <img src="images/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="images/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="images/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="images/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="images/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="images/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="images/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="images/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>
 +
 +
 +
  
  

Revision as of 10:46, 27 October 2020

KSA Korea Wiki