Team:SYSU-Software/notebook
From 2013.igem.org
(Difference between revisions)
Line 18: | Line 18: | ||
<body> | <body> | ||
- | |||
<div id="navigation"></div> | <div id="navigation"></div> | ||
- | < | + | |
- | + | ||
- | + | <!-- notebook content part--> | |
- | + | <div id="notebook-container" > | |
- | + | <div class="scrollblock" id="intro"> | |
- | + | ||
- | </div> | + | <div id="file-folder"> |
+ | <img id="file-folder-image" src="notebook/file-folder.png"> | ||
+ | </div> | ||
+ | |||
+ | <div id="time-list"> | ||
+ | <ul id="nav1"> | ||
+ | <li> | ||
+ | <a href="#" class="left-first">4th Apr.</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#" class="left-second">6th Jun.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="left-third">29th Jul.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="left-forth">10th Sep.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="left-fifth">12th Oct.</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | <ul id="nav2"> | ||
+ | <li> | ||
+ | <a href="#" class="right-first">20th Apr.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="right-second">19th May.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="right-third">20th Jul.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="right-forth">31th Aug.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="right-fifth">1st Oct.</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <img id="time-list-image" src="notebook/list.png"> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id="notebook"> | ||
+ | <img id="notebook-image" src="notebook/notebook.png"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="scrollblock" id="date1"> | ||
+ | <div id="time-list-fix"> | ||
+ | <ul id="fix-nav"> | ||
+ | <li> | ||
+ | <a href="#" class="fix-left-first">20th Apr.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="fix-left-second">29th Apr.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="fix-left-third">19th May.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="fix-left-forth">20th Jun.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="fix-left-fifth">20th Jul.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="fix-left-sixth">29th Jul.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="fix-left-seventh">31th Aug.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="fix-left-eighth">10th Sep.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="fix-left-ninth">1st Oct.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="fix-left-tenth">12th Oct.</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <img id="time-list-image" src="notebook/list.png"> | ||
+ | </div> | ||
+ | |||
+ | <div id="date1-photo"> | ||
+ | <img id="date1-photo-image" src="notebook/photo1.png"> | ||
+ | </div> | ||
+ | |||
+ | <span id="date1-task"> | ||
+ | <span>20th April</span><br><br> | ||
+ | Team Leader of SYSU-Software,IGEM 2013.<br> | ||
+ | Taking charge of the design and progress of the<br> | ||
+ | whole project. | ||
+ | </span> | ||
+ | </div> | ||
+ | |||
+ | <div class="scrollblock" id="date2"> | ||
+ | |||
+ | <div id="time-list-fix"> | ||
+ | <ul id="fix-nav"> | ||
+ | <li> | ||
+ | <a href="#" class="fix-left-first">20th Apr.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="fix-left-second">29th Apr.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="fix-left-third">19th May.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="fix-left-forth">20th Jun.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="fix-left-fifth">20th Jul.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="fix-left-sixth">29th Jul.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="fix-left-seventh">31th Aug.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="fix-left-eighth">10th Sep.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="fix-left-ninth">1st Oct.</a> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <a href="#" class="fix-left-tenth">12th Oct.</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <img id="time-list-image" src="notebook/list.png"> | ||
+ | </div> | ||
+ | |||
+ | <span id="date2-task"> | ||
+ | <span>29th April</span><br><br> | ||
+ | Team Leader of SYSU-Software,IGEM 2013.<br> | ||
+ | Taking charge of the design and progress of the<br> | ||
+ | whole project. | ||
+ | </span> | ||
+ | |||
+ | <div id="date2-photo"> | ||
+ | <img id="date2-photo-image" src="notebook/photo2.png"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <footer></footer> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 13:20, 26 August 2013
Team Leader of SYSU-Software,IGEM 2013.
Taking charge of the design and progress of the
whole project.
Team Leader of SYSU-Software,IGEM 2013.
Taking charge of the design and progress of the
whole project.