|
|
| Line 2: |
Line 2: |
| | | | |
| | | | |
| - | <html > | + | <html> |
| | | | |
| | <!--main content --> | | <!--main content --> |
| | | | |
| | <p> | | <p> |
| - | <style type="text/css"> body {background-image:url(https://static.igem.org/mediawiki/2014/5/57/Sjtu_software_background.jpg); background-repeat:no-repeat; background-attachment:fixed} </style> | + | <style type="text/css"> body {background-image:url(https://static.igem.org/mediawiki/2014/5/57/Sjtu_software_background.jpg);background-size:cover} </style> |
| - | <script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/182min.js%20?action=raw&ctype=text/js"></script>
| + | |
| - | <script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/toolsmin.js%20?action=raw&ctype=text/js"></script>
| + | |
| - | <script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/main.js%20?action=raw&ctype=text/js"></script>
| + | |
| | <style type="text/css"> | | <style type="text/css"> |
| - | ul.expmenu { width: 200px; }
| |
| - | ul.expmenu * { list-style: none; }
| |
| - | ul.expmenu > li > div.header { padding: 12px; border-bottom: 1px #396e9f solid; }
| |
| - | ul.expmenu > li:last-child > div.header { border-bottom: none; }
| |
| - | ul.expmenu > li ul li { background-color: #ececec; padding: 12px; border-bottom: 1px solid #dcdcdc; border-top: 1px solid #fff; color: #727272; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); }
| |
| - | ul.expmenu > li ul li:last-child { border-bottom: none; }
| |
| - | ul.expmenu > li ul li.selected { background-color: #f4f4f4; }
| |
| - | ul.expmenu div.header
| |
| - | {
| |
| - | color: #203f61;
| |
| - | text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
| |
| | | | |
| - | background: #4d7fb8; /* Old browsers */
| |
| - | background: -moz-linear-gradient(top, #4d7fb8 0%, #4572a5 100%); /* FF3.6+ */
| |
| - | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d7fb8), color-stop(100%,#4572a5)); /* Chrome,Safari4+ */
| |
| - | background: -webkit-linear-gradient(top, #4d7fb8 0%,#4572a5 100%); /* Chrome10+,Safari5.1+ */
| |
| - | background: -o-linear-gradient(top, #4d7fb8 0%,#4572a5 100%); /* Opera 11.10+ */
| |
| - | background: -ms-linear-gradient(top, #4d7fb8 0%,#4572a5 100%); /* IE10+ */
| |
| - | background: linear-gradient(to bottom, #4d7fb8 0%,#4572a5 100%); /* W3C */
| |
| - | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d7fb8', endColorstr='#4572a5',GradientType=0 ); /* IE6-9 */
| |
| - | }
| |
| - | ul.expmenu > li > div.header > .label { padding-left: 24px; background: no-repeat; }
| |
| - | ul.expmenu > li > div.header > .arrow { display: block; width: 16px; height: 16px; background: no-repeat center; float: right; }
| |
| - | ul.expmenu > li > div.header > .arrow.up { background-image: url(https://static.igem.org/mediawiki/2014/4/45/Sjtu_software_arrow_u.png); }
| |
| - | ul.expmenu > li > div.header > .arrow.down { background-image: url(https://static.igem.org/mediawiki/2014/3/31/Sjtu_software_arrow_d.png); }
| |
| - |
| |
| - | /* Mouse Events */
| |
| - | ul.expmenu div.header:hover
| |
| - | {
| |
| - | background: #4571a0; /* Old browsers */
| |
| - | background: -moz-linear-gradient(top, #4d7fb8 0%, #4571a0 100%); /* FF3.6+ */
| |
| - | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d7fb8), color-stop(100%,#4571a0)); /* Chrome,Safari4+ */
| |
| - | background: -webkit-linear-gradient(top, #4d7fb8 0%,#4571a0 100%); /* Chrome10+,Safari5.1+ */
| |
| - | background: -o-linear-gradient(top, #4d7fb8 0%,#4571a0 100%); /* Opera 11.10+ */
| |
| - | background: -ms-linear-gradient(top, #4d7fb8 0%,#4571a0 100%); /* IE10+ */
| |
| - | background: linear-gradient(to bottom, #4d7fb8 0%,#4571a0 100%); /* W3C */
| |
| - | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d7fb8', endColorstr='#4571a0',GradientType=0 ); /* IE6-9 */
| |
| - |
| |
| - | cursor: pointer;
| |
| - | }
| |
| - |
| |
| - | ul.expmenu > li ul li:not(.selected):hover
| |
| - | {
| |
| - | background: #e7e7e7; /* Old browsers */
| |
| - |
| |
| - | cursor: pointer;
| |
| - | }
| |
| - | ul.expmenu > li ul li:not(.selected):active
| |
| - | {
| |
| - | background: #f1f1f1; /* Old browsers */
| |
| - |
| |
| - | cursor: pointer;
| |
| - | }
| |
| - | .slider
| |
| - | {
| |
| - | background: #d5d5d5;
| |
| - | height: 7px;
| |
| - | position: relative;
| |
| - | cursor: pointer;
| |
| - | width: 100%;
| |
| - | clear: right;
| |
| - | top: 0px;
| |
| - | -moz-border-radius: 5px;
| |
| - | -webkit-border-radius: 5px;
| |
| - | -moz-box-shadow: inset 0 0 8px #000;
| |
| - | margin: 10px 0 10px 0;
| |
| - | }
| |
| - |
| |
| - | /* progress bar (enabled with progress: true) */
| |
| - | .progress
| |
| - | {
| |
| - | height: 7px;
| |
| - | position: relative;
| |
| - | background: #5389c5; /* Old browsers */
| |
| - | background: -moz-linear-gradient(top, #5389c5 0%, #4775a9 100%); /* FF3.6+ */
| |
| - | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5389c5), color-stop(100%,#4775a9)); /* Chrome,Safari4+ */
| |
| - | background: -webkit-linear-gradient(top, #5389c5 0%,#4775a9 100%); /* Chrome10+,Safari5.1+ */
| |
| - | background: -o-linear-gradient(top, #5389c5 0%,#4775a9 100%); /* Opera 11.10+ */
| |
| - | background: -ms-linear-gradient(top, #5389c5 0%,#4775a9 100%); /* IE10+ */
| |
| - | background: linear-gradient(to bottom, #5389c5 0%,#4775a9 100%); /* W3C */
| |
| - | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5389c5', endColorstr='#4775a9',GradientType=0 ); /* IE6-9 */
| |
| - | -moz-border-radius: 5px;
| |
| - | -webkit-border-radius: 5px;
| |
| - | top: 0px;
| |
| - | border: 1px solid #4b7bb1;
| |
| - |
| |
| - | -moz-box-shadow: inset 0 .7px 0 0 rgba(255, 255, 255, 0.3);
| |
| - | -webkit-box-shadow: inset 0 .7px 0 0 rgba(255, 255, 255, 0.3);
| |
| - | box-shadow: inset 0 .7px 0 0 rgba(255, 255, 255, 0.3);
| |
| - | }
| |
| - |
| |
| - | /* drag handle */
| |
| - | .handle
| |
| - | {
| |
| - | background: url(../images/handle.png) repeat-x center;
| |
| - | height: 16px;
| |
| - | width: 16px;
| |
| - | top: -5px;
| |
| - | position: absolute;
| |
| - | display: block;
| |
| - | margin-top: 1px;
| |
| - | cursor: pointer;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | /* the input field */
| |
| - | .range
| |
| - | {
| |
| - | display: none;
| |
| - | }
| |
| | | | |
| | .container { | | .container { |
| | height: 5px; | | height: 5px; |
| - | margin: 1.6% auto 3.9% auto; | + | margin: 1.6% auto 0 14.5%; |
| | width: 71%; | | width: 71%; |
| | align: center; | | align: center; |
| Line 223: |
Line 111: |
| | background: url('https://static.igem.org/mediawiki/2014/d/d5/Sjtu_software_lavalamp.png') no-repeat scroll 0 0 transparent; | | background: url('https://static.igem.org/mediawiki/2014/d/d5/Sjtu_software_lavalamp.png') no-repeat scroll 0 0 transparent; |
| | height: 16px; | | height: 16px; |
| - | left: 415px; | + | left: 6px; |
| | position: absolute; | | position: absolute; |
| | top: 0px; | | top: 0px; |
| Line 269: |
Line 157: |
| | | | |
| | <style type="text/css"> | | <style type="text/css"> |
| - | .container{
| |
| - |
| |
| - | }
| |
| | .firstHeading { | | .firstHeading { |
| | width: 0px; | | width: 0px; |
| Line 321: |
Line 206: |
| | | | |
| | | | |
| - | <link href="https://2014.igem.org/Team:SJTU-Software/slider.css%20?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/> | + | |
| | + | |
| | + | <!--<body style="background-image:url(https://static.igem.org/mediawiki/2014/3/3c/Sjtu_software_img100.png);background-position:center; background-repeat:repeat-y repeat-x">--> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
| | + | |
| | + | <link href="https://2014.igem.org/Team:SJTU-Software/slider.css%20?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/> |
| | <script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/min.js%20?action=raw&ctype=text/js"></script> | | <script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/min.js%20?action=raw&ctype=text/js"></script> |
| | <script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/easing.js%20?action=raw&ctype=text/js"></script> | | <script type="text/javascript" src="https://2014.igem.org/Team:SJTU-Software/easing.js%20?action=raw&ctype=text/js"></script> |
| Line 336: |
Line 230: |
| | </script> | | </script> |
| | </head> | | </head> |
| - | <body class="background" style="width:1366px;height:768px" align=center> | + | <body class="background"> |
| - |
| + | |
| - | <div class="container" style="position:relative;z-index:3"> | + | <div class="container" position:relative z-index:999> |
| | | | |
| - | <ul id="nav" style="position:fixed;width:72%"> | + | <ul id="nav"> |
| - |
| + | |
| | <li><a href="https://2014.igem.org/Team:SJTU-Software">Home</a></li> | | <li><a href="https://2014.igem.org/Team:SJTU-Software">Home</a></li> |
| | <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Overview">Software</a> | | <li><a class="hsubs" href="https://2014.igem.org/Team:SJTU-Software/Overview">Software</a> |
| Line 381: |
Line 274: |
| | | | |
| | </div> | | </div> |
| | + | <div align="center" > |
| | | | |
| | + | <div class="slider" style="width:71%; padding:4% 0 0 0 "> |
| | + | <div class="fluid_container"> |
| | + | <div class="camera_wrap camera_azure_skin" id="camera_wrap_1" > |
| | + | <div data-thumb="https://static.igem.org/mediawiki/2014/6/6a/Sjtu_software_test.jpg" data-src="https://static.igem.org/mediawiki/2014/6/6a/Sjtu_software_test.jpg"> </div> |
| | + | <div data-thumb="https://static.igem.org/mediawiki/2014/6/6a/Sjtu_software_test.jpg" data-src="https://static.igem.org/mediawiki/2014/6/6a/Sjtu_software_test.jpg"> </div> |
| | + | <div data-thumb="https://static.igem.org/mediawiki/2014/6/6a/Sjtu_software_test.jpg" data-src="https://static.igem.org/mediawiki/2014/6/6a/Sjtu_software_test.jpg"> </div> |
| | + | <div data-thumb="https://static.igem.org/mediawiki/2014/6/6a/Sjtu_software_test.jpg" data-src="https://static.igem.org/mediawiki/2014/6/6a/Sjtu_software_test.jpg"> </div> |
| | + | </div> |
| | + | </div> |
| | + | <div class="clear"></div> |
| | + | </div> |
| | | | |
| - | <div align="center">
| + | |
| - | <div class="container2" style="height:2050px;width:71%;">
| + | |
| - |
| + | |
| - |
| + | |
| | | | |
| - |
| |
| - | <div class="container2" style="height:2050px;width:100%;background-color:#C4E1FF;float:left; display:inline" >
| |
| - | <div align=center >
| |
| - |
| |
| - | <div class="container2" style="height:180px;width:100%;background-color:#408080;margin:0 0 0 0 ">
| |
| - | <div align=left >
| |
| - | <br>
| |
| - | <br>
| |
| - |
| |
| - | <div class="container2" style="margin:-2% 0 0 0;height:200px;width:100%;float:left; display:inline" >
| |
| - | <p class="text" style="margin:2% 60px auto"><font face="Microsoft YaHei" size="5px" color="#FFFFFF">Team Introduction</font></p>
| |
| - | <p class="text" style="margin:3% 60px auto"><font face="Microsoft YaHei" size="3px" color="#FFFFFF">Here, we have reconstructed the database of the current existing biobricks. All the necessary information available on the Registry are collected and used to construct our own database. In this part, the source of data, the way of data collection, database structure and some facts of the biobricks in the database are introduced.</font></p>
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div align=center >
| |
| - |
| |
| - | <div class="container2" style="height:60px;width:100%;background-color:#0072E3;margin:0 0 0 0 ">
| |
| - |
| |
| - | <br>
| |
| - | <br>
| |
| - |
| |
| - | <div class="container2" style="margin:-4% 0 0 0;height:60px;width:100%;float:left; display:inline;" >
| |
| - | <p class="text" style="margin:20px 0 0 0"><font face="Microsoft YaHei" size="5px" color="#FFFFFF">Instructor</font></p>
| |
| - |
| |
| - |
| |
| - |
| |
| - | </div>
| |
| - | </div>
| |
| | </div> | | </div> |
| | | | |
| - | <div align=center > | + | <div align=center> |
| - | <div class="container2" style="height: 250px;width: 100%;background-color:# FF8080;margin: 0 0 0 0"> | + | <div class="container2" style="height: 400px;width: 71%;background-color:# 408080;margin: 35% 0 0 0;"> |
| - | <div class="container2" style="height:250px;width:50%;background-color:#00AEAE;margin:0 0 0 0;float:left; display:inline;">
| + | |
| | <div align=left > | | <div align=left > |
| | <br> | | <br> |
| | <br> | | <br> |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:28%;float:left; display:inline; " > | + | <div class="container2" style="margin:-4% 0 0 0;height:200px;width:28%;float:top; display:inline;" > |
| - | <img style="margin:10% auto auto 20%;height:150px;width:auto;" src="https://static.igem.org/mediawiki/2014/5/5f/Sjtu_software_searching.png"></img> | + | <p class="text" style="margin:0% 5% auto"><font face="Microsoft YaHei" size="5px" color="#FFFFFF">EASY BBK</font></p> |
| - | </div>
| + | |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:72%;float:left; display:inline;" >
| + | |
| - | <p class="text" style=" margin:5% 60px auto"><font face="Microsoft YaHei" size="5px" color="#FFFFFF">Micheal</font></p> | + | |
| - | <p class="text" style="margin:3% 60px auto"><font face="Microsoft YaHei" size="3px" color="#FFFFFF">Name:<br>Description:</font></p>
| + | |
| - | </div>
| + | |
| - |
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | <div class="container2" style="height:250px;width:50%;background-color:#02C874;margin:0 0 0 0;float:left; display:inline;">
| + | |
| - | <div align=left >
| + | |
| - | <br>
| + | |
| - | <br>
| + | |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:28%;float:left; display:inline; " >
| + | |
| - | <img style="margin:10% auto auto 20%;height:150px;width:auto;" src="https://static.igem.org/mediawiki/2014/5/5f/Sjtu_software_searching.png"></img>
| + | |
| - | </div>
| + | |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:72%;float:left; display:inline;" >
| + | |
| - | <p class="text" style="margin:5% 60px auto"><font face="Microsoft YaHei" size="5px" color="#FFFFFF">Micheal</font></p>
| + | |
| - | <p class="text" style="margin:3% 60px auto"><font face="Microsoft YaHei" size="3px" color="#FFFFFF">Name:<br>Description:</font></p>
| + | |
| - | </div>
| + | |
| - |
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | <div align=center >
| + | |
| - |
| + | |
| - | <div class="container2" style="height:60px;width:100%;background-color:#0072E3;margin:0 0 0 0 ">
| + | |
| - |
| + | |
| - | <br>
| + | |
| - | <br>
| + | |
| - |
| + | |
| - | <div class="container2" style="margin:-4% 0 0 0;height:60px;width:100%;float:left; display:inline" >
| + | |
| - | <p class="text" style="margin:20px 0 0 0"><font face="Microsoft YaHei" size="5px" color="#FFFFFF">Teammember</font></p>
| + | |
| | | | |
| - |
| + | <p class="text" style="margin:2% 5% auto"><font face="Microsoft YaHei" size="4px" color="#FFFFFF">An EASY Biobrick Blueprint's pacKage</font></p> |
| - |
| + | <p class="text" style="margin:5% 5% auto"><font face="Microsoft YaHei" size="3px" color="#FFFFFF">Confusing biobrick database and different ways of interpreting the bio-system remain to be two main problems in synthetic biology. Our team has created "Easy BBK" to help wet-lab users get neat information and evaluation of specific biobricks quickly and to display their bio-system easily. Users can input keywords of the biobrick they are interested in, and select special requirements of certain properties that are listed in the software, biobricks related will be listed, sorted by a score given to each biobrick, which takes into consideration the current status, user comments and reviews, times of citation in a publication and etc. Additionally, users could draw their bio-system easily with the standardized biobrick icons, and they can also look into the detailed information about the biobricks in the bio-system. Finally, before self-created biobricks are uploaded to the official database, users could first assess their biobricks in our software according to our assessment model.</font></p> |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div align=center >
| + | |
| - | <div class="container2" style="height:250px;width:100%;background-color:#FF8080;margin:0 0 0 0">
| + | |
| - | <div class="container2" style="height:250px;width:50%;background-color:#00AEAE;margin:0 0 0 0;float:left; display:inline;">
| + | |
| - | <div align=left >
| + | |
| - | <br>
| + | |
| - | <br>
| + | |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:28%;float:left; display:inline; " >
| + | |
| - | <img style="margin:10% auto auto 20%;height:150px;width:auto;" src="https://static.igem.org/mediawiki/2014/5/5f/Sjtu_software_searching.png"></img>
| + | |
| | </div> | | </div> |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:72%;float:left; display:inline;" >
| |
| - | <p class="text" style="margin:5% 60px auto"><font face="Microsoft YaHei" size="5px" color="#FFFFFF">Micheal</font></p>
| |
| - | <p class="text" style="margin:3% 60px auto"><font face="Microsoft YaHei" size="3px" color="#FFFFFF">Name:<br>Description:</font></p>
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="container2" style="height:250px;width:50%;background-color:#02C874;margin:0 0 0 0;float:left; display:inline;">
| |
| - | <div align=left >
| |
| - | <br>
| |
| - | <br>
| |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:28%;float:left; display:inline; " >
| |
| - | <img style="margin:10% auto auto 20%;height:150px;width:auto;" src="https://static.igem.org/mediawiki/2014/5/5f/Sjtu_software_searching.png"></img>
| |
| - | </div>
| |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:72%;float:left; display:inline;" >
| |
| - | <p class="text" style="margin:5% 60px auto"><font face="Microsoft YaHei" size="5px" color="#FFFFFF">Micheal</font></p>
| |
| - | <p class="text" style="margin:3% 60px auto"><font face="Microsoft YaHei" size="3px" color="#FFFFFF">Name:<br>Description:</font></p>
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - | </div>
| |
| | </div> | | </div> |
| - | </div>
| |
| - |
| |
| - | <table width="0%" border="70px" cellspacing="0" cellpadding="0" rules="rows" frame="hsides">
| |
| - | <td> </td>
| |
| - | </table>
| |
| - |
| |
| - | <div align=center >
| |
| - | <div class="container2" style="height:250px;width:100%;background-color:#FF8080;margin:0 0 0 0">
| |
| - | <div class="container2" style="height:250px;width:50%;background-color:#00AEAE;margin:0 0 0 0;float:left; display:inline;">
| |
| - | <div align=left >
| |
| - | <br>
| |
| - | <br>
| |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:28%;float:left; display:inline; " >
| |
| - | <img style="margin:10% auto auto 20%;height:150px;width:auto;" src="https://static.igem.org/mediawiki/2014/5/5f/Sjtu_software_searching.png"></img>
| |
| - | </div>
| |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:72%;float:left; display:inline;" >
| |
| - | <p class="text" style="margin:5% 60px auto"><font face="Microsoft YaHei" size="5px" color="#FFFFFF">Micheal</font></p>
| |
| - | <p class="text" style="margin:3% 60px auto"><font face="Microsoft YaHei" size="3px" color="#FFFFFF">Name:<br>Description:</font></p>
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="container2" style="height:250px;width:50%;background-color:#02C874;margin:0 0 0 0;float:left; display:inline;">
| |
| - | <div align=left >
| |
| - | <br>
| |
| - | <br>
| |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:28%;float:left; display:inline; " >
| |
| - | <img style="margin:10% auto auto 20%;height:150px;width:auto;" src="https://static.igem.org/mediawiki/2014/5/5f/Sjtu_software_searching.png"></img>
| |
| - | </div>
| |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:72%;float:left; display:inline;" >
| |
| - | <p class="text" style="margin:5% 60px auto"><font face="Microsoft YaHei" size="5px" color="#FFFFFF">Micheal</font></p>
| |
| - | <p class="text" style="margin:3% 60px auto"><font face="Microsoft YaHei" size="3px" color="#FFFFFF">Name:<br>Description:</font></p>
| |
| - | </div>
| |
| - |
| |
| - | </div>
| |
| - | </div>
| |
| | </div> | | </div> |
| | </div> | | </div> |
| | + | <div align=center> |
| | + | <div class="container2" style="height:150px;width:71%;background-color: #272727;" > |
| | + | <div class="container2" style="height:150px;width:68%;background-color: #272727;float:left; display:inline;" > |
| | + | <div style=" float:left;margin:3% auto auto 4%;"> |
| | + | <a href="http://www.sjtu.edu.cn"target="_blank"> |
| | + | <img style="height:50px;width:auto;" src="https://static.igem.org/mediawiki/2014/7/77/Sjtu_software_SJTU_Logo.png"></img></a></div> |
| | + | <div style="float:left;margin:3% auto auto 4%;"> |
| | + | <a href="http://life.sjtu.edu.cn"target="_blank"> |
| | + | <img style="height:50px;width:auto;" src="https://static.igem.org/mediawiki/2014/0/09/Sjtu_software_Life-logo.png"></img></a></div> |
| | | | |
| - | <table width="0%" border="70px" cellspacing="0" cellpadding="0" rules="rows" frame="hsides"> | + | <div style=" float:left;margin:3% auto auto 4%;"> |
| - | <td> </td> | + | <a href="http://skmml.sjtu.edu.cn/"target="_blank"> |
| - | </table> | + | <img style="height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/2/28/Sjtu_software_%E5%BE%AE%E7%94%9F%E7%89%A9%E4%BB%A3%E8%B0%A2%E9%87%8D%E7%82%B9%E5%AE%9E%E9%AA%8C%E5%AE%A4logo.png"></img></a></div> |
| | | | |
| - | <div align=center >
| + | <div style="float:left;margin:3% auto auto 4%;"> |
| - | <div class="container2" style=" height:250px;width:100%;background-color:#FF8080;margin:0 0 0 0"> | + | <a href="http://apex.sjtu.edu.cn/"target="_blank"> |
| - | <div class="container2" style="height:250px;width:50%;background-color:#00AEAE;margin:0 0 0 0;float:left; display:inline;">
| + | <img style=height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/5/52/Sjtu_software_lablogo.png"></img></a></div> |
| - | <div align=left >
| + | |
| - | <br>
| + | |
| - | <br>
| + | |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:28%;float:left; display:inline; " >
| + | |
| - | <img style="margin:10% auto auto 20%;height:150px;width:auto;" src="https://static.igem.org/mediawiki/2014/5/5f/Sjtu_software_searching.png"></img>
| + | |
| - | </div>
| + | |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:72%;float:left; display:inline;" >
| + | |
| - | <p class="text" style="margin:5% 60px auto"><font face="Microsoft YaHei" size="5px" color="#FFFFFF">Micheal</font></p>
| + | |
| - | <p class="text" style="margin:3% 60px auto"><font face="Microsoft YaHei" size="3px" color="#FFFFFF">Name:<br>Description:</font></p>
| + | |
| - | </div>
| + | |
| - |
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | <div class="container2" style="height:250px;width:50%;background-color:#02C874;margin:0 0 0 0;float:left; display:inline;">
| + | |
| - | <div align=left >
| + | |
| - | <br>
| + | |
| - | <br>
| + | |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:28%;float:left; display:inline; " >
| + | |
| - | <img style="margin:10% auto auto 20%;height:150px;width:auto;" src="https://static.igem.org/mediawiki/2014/5/5f/Sjtu_software_searching.png"></img>
| + | |
| - | </div>
| + | |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:72%;float:left; display:inline;" >
| + | |
| - | <p class="text" style="margin:5% 60px auto"><font face="Microsoft YaHei" size="5px" color="#FFFFFF">Micheal</font></p>
| + | |
| - | <p class="text" style="margin:3% 60px auto"><font face="Microsoft YaHei" size="3px" color="#FFFFFF">Name:<br>Description:</font></p>
| + | |
| - | </div>
| + | |
| - |
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div> | + | |
| | | | |
| - | <table width="0%" border="70px" cellspacing="0" cellpadding="0" rules="rows" frame="hsides">
| + | <div style=" float:left;margin:3% auto auto 4%;"> |
| - | <td> </td>
| + | <a href="http://www.seiee.sjtu.edu.cn/"target="_blank"> |
| - | </table>
| + | <img style="height:50px;width:150px;" src="https://static.igem.org/mediawiki/2014/5/5b/Sjtu_software_seiee.png"></img></a></div> |
| - | | + | |
| - | <div align=center >
| + | |
| - | <div class="container2" style=" height:250px;width:100%;background-color:#FF8080;margin:0 0 0 0"> | + | |
| - | <div class="container2" style="height:250px;width:50%;background-color:#00AEAE;margin:0 0 0 0;float:left; display:inline;">
| + | |
| - | <div align=left >
| + | |
| - | <br>
| + | |
| - | <br>
| + | |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:28%;float:left; display:inline; " >
| + | |
| - | <img style="margin:10% auto auto 20%;height:150px;width:auto;" src="https://static.igem.org/mediawiki/2014/5/5f/Sjtu_software_searching.png"></img>
| + | |
| - | </div>
| + | |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:72%;float:left; display:inline;" >
| + | |
| - | <p class="text" style="margin:5% 60px auto"><font face="Microsoft YaHei" size="5px" color="#FFFFFF">Micheal</font></p>
| + | |
| - | <p class="text" style="margin:3% 60px auto"><font face="Microsoft YaHei" size="3px" color="#FFFFFF">Name:<br>Description:</font></p>
| + | |
| - | </div>
| + | |
| - |
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | <div class="container2" style="height:250px;width:50%;background-color:#02C874;margin:0 0 0 0;float:left; display:inline;">
| + | |
| - | <div align=left >
| + | |
| - | <br>
| + | |
| - | <br>
| + | |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:28%;float:left; display:inline; " >
| + | |
| - | <img style="margin:10% auto auto 20%;height:150px;width:auto;" src="https://static.igem.org/mediawiki/2014/5/5f/Sjtu_software_searching.png"></img>
| + | |
| - | </div>
| + | |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:72%;float:left; display:inline;" >
| + | |
| - | <p class="text" style="margin:5% 60px auto"><font face="Microsoft YaHei" size="5px" color="#FFFFFF">Micheal</font></p>
| + | |
| - | <p class="text" style="margin:3% 60px auto"><font face="Microsoft YaHei" size="3px" color="#FFFFFF">Name:<br>Description:</font></p>
| + | |
| - | </div>
| + | |
| - |
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <table width="0%" border="70px" cellspacing="0" cellpadding="0" rules="rows" frame="hsides">
| + | |
| - | <td> </td>
| + | |
| - | </table>
| + | |
| - | | + | |
| - | <div align=center >
| + | |
| - | <div class="container2" style="height:250px;width:100%;background-color:#FF8080;margin:0 0 0 0">
| + | |
| - | <div class="container2" style="height:250px;width:50%;background-color:#00AEAE;margin:0 0 0 0;float:left; display:inline;">
| + | |
| - | <div align=left >
| + | |
| - | <br>
| + | |
| - | <br>
| + | |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:28%;float:left; display:inline; " >
| + | |
| - | <img style=" margin:10% auto auto 20%;height: 150px;width :auto;" src="https://static.igem.org/mediawiki/2014/5/5f/Sjtu_software_searching.png"></img> | + | |
| - | </div>
| + | |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:72%;float:left; display:inline;" >
| + | |
| - | <p class="text" style="margin:5% 60px auto"><font face="Microsoft YaHei" size="5px" color="#FFFFFF">Micheal</font></p>
| + | |
| - | <p class="text" style="margin:3% 60px auto"><font face="Microsoft YaHei" size="3px" color="#FFFFFF">Name:<br>Description:</font></p>
| + | |
| - | </div>
| + | |
| - |
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | <div class="container2" style="height:250px;width:50%;background-color:#02C874;margin:0 0 0 0;float:left; display:inline;">
| + | |
| - | <div align=left >
| + | |
| - | <br>
| + | |
| - | <br>
| + | |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:28%;float:left; display:inline; " >
| + | |
| - | <img style="margin:10% auto auto 20%;height:150px;width:auto;" src="https://static.igem.org/mediawiki/2014/5/5f/Sjtu_software_searching.png"></img>
| + | |
| - | </div>
| + | |
| - | <div class="container2" style="margin:-4% 0 0 0;height:250px;width:72%;float:left; display:inline;" >
| + | |
| - | <p class="text" style="margin:5% 60px auto"><font face="Microsoft YaHei" size="5px" color="#FFFFFF">Micheal</font></p>
| + | |
| - | <p class="text" style="margin:3% 60px auto"><font face="Microsoft YaHei" size="3px" color="#FFFFFF">Name:<br>Description:</font></p>
| + | |
| - | </div>
| + | |
| - |
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | <div align=center >
| + | |
| - |
| + | |
| - | <div class="container2" style="height:60px;width:100%;background-color:#0072E3;margin:0 0 0 0 ">
| + | |
| - |
| + | |
| - | <br>
| + | |
| - | <br>
| + | |
| - |
| + | |
| - | <div class="container2" style="margin:-4% 0 0 0;height:60px;width:100%;float:left; display:inline" >
| + | |
| - | <p class="text" style="margin:20px 0 0 0"><font face="Microsoft YaHei" size="5px" color="#FFFFFF">Sponsor</font></p>
| + | |
| - |
| + | |
| - |
| + | |
| - |
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div align=center >
| + | |
| - |
| + | |
| - | <div class="container2" style="height:200px;width:100%;background-color:#408080;margin:0 0 0 0 ">
| + | |
| - |
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | </div>
| + | |
| | </div> | | </div> |
| - | </div>
| + | <div class="container2" style="height: 150px;width: 32%;background-color: #272727 ;float:left; display:inline;" > |
| - | | + | |
| - | </div>
| + | |
| - |
| + | |
| - | <div align=center>
| + | |
| - | <div class="container2" style="height: 170px;width: 71%;background-color: #272727;" > | + | |
| | <div align=right style="margin:-3px "> | | <div align=right style="margin:-3px "> |
| | <br> | | <br> |
| Line 696: |
Line 338: |
| | | | |
| | </div> | | </div> |
| - | </div>
| + | </div> |
| | </div> | | </div> |
| - | <p id="back-to-top"><a href="#top"><span></span><img style="width:100%;height:100%" src="https://static.igem.org/mediawiki/2014/c/cc/Sjtu_software_teamlogo.png" alt="" />back to top</a></p> | + | </div> |
| | + | |
| | + | <p id="back-to-top" ><a href="#top"><span></span><img style="width:100%;height:100%" src="https://static.igem.org/mediawiki/2014/c/cc/Sjtu_software_teamlogo.png" alt="" />back to top</a></p> |
| | <div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div> | | <div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div> |
| | <script> | | <script> |
| Line 723: |
Line 367: |
| | }); | | }); |
| | </script> | | </script> |
| - |
| |
| | | | |
| | | | |
"
back to top
