Team:SYSU-Software/team
From 2013.igem.org
(Difference between revisions)
Line 21: | Line 21: | ||
<body> | <body> | ||
- | <div id="navigation"></div> | + | <!--<div id="navigation"></div>--> |
+ | |||
+ | |||
+ | |||
+ | <!-- team page content--> | ||
+ | <div id="team-container"> | ||
+ | |||
+ | <div id="team-content" class="container"> | ||
+ | <span id="content-head-text"> | ||
+ | <img src="team/team-members.png"> | ||
+ | </span> | ||
+ | |||
+ | <span id="fly"> | ||
+ | <img src="team/fly.png"> | ||
+ | </span> | ||
+ | |||
+ | <span id="content-text"> | ||
+ | Hello, everyone!We are SYSU-Software :D<br> | ||
+ | There are 21 members in our team,including<br> | ||
+ | Biology group,software engineers,modeling<br> | ||
+ | and design group. | ||
+ | </span> | ||
+ | |||
+ | |||
+ | <div id="content-image"> | ||
+ | <table class="teamer-image-list"> | ||
+ | <tr> | ||
+ | <td> | ||
+ | <div> | ||
+ | <a href="#myModal" data-toggle="modal"> | ||
+ | <img class="teamer-image" src="team/teamer-image1.png" alt="adfasdfsadf"> | ||
+ | </a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <img src="team\jay.png"> | ||
+ | Hello,my name is JayChou. | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | |||
+ | <td> | ||
+ | <div> | ||
+ | <a href="#myModal" data-toggle="modal"> | ||
+ | <img class="teamer-image" src="team/teamer-image1.png" alt="adfasdfsadf"> | ||
+ | </a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <img src="team\jay.png"> | ||
+ | Hello,my name is JayChou. | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | |||
+ | <td> | ||
+ | <div> | ||
+ | <a href="#myModal" data-toggle="modal"> | ||
+ | <img class="teamer-image" src="team/teamer-image1.png" alt="adfasdfsadf"> | ||
+ | </a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <img src="team\jay.png"> | ||
+ | Hello,my name is JayChou. | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | |||
+ | <td> | ||
+ | <div> | ||
+ | <a href="#myModal" data-toggle="modal"> | ||
+ | <img class="teamer-image" src="team/teamer-image1.png" alt="adfasdfsadf"> | ||
+ | </a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <img src="team\jay.png"> | ||
+ | Hello,my name is JayChou. | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | |||
+ | <td> | ||
+ | <div> | ||
+ | <a href="#myModal" data-toggle="modal"> | ||
+ | <img class="teamer-image" src="team/teamer-image1.png" alt="adfasdfsadf"> | ||
+ | </a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <img src="team\jay.png"> | ||
+ | Hello,my name is JayChou. | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | |||
+ | <td> | ||
+ | <div> | ||
+ | <a href="#myModal" data-toggle="modal"> | ||
+ | <img class="teamer-image" src="team/teamer-image1.png" alt="adfasdfsadf"> | ||
+ | </a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <img src="team\jay.png"> | ||
+ | Hello,my name is JayChou. | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | |||
+ | <td> | ||
+ | <div> | ||
+ | <a href="#myModal" data-toggle="modal"> | ||
+ | <img class="teamer-image" src="team/teamer-image1.png" alt="adfasdfsadf"> | ||
+ | </a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <img src="team\jay.png"> | ||
+ | Hello,my name is JayChou. | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td> | ||
+ | <div> | ||
+ | <a href="#myModal" data-toggle="modal"> | ||
+ | <img class="teamer-image" src="team/teamer-image1.png" alt="adfasdfsadf"> | ||
+ | </a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <img src="team\jay.png"> | ||
+ | Hello,my name is JayChou. | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | |||
+ | <td> | ||
+ | <div> | ||
+ | <a href="#myModal" data-toggle="modal"> | ||
+ | <img class="teamer-image" src="team/teamer-image1.png" alt="adfasdfsadf"> | ||
+ | </a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <img src="team\jay.png"> | ||
+ | Hello,my name is JayChou. | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | |||
+ | <td> | ||
+ | <div> | ||
+ | <a href="#myModal" data-toggle="modal"> | ||
+ | <img class="teamer-image" src="team/teamer-image1.png" alt="adfasdfsadf"> | ||
+ | </a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <img src="team\jay.png"> | ||
+ | Hello,my name is JayChou. | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | |||
+ | <td> | ||
+ | <div> | ||
+ | <a href="#myModal" data-toggle="modal"> | ||
+ | <img class="teamer-image" src="team/teamer-image1.png" alt="adfasdfsadf"> | ||
+ | </a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <img src="team\jay.png"> | ||
+ | Hello,my name is JayChou. | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | |||
+ | <td> | ||
+ | <div> | ||
+ | <a href="#myModal" data-toggle="modal"> | ||
+ | <img class="teamer-image" src="team/teamer-image1.png" alt="adfasdfsadf"> | ||
+ | </a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <img src="team\jay.png"> | ||
+ | Hello,my name is JayChou. | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | |||
+ | <td> | ||
+ | <div> | ||
+ | <a href="#myModal" data-toggle="modal"> | ||
+ | <img class="teamer-image" src="team/teamer-image1.png" alt="adfasdfsadf"> | ||
+ | </a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <img src="team\jay.png"> | ||
+ | Hello,my name is JayChou. | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | |||
+ | <td> | ||
+ | <div> | ||
+ | <a href="#myModal" data-toggle="modal"> | ||
+ | <img class="teamer-image" src="team/teamer-image1.png" alt="adfasdfsadf"> | ||
+ | </a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <img src="team\jay.png"> | ||
+ | Hello,my name is JayChou. | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td> | ||
+ | <div> | ||
+ | <a href="#myModal" data-toggle="modal"> | ||
+ | <img class="teamer-image" src="team/teamer-image1.png" alt="adfasdfsadf"> | ||
+ | </a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <img src="team\jay.png"> | ||
+ | Hello,my name is JayChou. | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | |||
+ | <td> | ||
+ | <div> | ||
+ | <a href="#myModal" data-toggle="modal"> | ||
+ | <img class="teamer-image" src="team/teamer-image1.png" alt="adfasdfsadf"> | ||
+ | </a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <img src="team\jay.png"> | ||
+ | Hello,my name is JayChou. | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | |||
+ | <td> | ||
+ | <div> | ||
+ | <a href="#myModal" data-toggle="modal"> | ||
+ | <img class="teamer-image" src="team/teamer-image1.png" alt="adfasdfsadf"> | ||
+ | </a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <img src="team\jay.png"> | ||
+ | Hello,my name is JayChou. | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | |||
+ | <td> | ||
+ | <div> | ||
+ | <a href="#myModal" data-toggle="modal"> | ||
+ | <img class="teamer-image" src="team/teamer-image1.png" alt="adfasdfsadf"> | ||
+ | </a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <img src="team\jay.png"> | ||
+ | Hello,my name is JayChou. | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | |||
+ | <td> | ||
+ | <div> | ||
+ | <a href="#myModal" data-toggle="modal"> | ||
+ | <img class="teamer-image" src="team/teamer-image1.png" alt="adfasdfsadf"> | ||
+ | </a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <img src="team\jay.png"> | ||
+ | Hello,my name is JayChou. | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | |||
+ | <td> | ||
+ | <div> | ||
+ | <a href="#myModal" data-toggle="modal"> | ||
+ | <img class="teamer-image" src="team/teamer-image1.png" alt="adfasdfsadf"> | ||
+ | </a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <img src="team\jay.png"> | ||
+ | Hello,my name is JayChou. | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | |||
+ | <td> | ||
+ | <div> | ||
+ | <a href="#myModal" data-toggle="modal"> | ||
+ | <img class="teamer-image" src="team/teamer-image1.png" alt="adfasdfsadf"> | ||
+ | </a> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <img src="team\jay.png"> | ||
+ | Hello,my name is JayChou. | ||
+ | </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="team/instructor-image.png"> | ||
+ | </a> | ||
+ | |||
+ | <!-- 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="team/instructor-image.png"> | ||
+ | </a> | ||
+ | |||
+ | <!-- 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="team/instructor-image.png"> | ||
+ | </a> | ||
+ | |||
+ | <!-- 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="team/instructor-image.png"> | ||
+ | </a> | ||
+ | |||
+ | <!-- 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> | ||
+ | </div> | ||
+ | |||
+ | |||
<!--<footer></footer>--> | <!--<footer></footer>--> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 09:12, 25 August 2013