Team:SYSU-Software/team

From 2013.igem.org

(Difference between revisions)
Line 10: Line 10:
<link href="https://2012.igem.org/Team:SYSU-Software/flatui.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
<link href="https://2012.igem.org/Team:SYSU-Software/flatui.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
<link href="https://2013.igem.org/Team:SYSU-Software/team.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
<link href="https://2013.igem.org/Team:SYSU-Software/team.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
 +
<link href="https://2013.igem.org/Team:SYSU-Software/team-pop.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
<link href="https://2013.igem.org/Team:SYSU-Software/header.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
<link href="https://2013.igem.org/Team:SYSU-Software/header.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
<link href="https://2013.igem.org/Team:SYSU-Software/footer.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
<link href="https://2013.igem.org/Team:SYSU-Software/footer.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
Line 16: Line 17:
<script src="https://2013.igem.org/Team:SYSU-Software/jquery-1.9.1.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
<script src="https://2013.igem.org/Team:SYSU-Software/jquery-1.9.1.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
<script src="https://2013.igem.org/Team:SYSU-Software/bootstrap.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
<script src="https://2013.igem.org/Team:SYSU-Software/bootstrap.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
 +
<script src="https://2013.igem.org/Team:SYSU-Software/jquery.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
<script src="https://2013.igem.org/Team:SYSU-Software/jquery-ui-1.8.2.custom.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
<script src="https://2013.igem.org/Team:SYSU-Software/pirobox_extended.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
 +
<script src="https://2013.igem.org/Team:SYSU-Software/prefix.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
<script src="https://2013.igem.org/Team:SYSU-Software/prefix.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
Line 29: Line 36:
     <div id="team-content" class="container">
     <div id="team-content" class="container">
       <span id="content-head-text">
       <span id="content-head-text">
-
         <img src="https://static.igem.org/mediawiki/2013/f/f2/Team-members.png">
+
         <img src="team/team-members.png">
       </span>
       </span>
       <span id="fly">
       <span id="fly">
-
         <img src="https://static.igem.org/mediawiki/2013/0/0c/Fly.png">
+
         <img src="team/fly.png">
       </span>
       </span>
Line 48: Line 55:
           <tr>  
           <tr>  
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teamer-image">
-
                <a href="#myModal" data-toggle="modal">
+
                <img id="teamer-image-show" src="team/teamer-image1.png" />
-
                  <img class="teamer-image" src="https://static.igem.org/mediawiki/2013/b/ba/Teamer-image1.png" alt="adfasdfsadf">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <img src="team/jay.png">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                <p style="padding:20px;">
-
                  <img src="https://static.igem.org/mediawiki/2013/4/46/Jay.png">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                   Hello,my name is JayChou.
+
                 </p>
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>
             </td>
              
              
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teamer-image">
-
                <a href="#myModal"  data-toggle="modal">
+
                <img id="teamer-image-show" src="team/teamer-image1.png" />
-
                  <img class="teamer-image" src="https://static.igem.org/mediawiki/2013/b/ba/Teamer-image1.png" alt="adfasdfsadf">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <p style="padding:20px;">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                  <img src="https://static.igem.org/mediawiki/2013/4/46/Jay.png">
+
                 </p>
-
                   Hello,my name is JayChou.
+
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>
             </td>
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teamer-image">
-
                <a href="#myModal"  data-toggle="modal">
+
                <img id="teamer-image-show" src="team/teamer-image1.png" />
-
                  <img class="teamer-image" src="https://static.igem.org/mediawiki/2013/b/ba/Teamer-image1.png" alt="adfasdfsadf">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <p style="padding:20px;">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                  <img src="https://static.igem.org/mediawiki/2013/4/46/Jay.png">
+
                 </p>
-
                   Hello,my name is JayChou.
+
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>
             </td>
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teamer-image">
-
                <a href="#myModal"  data-toggle="modal">
+
                <img id="teamer-image-show" src="team/teamer-image1.png" />
-
                  <img class="teamer-image" src="https://static.igem.org/mediawiki/2013/b/ba/Teamer-image1.png" alt="adfasdfsadf">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <p style="padding:20px;">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                  <img src="https://static.igem.org/mediawiki/2013/4/46/Jay.png">
+
                 </p>
-
                   Hello,my name is JayChou.
+
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>
             </td>
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teamer-image">
-
                <a href="#myModal"  data-toggle="modal">
+
                <img id="teamer-image-show" src="team/teamer-image1.png" />
-
                  <img class="teamer-image" src="https://static.igem.org/mediawiki/2013/b/ba/Teamer-image1.png" alt="adfasdfsadf">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <p style="padding:20px;">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                  <img src="https://static.igem.org/mediawiki/2013/4/46/Jay.png">
+
                 </p>
-
                   Hello,my name is JayChou.
+
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>
             </td>
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teamer-image">
-
                <a href="#myModal"  data-toggle="modal">
+
                <img id="teamer-image-show" src="team/teamer-image1.png" />
-
                  <img class="teamer-image" src="https://static.igem.org/mediawiki/2013/b/ba/Teamer-image1.png" alt="adfasdfsadf">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <p style="padding:20px;">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                  <img src="https://static.igem.org/mediawiki/2013/4/46/Jay.png">
+
                 </p>
-
                   Hello,my name is JayChou.
+
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>
             </td>
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teamer-image">
-
                <a href="#myModal"  data-toggle="modal">
+
                <img id="teamer-image-show" src="team/teamer-image1.png" />
-
                  <img class="teamer-image" src="https://static.igem.org/mediawiki/2013/b/ba/Teamer-image1.png" alt="adfasdfsadf">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <p style="padding:20px;">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                  <img src="https://static.igem.org/mediawiki/2013/4/46/Jay.png">
+
                 </p>
-
                   Hello,my name is JayChou.
+
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>  
             </td>  
           </tr>
           </tr>
 +
         
           <tr>  
           <tr>  
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teamer-image">
-
                <a href="#myModal"  data-toggle="modal">
+
                <img id="teamer-image-show" src="team/teamer-image1.png" />
-
                  <img class="teamer-image" src="https://static.igem.org/mediawiki/2013/b/ba/Teamer-image1.png" alt="adfasdfsadf">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <p style="padding:20px;">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                  <img src="https://static.igem.org/mediawiki/2013/4/46/Jay.png">
+
                 </p>
-
                   Hello,my name is JayChou.
+
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>
             </td>
              
              
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teamer-image">
-
                <a href="#myModal"  data-toggle="modal">
+
                <img id="teamer-image-show" src="team/teamer-image1.png" />
-
                  <img class="teamer-image" src="https://static.igem.org/mediawiki/2013/b/ba/Teamer-image1.png" alt="adfasdfsadf">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <p style="padding:20px;">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                  <img src="https://static.igem.org/mediawiki/2013/4/46/Jay.png">
+
                 </p>
-
                   Hello,my name is JayChou.
+
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>
             </td>
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teamer-image">
-
                <a href="#myModal"  data-toggle="modal">
+
                <img id="teamer-image-show" src="team/teamer-image1.png" />
-
                  <img class="teamer-image" src="https://static.igem.org/mediawiki/2013/b/ba/Teamer-image1.png" alt="adfasdfsadf">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <p style="padding:20px;">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                  <img src="https://static.igem.org/mediawiki/2013/4/46/Jay.png">
+
                 </p>
-
                   Hello,my name is JayChou.
+
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>
             </td>
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teamer-image">
-
                <a href="#myModal"  data-toggle="modal">
+
                <img id="teamer-image-show" src="team/teamer-image1.png" />
-
                  <img class="teamer-image" src="https://static.igem.org/mediawiki/2013/b/ba/Teamer-image1.png" alt="adfasdfsadf">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <p style="padding:20px;">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                  <img src="https://static.igem.org/mediawiki/2013/4/46/Jay.png">
+
                 </p>
-
                   Hello,my name is JayChou.
+
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>
             </td>
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teamer-image">
-
                <a href="#myModal"  data-toggle="modal">
+
                <img id="teamer-image-show" src="team/teamer-image1.png" />
-
                  <img class="teamer-image" src="https://static.igem.org/mediawiki/2013/b/ba/Teamer-image1.png" alt="adfasdfsadf">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <p style="padding:20px;">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                  <img src="https://static.igem.org/mediawiki/2013/4/46/Jay.png">
+
                 </p>
-
                   Hello,my name is JayChou.
+
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>
             </td>
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teamer-image">
-
                <a href="#myModal"  data-toggle="modal">
+
                <img id="teamer-image-show" src="team/teamer-image1.png" />
-
                  <img class="teamer-image" src="https://static.igem.org/mediawiki/2013/b/ba/Teamer-image1.png" alt="adfasdfsadf">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <p style="padding:20px;">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                  <img src="https://static.igem.org/mediawiki/2013/4/46/Jay.png">
+
                 </p>
-
                   Hello,my name is JayChou.
+
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>
             </td>
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teamer-image">
-
                <a href="#myModal"  data-toggle="modal">
+
                <img id="teamer-image-show" src="team/teamer-image1.png" />
-
                  <img class="teamer-image" src="https://static.igem.org/mediawiki/2013/b/ba/Teamer-image1.png" alt="adfasdfsadf">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <p style="padding:20px;">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                  <img src="https://static.igem.org/mediawiki/2013/4/46/Jay.png">
+
                 </p>
-
                   Hello,my name is JayChou.
+
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>
             </td>
           </tr>
           </tr>
 +
           <tr>  
           <tr>  
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teamer-image">
-
                <a href="#myModal"  data-toggle="modal">
+
                <img id="teamer-image-show" src="team/teamer-image1.png" />
-
                  <img class="teamer-image" src="https://static.igem.org/mediawiki/2013/b/ba/Teamer-image1.png" alt="adfasdfsadf">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <p style="padding:20px;">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                  <img src="https://static.igem.org/mediawiki/2013/4/46/Jay.png">
+
                 </p>
-
                   Hello,my name is JayChou.
+
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>
             </td>
              
              
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teamer-image">
-
                <a href="#myModal"  data-toggle="modal">
+
                <img id="teamer-image-show" src="team/teamer-image1.png" />
-
                  <img class="teamer-image" src="https://static.igem.org/mediawiki/2013/b/ba/Teamer-image1.png" alt="adfasdfsadf">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <p style="padding:20px;">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                  <img src="https://static.igem.org/mediawiki/2013/4/46/Jay.png">
+
                 </p>
-
                   Hello,my name is JayChou.
+
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>
             </td>
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teamer-image">
-
                <a href="#myModal"  data-toggle="modal">
+
                <img id="teamer-image-show" src="team/teamer-image1.png" />
-
                  <img class="teamer-image" src="https://static.igem.org/mediawiki/2013/b/ba/Teamer-image1.png" alt="adfasdfsadf">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <p style="padding:20px;">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                  <img src="https://static.igem.org/mediawiki/2013/4/46/Jay.png">
+
                 </p>
-
                   Hello,my name is JayChou.
+
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>
             </td>
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teamer-image">
-
                <a href="#myModal"  data-toggle="modal">
+
                <img id="teamer-image-show" src="team/teamer-image1.png" />
-
                  <img class="teamer-image" src="https://static.igem.org/mediawiki/2013/b/ba/Teamer-image1.png" alt="adfasdfsadf">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <p style="padding:20px;">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                  <img src="https://static.igem.org/mediawiki/2013/4/46/Jay.png">
+
                 </p>
-
                   Hello,my name is JayChou.
+
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>
             </td>
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teamer-image">
-
                <a href="#myModal"  data-toggle="modal">
+
                <img id="teamer-image-show" src="team/teamer-image1.png" />
-
                  <img class="teamer-image" src="https://static.igem.org/mediawiki/2013/b/ba/Teamer-image1.png" alt="adfasdfsadf">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <p style="padding:20px;">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                  <img src="https://static.igem.org/mediawiki/2013/4/46/Jay.png">
+
                 </p>
-
                   Hello,my name is JayChou.
+
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>
             </td>
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teamer-image">
-
                <a href="#myModal"  data-toggle="modal">
+
                <img id="teamer-image-show" src="team/teamer-image1.png" />
-
                  <img class="teamer-image" src="https://static.igem.org/mediawiki/2013/b/ba/Teamer-image1.png" alt="adfasdfsadf">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <p style="padding:20px;">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                  <img src="https://static.igem.org/mediawiki/2013/4/46/Jay.png">
+
                 </p>
-
                   Hello,my name is JayChou.
+
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>
             </td>
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teamer-image">
-
                <a href="#myModal"  data-toggle="modal">
+
                <img id="teamer-image-show" src="team/teamer-image1.png" />
-
                  <img class="teamer-image" src="https://static.igem.org/mediawiki/2013/b/ba/Teamer-image1.png" alt="adfasdfsadf">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <p style="padding:20px;">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                  <img src="https://static.igem.org/mediawiki/2013/4/46/Jay.png">
+
                 </p>
-
                   Hello,my name is JayChou.
+
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>
             </td>
           </tr>
           </tr>
Line 351: Line 361:
           <tr>
           <tr>
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teacher-image">
-
                <a href="#myModal"  data-toggle="modal">
+
                <img id="teacher-image-show" src="team/instructor-image.png" />
-
                  <img class="teacher-image" src="https://static.igem.org/mediawiki/2013/c/c8/Instructor-image.png">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <p style="padding:20px;">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                   Hello,my name is JayChou.Welcome to watch my new movie.
+
                 </p>
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>  
             </td>  
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teacher-image">
-
                <a href="#myModal"  data-toggle="modal">
+
                <img id="teacher-image-show" src="team/instructor-image.png" />
-
                  <img class="teacher-image" src="https://static.igem.org/mediawiki/2013/c/c8/Instructor-image.png">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <p style="padding:20px;">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                   Hello,my name is JayChou.Welcome to watch my new movie.
+
                 </p>
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>  
             </td>  
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teacher-image">
-
                <a href="#myModal"  data-toggle="modal">
+
                <img id="teacher-image-show" src="team/instructor-image.png" />
-
                  <img class="teacher-image" src="https://static.igem.org/mediawiki/2013/c/c8/Instructor-image.png">
+
              </a>
-
                </a>
+
             
-
 
+
              <div id="inline" style="display:none; background:white;">
-
                <!-- Modal -->
+
                <p style="padding:20px;">
-
                <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+
                   Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
-
                   Hello,my name is JayChou.Welcome to watch my new movie.
+
                 </p>
-
                 </div>
+
               </div>
               </div>
 +
 +
              <div style="clear:both;"></div>
             </td>  
             </td>  
             <td>
             <td>
-
               <div>
+
               <a href="#inline" rel="inline-800-600"  class="pirobox_gall1" title="Inline content" id="teacher-image">
-
                <a href="#myModal" data-toggle="modal">
+
                <img id="teacher-image-show" src="team/instructor-image.png" />
-
                  <img class="teacher-image" src="https://static.igem.org/mediawiki/2013/c/c8/Instructor-image.png">
+
              </a>
-
                </a>
+
             
 +
              <div id="inline" style="display:none; background:white;">
 +
                <p style="padding:20px;">
 +
                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
 +
                </p>
 +
              </div>
-
                <!-- Modal -->
+
              <div style="clear:both;"></div>  
-
                <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>  
Line 407: Line 421:
     </div>
     </div>
   </div>
   </div>
-
 
   
   

Revision as of 11:51, 16 September 2013

Team:SYSU-Software

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"