(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