Team:NJU NJUT China/humanpractice

From 2013.igem.org

(Difference between revisions)
(Created page with "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta...")
 
(11 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
Line 5: Line 4:
<title>main</title>
<title>main</title>
<style type="text/css">
<style type="text/css">
 +
#body
 +
{
 +
height:auto;
 +
}
#top-section{
#top-section{
   height:0px;
   height:0px;
Line 13: Line 16:
     background-color:transparent;
     background-color:transparent;
     overflow:hide;
     overflow:hide;
-
 
}
}
#footer-box{height:0px;
#footer-box{height:0px;
Line 22: Line 24:
     background-color:transparent;
     background-color:transparent;
     overflow:hide;
     overflow:hide;
 +
    position:absolute;
 +
    z-index:-5;
}
}
-
#footer{height:0px;
+
#footer{
 +
position:absolute;
 +
    height:0px;
     border:none;
     border:none;
     width:0px;
     width:0px;
Line 31: Line 37:
     overflow:hide;
     overflow:hide;
}
}
-
#p-logo{display:none;}
+
#p-logo{display:none; }
#search-controls{display:none;}
#search-controls{display:none;}
#top{display:none;}
#top{display:none;}
Line 46: Line 52:
}
}
/* global setting*/
/* global setting*/
-
#globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;}
+
#globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%; z-index:0;}
#content{
#content{
Line 53: Line 59:
     border:none;
     border:none;
     width:1340px;
     width:1340px;
-
 
+
    font-size:15px;
     marign:0 auto;
     marign:0 auto;
     padding:0 0 0 0;
     padding:0 0 0 0;
Line 61: Line 67:
     background-color:transparent;
     background-color:transparent;
     border:none;
     border:none;
-
   
 
     }
     }
siteSub{
siteSub{
Line 73: Line 78:
#cover{
#cover{
     width:100%;
     width:100%;
-
height:100%;
+
height:auto;
position:absolute;
position:absolute;
-
top:0px;
+
top:-15px;
-
left:0px;
+
left:-5px;
     z-index:0;
     z-index:0;
}
}
Line 83: Line 88:
height:100%;
height:100%;
}
}
 +
#guide0  
#guide0  
{
{
Line 89: Line 95:
height:16%;
height:16%;
left:60%;
left:60%;
-
top:2%;
+
top:4.5%;
-
z-index:10;
+
z-index:20;
}
}
#guide1  
#guide1  
Line 97: Line 103:
width:11%;
width:11%;
height:16%;
height:16%;
-
left:71%;
+
left:70%;
-
top:2%;
+
top:4.5%;
-
z-index:10;
+
z-index:20;
}
}
#guide2  
#guide2  
Line 107: Line 113:
height:16%;
height:16%;
left:81%;
left:81%;
-
top:2%;
+
top:4%;
-
z-index:10;
+
z-index:20;
}
}
#guide3  
#guide3  
Line 114: Line 120:
position:absolute;
position:absolute;
width:14%;
width:14%;
-
height:15%;
+
height:16%;
left:80%;
left:80%;
top:19%;
top:19%;
-
z-index:10;
+
z-index:20;
}
}
#guide4  
#guide4  
Line 125: Line 131:
height:16%;
height:16%;
left:80%;
left:80%;
-
top:36%;
+
top:34%;
-
z-index:10;
+
z-index:20;
}
}
#guide5  
#guide5  
Line 134: Line 140:
height:16%;
height:16%;
left:80%;
left:80%;
-
top:54%;
+
top:49%;
-
z-index:10;
+
z-index:20;
}
}
#guide6  
#guide6  
Line 143: Line 149:
height:16%;
height:16%;
left:80%;
left:80%;
-
top:70.5%;
+
top:63.5%;
-
z-index:10;
+
z-index:20;
}
}
#mycontent{
#mycontent{
Line 152: Line 158:
top:24.8%;
top:24.8%;
left:13.1%;
left:13.1%;
-
z-index:5;
+
z-index:15;
-
overflow-y:scroll;
+
overflow:scroll;
 +
overflow-x:hidden;
 +
font-family: 'MS Sans Serif', Geneva, sans-serif;
 +
font-size: 15px;
}
}
 +
 +
.teammemberimg { float:left; height:150px; width:105px; margin:5px 50px 5px 30px;}
 +
.teammemberinfo{float:left; width:auto;}
 +
.teammemberinfo p{ margin-bottom:-6px;}
</style>
</style>
-
<style type="text/css">
+
<script type="text/javascript">
-
#content2
+
        function nTabs(thisObj, Num) {
-
{
+
            if (thisObj.className == "active") return;
-
position:relative;
+
            var tabList = document.getElementById("myTab").getElementsByTagName("li");
-
left:5%;
+
            for (i = 0; i < tabList.length; i++) {//点击之后，其他tab变成灰色，内容隐藏，只有点击的tab和内容有属性
-
    width:90%;
+
                if (i == Num) {
-
height:auto;
+
                    thisObj.className = "active";
-
border: 0px solid #333;
+
                    document.getElementById("myTab_Content" + i).style.display = "block";
-
    font-family: 'MS Sans Serif', Geneva, sans-serif;
+
                } else {
-
font-size: 15px;
+
                    tabList[i].className = "normal";
-
color:#000000;
+
                    document.getElementById("myTab_Content" + i).style.display = "none";
-
}
+
                }
-
</style>
+
            }
-
<style>
+
        }
 +
    </script>
 +
    <style type="text/css">
 +
p, ul, ol {
 +
margin-top: 0;
 +
line-height: 180%;
 +
                list-style:none;
 +
}
 +
        .nTab
 +
        {
 +
            width:80%;
 +
            height:auto;
 +
            margin: 20px auto;
 +
            border:none;
 +
        }
 +
        .none
 +
        {
 +
 
 +
            display: none;
 +
        }
 +
        .nTab .TabTitle li
 +
        {
 +
            float: left;
 +
            cursor: pointer;
 +
            height: 35px;
 +
            line-height: 35px;
 +
            font-weight: bold;
 +
            text-align: center;
 +
            width: 124px;
 +
        }
 +
        .nTab .TabTitle li a
 +
        {
 +
            text-decoration: none;
 +
        }
 +
        .nTab .TabTitle .active
 +
        {
 +
            background:#C60;
 +
            color:#CC3
 +
        }
 +
        .nTab .TabTitle .normal
 +
        {
 +
            color: #CC0099;
 +
        }
 +
        .nTab .TabContent
 +
        {
 +
            clear: both;
 +
            padding: 5px;
 +
            display: block;
 +
            height:auto;
 +
        }
 +
.prod img
 +
{ width:50px;
 +
  height:200px;
 +
}
 +
 +
#cont{
 +
float:left; width:60%;
 +
}
 +
    </style>
 +
<style>
/*---滚动条默认显示样式--*/
/*---滚动条默认显示样式--*/
::-webkit-scrollbar-thumb{   
::-webkit-scrollbar-thumb{   
Line 192: Line 264:
/*---滚动框背景样式--*/   
/*---滚动框背景样式--*/   
::-webkit-scrollbar-track-piece{   
::-webkit-scrollbar-track-piece{   
-
   background-color:#CC9900;
+
   background-color:#CC9900;  
   -webkit-border-radius:0;   
   -webkit-border-radius:0;   
}
}
</style>
</style>
</head>
</head>
 +
<body>
<div id="cover">
<div id="cover">
  <img src="https://static.igem.org/mediawiki/igem.org/8/8d/Humpb.jpg" />
  <img src="https://static.igem.org/mediawiki/igem.org/8/8d/Humpb.jpg" />
Line 218: Line 291:
<div id="guide6">
<div id="guide6">
<a href="https://2013.igem.org/Team:NJU_NJUT_China/humanpractice"><img src="https://static.igem.org/mediawiki/igem.org/4/44/NJU_NJUT_CHINA_Hump.jpg"/></a>
<a href="https://2013.igem.org/Team:NJU_NJUT_China/humanpractice"><img src="https://static.igem.org/mediawiki/igem.org/4/44/NJU_NJUT_CHINA_Hump.jpg"/></a>
-
</div>
+
     </div>
     </div>
   <div id="mycontent">
   <div id="mycontent">
Line 226: Line 299:
  <div class="entry">  
  <div class="entry">  
               <center><h3>Presentation at High School Affiliated to Nanjing Normal University</h3></center>
               <center><h3>Presentation at High School Affiliated to Nanjing Normal University</h3></center>
-
<center><img src="https://static.igem.org/mediawiki/igem.org/3/36/Humanpractice1.jpg" width="80%" height="250" border="0" /></a></center>
+
<center><img src="https://static.igem.org/mediawiki/igem.org/3/36/Humanpractice1.jpg" style="width:80%; height:280px" border="0" /></a></center>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Although iGEM has High School Division, few high school students know about iGEM and synthetic biology. In order to popularize iGEM and synthetic biology among high school students in Nanjing and encourage more high school students to participate in iGEM, we went to High School Affiliated to Nanjing Normal University(NSFZ) to introduce iGEM, synthetic biology and our project in the form of presentation and poster.  
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Although iGEM has High School Division, few high school students know about iGEM and synthetic biology. In order to popularize iGEM and synthetic biology among high school students in Nanjing and encourage more high school students to participate in iGEM, we went to High School Affiliated to Nanjing Normal University(NSFZ) to introduce iGEM, synthetic biology and our project in the form of presentation and poster.  
Beginning with the three industrial revolution, we focused on the upcoming forth industrial revolution, which is a new era of systems biology and synthetic biology, and talked about Craig Venter's synthetic life, genetic engineering etc. </p>
Beginning with the three industrial revolution, we focused on the upcoming forth industrial revolution, which is a new era of systems biology and synthetic biology, and talked about Craig Venter's synthetic life, genetic engineering etc. </p>
Line 232: Line 305:
    <hr />
    <hr />
                 <br />
                 <br />
-
                 <center><img src="https://static.igem.org/mediawiki/igem.org/5/5a/Humanpractice2.jpg" width="80%" height="250px" border="0" /></center>
+
                 <center><img src="https://static.igem.org/mediawiki/igem.org/5/5a/Humanpractice2.jpg" style="width:80%; height:280px" border="0" /></center>
               <p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Then we introduced synthetic biology and iGEM, delivering the idea of synthesis, engineering and standardization. Besides, we talked about the rapid development of iGEM, especially that in China.  
               <p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Then we introduced synthetic biology and iGEM, delivering the idea of synthesis, engineering and standardization. Besides, we talked about the rapid development of iGEM, especially that in China.  
                 <hr />
                 <hr />
                 <br />
                 <br />
-
                 <center><img src="https://static.igem.org/mediawiki/igem.org/a/a8/Humanpractice3.jpg" width="80%" height="250px" border="0"/></center>
+
                 <center><img src="https://static.igem.org/mediawiki/igem.org/a/a8/Humanpractice3.jpg" style="width:80%; height:280px" border="0"/></center>
  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;At last, we introduced our project.Many students showed great interest in iGEM. We hope that what we did could inspire much more students to participate in iGEM and enjoy it!
  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;At last, we introduced our project.Many students showed great interest in iGEM. We hope that what we did could inspire much more students to participate in iGEM and enjoy it!
<hr />
<hr />
                 <br />
                 <br />
                 <center><h3>Sina Weibo---iGEMer-China</h3></center>
                 <center><h3>Sina Weibo---iGEMer-China</h3></center>
-
                 <center><img src="https://static.igem.org/mediawiki/igem.org/7/7b/Humanpractice4.png" width="80%" height="250px" border="0"/></center>
+
                 <center><img src="https://static.igem.org/mediawiki/igem.org/7/7b/Humanpractice4.png" style="width:80%; height:280px" border="0"/></center>
-
                 <center><img src="https://static.igem.org/mediawiki/igem.org/c/c3/Humanpractice5.png" width="80%" height="250px" border="0"/></center>
+
                 <center><img src="https://static.igem.org/mediawiki/igem.org/c/c3/Humanpractice5.png" style="width:80%; height:280px" border="0"/></center>
                 <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Sina Weibo is a microblogging site in China like Twitter in the US. It is one of the most popular sites in China. Sina Weibo has over 400 million users, including movie stars, singers, famous business and media figures, athletes, scholars, artists, organizations, religious figures, government departments and officials from all over the world.  
                 <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Sina Weibo is a microblogging site in China like Twitter in the US. It is one of the most popular sites in China. Sina Weibo has over 400 million users, including movie stars, singers, famous business and media figures, athletes, scholars, artists, organizations, religious figures, government departments and officials from all over the world.  
                 <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Because of the huge influence of Sina Weibo, we started an account called iGEMer-China to popularize iGEM through Internet.
                 <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Because of the huge influence of Sina Weibo, we started an account called iGEMer-China to popularize iGEM through Internet.

Latest revision as of 01:01, 28 September 2013

main

HUMANPRACTICE

Presentation at High School Affiliated to Nanjing Normal University

             Although iGEM has High School Division, few high school students know about iGEM and synthetic biology. In order to popularize iGEM and synthetic biology among high school students in Nanjing and encourage more high school students to participate in iGEM, we went to High School Affiliated to Nanjing Normal University(NSFZ) to introduce iGEM, synthetic biology and our project in the form of presentation and poster. Beginning with the three industrial revolution, we focused on the upcoming forth industrial revolution, which is a new era of systems biology and synthetic biology, and talked about Craig Venter's synthetic life, genetic engineering etc.


            Then we introduced synthetic biology and iGEM, delivering the idea of synthesis, engineering and standardization. Besides, we talked about the rapid development of iGEM, especially that in China.


            At last, we introduced our project.Many students showed great interest in iGEM. We hope that what we did could inspire much more students to participate in iGEM and enjoy it!


Sina Weibo---iGEMer-China

            Sina Weibo is a microblogging site in China like Twitter in the US. It is one of the most popular sites in China. Sina Weibo has over 400 million users, including movie stars, singers, famous business and media figures, athletes, scholars, artists, organizations, religious figures, government departments and officials from all over the world.

            Because of the huge influence of Sina Weibo, we started an account called iGEMer-China to popularize iGEM through Internet.

Retrieved from "http://2013.igem.org/Team:NJU_NJUT_China/humanpractice"