Team:SYSU-Software/team

From 2013.igem.org

(Difference between revisions)
Line 17: Line 17:
<meta charset="utf-8">
<meta charset="utf-8">
<title>new</title>
<title>new</title>
 +
</head>
 +
 +
<!DOCTYPE html>
 +
<head>
 +
<title>Twitter Bootstrap Tutorial - A responsive layout tutorial</title>
 +
<link href="..\FLAT UI\Flat-UI-master\bootstrap\css\bootstrap.css" rel="stylesheet">
 +
<link rel="stylesheet" type="text/css" href="..\FLAT UI\Flat-UI-master\css\flat-ui.css">
 +
<link rel="stylesheet" type="text/css" href="team\css\team.css">
 +
<script type="text/javascript" src="..\FLAT UI\Flat-UI-master\js\jquery-1.8.3.min.js">
 +
  </script>
 +
<script type="text/javascript" src="..\FLAT UI\Flat-UI-master\js\bootstrap.min.js"></script>
</head>
</head>
<body>
<body>
-
<div id="main">
+
  <div id="navigation">
-
<div id="navigation"></div>
+
          <div class="navbar navbar-inverse">
-
      <div id="main-box">
+
            <div class="navbar-inner">
-
  <!--<img src="https://static.igem.org/mediawiki/2012/d/d9/Test.png" alt="test">-->
+
              <div class="container">
-
          <p>team edit!!</p>
+
                <div class="nav-collapse collapse">
 +
                  <ul class="nav">
 +
                    <li class="nav-li">
 +
                      <a href="/Team:SYSU-Software">
 +
                        Home
 +
                      </a>
 +
                    </li>
 +
 
 +
                    <li class="nav-li">
 +
                      <a href="/Team:SYSU-Software/overview">
 +
                        Software
 +
                      </a>
 +
                    </li>
 +
 
 +
                    <li class="nav-li">
 +
                      <a href="/Team:SYSU-Software/model">
 +
                        Documents
 +
                      </a>
 +
                    </li>
 +
 
 +
                    <li class="nav-li">
 +
                      <a href="/Team:SYSU-Software/require">
 +
                        Requirements
 +
                      </a>
 +
                    </li>
 +
 
 +
                    <li class="nav-li">
 +
                      <a href="/Team:SYSU-Software/humanpra">
 +
                      Practice
 +
                      </a>
 +
                    </li>
 +
 
 +
                    <li class="nav-li active">
 +
                      <a href="/Team:SYSU-Software/team">
 +
                        Team
 +
                      </a>
 +
                    </li>
 +
                </div><!--/.nav-collapse -->
 +
              </div>
 +
            </div>
 +
        </div>
       </div>
       </div>
-
       <footer></footer>
+
 
-
</div>
+
 
 +
  <div id="team-container" class='container'>
 +
    <div id="team-header" class="container">
 +
       <span id="team-header-logo"></span>
 +
      <div id="team-header-text">SYSU-<br>Software</div>
 +
    </div>
 +
 
 +
    <div id="team-content" class="container">
 +
      <div id="content-head-text">
 +
        Team
 +
      </div>
 +
      <div id="content-head-text">
 +
        Members
 +
      </div>
 +
 
 +
      <div id="content-text">
 +
        <p>Hello, &nbsp;everyone!We are SYSU-Software &nbsp;:D<br>
 +
        There are 21 members in our team,including<br>
 +
        Biology group,software engineers,modeling<br>
 +
        and design group.</p>
 +
      </div>
 +
     
 +
      <div id="content-image">
 +
        <table class="teamer-image-list">
 +
          <tr>
 +
            <td>
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teamer-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay.png">
 +
                </a>
 +
                <img id="teamer-lable" src="C:\Users\Administrator\Desktop\IGem\wiki\team\stu-lable.png">
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  <img src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay.png">
 +
                  Hello,my name is JayChou.
 +
                </div> 
 +
              </div>
 +
            </td>
 +
           
 +
            <td>
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teamer-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay.png">
 +
                </a>
 +
                <img id="teamer-lable" src="C:\Users\Administrator\Desktop\IGem\wiki\team\stu-lable.png">
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>
 +
 
 +
            <td>     
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teamer-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay.png">
 +
                </a>
 +
                <img id="teamer-lable" src="C:\Users\Administrator\Desktop\IGem\wiki\team\stu-lable.png">
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>
 +
 
 +
            <td>     
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teamer-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay.png">
 +
                </a>
 +
                <img id="teamer-lable" src="C:\Users\Administrator\Desktop\IGem\wiki\team\stu-lable.png">
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>   
 +
 
 +
            <td>     
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teamer-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay.png">
 +
                </a>
 +
                <img id="teamer-lable" src="C:\Users\Administrator\Desktop\IGem\wiki\team\stu-lable.png">
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>
 +
 
 +
            <td>     
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teamer-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay.png">
 +
                </a>
 +
                <img id="teamer-lable" src="C:\Users\Administrator\Desktop\IGem\wiki\team\stu-lable.png">
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>
 +
 
 +
            <td>     
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teamer-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay.png">
 +
                </a>
 +
                <img id="teamer-lable" src="C:\Users\Administrator\Desktop\IGem\wiki\team\stu-lable.png">
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>       
 +
          </tr>
 +
          <tr>
 +
            <td>
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teamer-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay.png">
 +
                </a>
 +
                <img id="teamer-lable" src="C:\Users\Administrator\Desktop\IGem\wiki\team\stu-lable.png">
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>
 +
           
 +
            <td>
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teamer-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay.png">
 +
                </a>
 +
                <img id="teamer-lable" src="C:\Users\Administrator\Desktop\IGem\wiki\team\stu-lable.png">
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>
 +
 
 +
            <td>     
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teamer-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay.png">
 +
                </a>
 +
                <img id="teamer-lable" src="C:\Users\Administrator\Desktop\IGem\wiki\team\stu-lable.png">
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>
 +
 
 +
            <td>     
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teamer-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay.png">
 +
                </a>
 +
                <img id="teamer-lable" src="C:\Users\Administrator\Desktop\IGem\wiki\team\stu-lable.png">
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>   
 +
 
 +
            <td>     
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teamer-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay.png">
 +
                </a>
 +
                <img id="teamer-lable" src="C:\Users\Administrator\Desktop\IGem\wiki\team\stu-lable.png">
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>
 +
 
 +
            <td>     
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teamer-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay.png">
 +
                </a>
 +
                <img id="teamer-lable" src="C:\Users\Administrator\Desktop\IGem\wiki\team\stu-lable.png">
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>
 +
 
 +
            <td>     
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teamer-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay.png">
 +
                </a>
 +
                <img id="teamer-lable" src="C:\Users\Administrator\Desktop\IGem\wiki\team\stu-lable.png">
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>       
 +
          </tr>
 +
          <tr>
 +
            <td>
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teamer-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay.png">
 +
                </a>
 +
                <img id="teamer-lable" src="C:\Users\Administrator\Desktop\IGem\wiki\team\stu-lable.png">
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>
 +
           
 +
            <td>
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teamer-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay.png">
 +
                </a>
 +
                <img id="teamer-lable" src="C:\Users\Administrator\Desktop\IGem\wiki\team\stu-lable.png">
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>
 +
 
 +
            <td>     
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teamer-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay.png">
 +
                </a>
 +
                <img id="teamer-lable" src="C:\Users\Administrator\Desktop\IGem\wiki\team\stu-lable.png">
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>
 +
 
 +
            <td>     
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teamer-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay.png">
 +
                </a>
 +
                <img id="teamer-lable" src="C:\Users\Administrator\Desktop\IGem\wiki\team\stu-lable.png">
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>   
 +
 
 +
            <td>     
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teamer-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay.png">
 +
                </a>
 +
                <img id="teamer-lable" src="C:\Users\Administrator\Desktop\IGem\wiki\team\stu-lable.png">
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>
 +
 
 +
            <td>     
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teamer-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay.png">
 +
                </a>
 +
                <img id="teamer-lable" src="C:\Users\Administrator\Desktop\IGem\wiki\team\stu-lable.png">
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>
 +
 
 +
            <td>     
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teamer-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay.png">
 +
                </a>
 +
                <img id="teamer-lable" src="C:\Users\Administrator\Desktop\IGem\wiki\team\stu-lable.png">
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>       
 +
          </tr>
 +
        </table>
 +
      </div>
 +
 
 +
      <div id="instructor-image">
 +
        <table id="instructor-image-list">
 +
          <tr>
 +
            <td>
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teacher-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay2.png">
 +
                </a>
 +
                <img class="teacher-lable1" src="C:\Users\Administrator\Desktop\IGem\wiki\team\teacher-lable.png">
 +
 
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>
 +
 
 +
            <td>
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teacher-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay2.png">
 +
                </a>
 +
                <img class="teacher-lable1" src="C:\Users\Administrator\Desktop\IGem\wiki\team\teacher-lable.png">
 +
 
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>
 +
 
 +
            <td>
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teacher-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay2.png">
 +
                </a>
 +
                <img class="teacher-lable1" src="C:\Users\Administrator\Desktop\IGem\wiki\team\teacher-lable.png">
 +
 
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>
 +
 
 +
            <td>
 +
              <div>
 +
                <a href="#myModal"  data-toggle="modal">
 +
                  <img class="teacher-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\jay2.png">
 +
                </a>
 +
                <img class="teacher-lable1" src="C:\Users\Administrator\Desktop\IGem\wiki\team\teacher-lable.png">
 +
 
 +
 
 +
                <!-- Modal -->
 +
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
                  Hello,my name is JayChou.Welcome to watch my new movie.
 +
                </div> 
 +
              </div>
 +
            </td>
 +
          </tr>
 +
        </table>
 +
      </div>
 +
 
 +
      <div id="bottom">
 +
        <img id="bottom-image" src="C:\Users\Administrator\Desktop\IGem\wiki\team\bottom.png">
 +
      </div>
 +
 
 +
    </div>
 +
 
 +
  </div>
</body>
</body>
</html>
</html>

Revision as of 14:06, 20 July 2013

Team:SYSU-Software new Twitter Bootstrap Tutorial - A responsive layout tutorial

SYSU-
Software
Team
Members

Hello,  everyone!We are SYSU-Software  :D
There are 21 members in our team,including
Biology group,software engineers,modeling
and design group.

Retrieved from "http://2013.igem.org/Team:SYSU-Software/team"