Team:SYSU-Software/notebook

From 2013.igem.org

(Difference between revisions)
Line 18: Line 18:
<body>
<body>
-
<div id="main">
 
  <div id="navigation"></div>
  <div id="navigation"></div>
-
<span ><a href = "https://2013.igem.org/Main_Page"> <img style="height:55px;width:55px;margin-bottom:30px;margin-left:20px;margin-top:10px" src="https://static.igem.org/mediawiki/2012/1/13/Igemwhite_back.png"></a></span>
+
 
-
      <div id="main-box">
+
 
-
  <!--<img src="https://static.igem.org/mediawiki/2012/d/d9/Test.png" alt="test">-->
+
<!-- notebook content part-->
-
          <p>notebook</p>
+
    <div id="notebook-container" >
-
      </div>
+
        <div class="scrollblock" id="intro">
-
      <footer></footer>
+
 
-
</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:SYSU-Software

20th April

Team Leader of SYSU-Software,IGEM 2013.
Taking charge of the design and progress of the
whole project.
29th April

Team Leader of SYSU-Software,IGEM 2013.
Taking charge of the design and progress of the
whole project.