Difference between revisions of "Team:China Tongji/test"

Line 1: Line 1:
 
{{China_Tongji_Head}}
 
{{China_Tongji_Head}}
 +
{{China_Tongji_Content}}
  
 
<html>
 
<html>
 
<head>
 
<head>
<style type="text/css">
 
  
#content {
+
<!-- load css files -->
background:#B7B700;
+
<link href="https://2015.igem.org/Team:TU-Munich/TUM13_slimbox2_css?action=raw&ctype=text/css" rel="stylesheet">
margin-top:-20px;
+
padding-top:85px;
+
}
+
  
.myContent{
+
<script type="text/javascript">
width: 1000px;
+
margin: 0px auto;
+
min-height: 550px;
+
padding: 0px;
+
font-family: "Times New Roman",Georgia, Times, serif;
+
}
+
  
#mainContent{
+
</script>
width:100%;
+
}
+
#mainContent .titleOne{
+
margin-top:15px;
+
text-align: left;
+
font-size: 30px;
+
font-family: Verdana, Tahoma, Arial, Helvetica;
+
font-weight: bolder;
+
line-height: 55px;
+
color:#333;
+
}
+
#mainContent .contentP{
+
text-align: justify;
+
text-indent: 2%;
+
font-size: 18px;
+
font-family: "Times New Roman",Georgia, Times, "Book Antiqua","MS Serif";
+
text-decoration: none;
+
}
+
#mainContent .divider{
+
margin-top:15px;
+
width:100%;
+
height:3px;
+
background:#5E5E1C;
+
}
+
.dividerNone{
+
clear:both;
+
}
+
  
.titleButton{
 
float: left;
 
margin:5px 0px;
 
}
 
.titleButton a{
 
font-family: Tahoma, Arial, Helvetica;
 
font-size: 26px;
 
font-weight: bold;
 
color: #333;
 
display:block;
 
width:200px;
 
height:172px;
 
text-align: center;
 
padding-top:28px;
 
/* for IE */
 
filter:alpha(opacity=80);
 
/* CSS3 standard */
 
  opacity:0.80;
 
}
 
.titleButton a:hover{
 
opacity:1;
 
filter:alpha(opacity=1);
 
text-decoration: none;
 
}
 
 
#buttonProject{
 
background: url(https://static.igem.org/mediawiki/2015/8/84/China_Tongji-project.png) no-repeat;
 
}
 
#buttonNotebook{
 
background: url(https://static.igem.org/mediawiki/2015/b/be/China_Tongji-notebook.png) no-repeat;
 
}
 
#buttonAchivement{
 
background: url(https://static.igem.org/mediawiki/2015/3/3b/China_Tongji-achivement.png) no-repeat;
 
}
 
#buttonOutreach{
 
background: url(https://static.igem.org/mediawiki/2015/0/09/China_Tongji-outreach.png) no-repeat;
 
}
 
#buttonSafety{
 
background: url(https://static.igem.org/mediawiki/2015/3/37/China_Tongji-safety.png) no-repeat;
 
}
 
 
 
 
.videoWrapper{
 
background-color:#5E5E1C;
 
padding:5px;
 
}
 
 
 
</style>
 
 
</head>
 
</head>
  
Line 105: Line 19:
 
<div class="head">
 
<div class="head">
 
<div id="navLogoLeft">
 
<div id="navLogoLeft">
         <a href="https://igem.org/Team.cgi?year=2015&amp;team_name=China_Tongji">
+
         <a href="https://igem.org/Team.cgi?year=2015&amp;team_name=China_Tongji" target="_blank">
 
         <img id="teamLogo" src="https://static.igem.org/mediawiki/2015/5/57/China_Tongji_team-logo-300px.png"/>
 
         <img id="teamLogo" src="https://static.igem.org/mediawiki/2015/5/57/China_Tongji_team-logo-300px.png"/>
 
         </a>
 
         </a>
 
     </div>
 
     </div>
 
     <div id="navLogoRight">
 
     <div id="navLogoRight">
         <a href="https://2015.igem.org/Main_Page">
+
         <a href="https://2015.igem.org/Main_Page" target="_blank">
 
             <img id="igemLogo"  src="https://static.igem.org/mediawiki/2015/2/20/China_Tongji_iGEM_logo.png" alt="China_Tongji"/>
 
             <img id="igemLogo"  src="https://static.igem.org/mediawiki/2015/2/20/China_Tongji_iGEM_logo.png" alt="China_Tongji"/>
 
         </a>
 
         </a>
Line 150: Line 64:
 
         <div class="navOne" id="divOutreach"><a class="navOneA" id="Outreach" href="https://2015.igem.org/Team:China_Tongji/Outreach">Outreach <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
 
         <div class="navOne" id="divOutreach"><a class="navOneA" id="Outreach" href="https://2015.igem.org/Team:China_Tongji/Outreach">Outreach <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
 
             <div class="navDrop">
 
             <div class="navDrop">
                 <li class="navTwo" id="navHumanPractice"><a href="https://2015.igem.org/Team:China_Tongji/Outreach">Human Practice</a></li>
+
                 <li class="navTwo" id="navHumanPractice"><a>Human Practice</a></li>
                 <li class="navTwo" id="navCollaboration"><a href="https://2015.igem.org/Team:China_Tongji/Outreach">Collaboration</a></li>
+
                 <li class="navTwo" id="navCollaboration"><a>Collaboration</a></li>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 159: Line 73:
  
 
<!--content start-->
 
<!--content start-->
 
+
<div class="bigName">
 +
<p align="left">Test</p>
 +
</div>
  
 
<div class="myContent">
 
<div class="myContent">
 
     <div id=mainContent>
 
     <div id=mainContent>
 
     <!-- maincontent start here -->
 
     <!-- maincontent start here -->
        <div class="titleOneBlock">
 
        <div class="titleButton"><a id="buttonProject" href="https://2015.igem.org/Team:China_Tongji/Project">Project</a></div>
 
          <div class="titleButton"><a id="buttonNotebook" href="https://2015.igem.org/Team:China_Tongji/Notebook">Notebook</a></div>
 
          <div class="titleButton"><a id="buttonAchivement" href="https://2015.igem.org/Team:China_Tongji/Achivement">Achivement</a></div>
 
          <div class="titleButton"><a id="buttonOutreach" href="https://2015.igem.org/Team:China_Tongji/Outreach">Outreach</a></div>
 
          <div class="titleButton"><a id="buttonSafety" href="https://2015.igem.org/Team:China_Tongji/Safety">Safety</a></div>
 
        </div>
 
       
 
        <div class="dividerNone"></div>
 
    <p class="titleOne" id="ProjectIntroduction">Project Introduction</p> 
 
        <div class="divider"></div>
 
    <p class="contentP">In our project, we will use the technology of optogenetic and use light of different wave produced by the special light source assembled by ourselves to control the moving of C.elegans, construct a movement controlling system and bulid an amusement park of C.elegans.</p>
 
<p class="contentP">We will try to design our special parts and express channalrhodopsin in specific C.elegans' neurons. To accomplish our goals to express channalrhodopsin in single neuron, we make the use of cre- loxp system and the overlapping of promoters. We not only use the traditional channalrhodopsin,chR2,but also try to express the novel channelrhodopsin, Blink, and other fancy channelrhodopsins which have never been tested in C.elegans.</p>
 
<p class="contentP">And we will also get some parts and assemble those parts into a new equipment which can serves as the light source of our experiment.Then we will use computer controlling that lightsource to change the light which can activate or suppress the channelrhodopsin. By doing that, we can try to control the behaviours of C.elegans such as moving forwards or twisting more effectively.</p>
 
<p class="contentP">What's more,we will express GFP,YFP,mcherry in E.coli. By combining the color of microorgasims and C.elegans, we want to construct some interesting scenes to form a C.elegans' fancy world.</p>
 
<p class="contentP">This technology will be helpful in the research on neuron's function and interaction. In the future, this technology may also be used in mechanical controlling system and the theraphy of movement defect.</p>
 
        <div class="divider"></div>
 
       
 
    <p class="titleOne" id="VideoAppreciation">Video Appreciation</p> 
 
  <div class="videoWrapper">
 
            <video controls width="990">
 
                <source src="https://static.igem.org/mediawiki/2015/3/36/Tongji_University_promotional_video_2011.mp4" type="video/mp4" />Your browser does not support the video tag.
 
            </video>
 
  </div>       
 
 
          
 
          
 
    
 
    
  </div>
+
</div>
 
</div>
 
</div>
 +
 +
    <!-- Load javascript code -->
 +
    <!-- Placed at the end of the document so the pages load faster -->   
 +
    <script src="https://2015.igem.org/Team:China_Tongji/slider_js?action=raw"></script>
 +
   
 +
    <script type="text/javascript">
 +
 +
</script>
  
 
</body>
 
</body>

Revision as of 08:40, 24 August 2015

close label

Test