Difference between revisions of "Team:HUST-China/Team"

(Prototype team page)
 
Line 1: Line 1:
 
{{IISER_Pune}}
 
{{IISER_Pune}}
 
<html>
 
<html>
 +
<head lang="en">
 +
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
 +
<meta charset="UTF-8">
 +
<meta name="viewport" content="width=device-width,initial-scale=1">
  
−
<h2>Team</h2>
+
<title>team:iGEM-HUST:home</title>
 +
<link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"rel="stylesheet">
  
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
 +
<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
 +
<script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 +
<style>
 +
/*改默认设定*/
 +
#footer-box,#sponsor-box,.shadow3,#content,table,#catlinks {
 +
    background-color: transparent;
 +
}
 +
.mediawiki.ltr.ns-0.ns-subject.page-Team_HUST-China
 +
#globalWrapper #top-section #p-logo a img {
 +
    visibility:hidden;
 +
}
 +
#p-logo {
 +
    background:url(https://static.igem.org/mediawiki/2014/5/52/Wiki_Logo_Transparent.png);
 +
    background-repeat: no-repeat;
 +
}
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear{display: none;}
 +
#globalWrapper, #content,#bodyContent { /*-- changes default wiki settings --*/
 +
    width: 100%;
 +
    height: 100%;
 +
    border: 0px;
 +
    background-color: transparent;
 +
    margin: 0px;
 +
    padding: 0px;
 +
}
  
 +
html, .wrapper { /*-- changes default wiki settings --*/
 +
    width: 100%;
 +
    height: 100%;
 +
    background-color: transparent; 
 +
}
 +
/*下面才是我写的*/
 +
body{
 +
position: absolute;
 +
margin: 0px;
 +
    font-family:Arial,Verdana,Sans-serif;
 +
z-index:-1;
 +
color: black;
 +
font-size: 10px;}
  
 +
.header{position: fixed;
 +
    width: 100%;
 +
  height:7%;
 +
  margin-top: 0px;
 +
  background-color:#2c4e8d;
 +
    filter:alpha(opacity:30);opacity:0.95;  -moz-opacity:0.4; -khtml-opacity: 0.4;
 +
  z-index:1;}
 +
.first-menu{float: left;
 +
margin-left: 2%;
 +
font-size:18px;
 +
max-width: 18%;}
 +
.other-menu{float: left;
 +
margin-left:1.2%;
 +
font-size:18px;
 +
max-width: 22%;}
 +
.navbar .nav > li .dropdown-menu {margin: 0;}
 +
.navbar .nav > li:hover .dropdown-menu {display: block;}
  
 +
a:link,a:visited {
 +
color:white;
 +
text-decoration:none;
 +
            }
 +
a:hover,a:active {
 +
color:#007fff;
 +
text-decoration:underline;
 +
}
  
 +
ul.ul{list-style-type:none;
 +
margin-bottom: 0px;}
 +
li.li{margin-top: 25px;}
 +
 +
#pic{  background-image: url(https://static.igem.org/mediawiki/2015/2/2b/Reef1.jpg);
 +
                width:100%;
 +
                height:650px;
 +
              float: left;
 +
          z-index: 1;
 +
          background-size: 100%,100%;
 +
          margin-top: 0px;}
 +
    #pic .wenzi{font-size: 10em;   
 +
                height:350px;
 +
                color: white;
 +
                }
 +
    .pic_a img{width: 8%;
 +
    height: 6%;
 +
    }
 +
    .pic_a{float: left;
 +
            margin-top:0px;
 +
            width: 100%;
 +
            text-align:center;}
 +
    .zhengwen{ margin-left: 12%;
 +
    margin-top: 60px;
 +
    float: left;}
 +
    .zhengwen .show img{width: 256px;
 +
    height: 400px;
 +
    border-radius:5px;}
  
−
<h4>Inspiration</h4>
+
    .acknowledgement img{
−
<p>You can look at what other teams did to get some inspiration! <br />
+
  width: 18%;
−
Here are a few examples:</p>
+
  height: 200px;
−
<ul>
+
  margin-left: 5%;}
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
/*以下是js特效*/
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
ul,ol{list-style-type:none}
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
.show{background:white;
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
height:400px;
−
</ul>
+
width:22.5%;
 +
position:relative;
 +
overflow:hidden;
 +
text-align:center;
 +
float: left;}
 +
.show h4{
 +
position:absolute;
 +
height:400px;
 +
text-align:center;
 +
width:100%;
 +
opacity:0.6;
 +
background:black;
 +
color:white;
 +
    padding: 35px;
 +
}
 +
.show h4 a{
 +
        width: 100%;
 +
    font-size: 20px;}
  
−
<h5>What should this page contain?</h5>
+
.show img{height: 100%;}
−
<ul>
+
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
−
</ul>
+
  
 +
</style>
 +
<script type="text/javascript">
 +
function go(id){
 +
var t,tt;
 +
var _div=document.getElementById(id);
 +
var obj=_div.getElementsByTagName('h4')[0];
 +
obj.style.bottom="-350px";
 +
var change=function(){
 +
var obj_h=parseInt(obj.style.bottom);
 +
if(obj_h<0){obj.style.bottom=(obj_h+Math.floor((0-obj_h)*0.1))+"px"}//if
 +
else{clearInterval(t)}
 +
}
 +
var back=function(){
 +
var obj_hh=parseInt(obj.style.bottom);
 +
if(obj_hh>-350){obj.style.bottom=(obj_hh+Math.floor((-350-obj_hh)*0.1))+"px"}
 +
else{clearInterval(tt)}
 +
}
 +
_div.onmouseover=function(){clearInterval(tt);t=setInterval(change,15);}
 +
_div.onmouseout=function(){clearInterval(t);tt=setInterval(back,15)}
 +
}
 +
window.onload=function(){
 +
go("show1");
 +
go("show2");
 +
go("show3");
 +
go("show4");
 +
go("show5");
 +
go("show6");
 +
go("show7");
 +
go("show8");
 +
go("show9");
 +
go("show10");
 +
go("show11");
 +
go("show12");
 +
}
 +
</script>
 +
<!--点击TOP回滚到顶部js如下：-->
 +
<script type="text/javascript">
 +
$(function(){
 +
showScroll();
 +
function showScroll(){
 +
$(window).scroll( function() {
 +
var scrollValue=$(window).scrollTop();
 +
scrollValue > 100 ? $('div[class=scroll]').fadeIn():$('div[class=scroll]').fadeOut();
 +
} );
 +
$('#scroll').click(function(){
 +
$("html,body").animate({scrollTop:0},500);
 +
});
 +
}
 +
})
 +
</script>
 +
<script type="text/javascript">
 +
$(function(){
 +
showdes();
 +
function showdes(){
 +
$('#to_des').click(function(){
 +
$("html,body").animate({scrollTop:750},800);
 +
});
 +
}
 +
})
 +
</script>
 +
</head>
 +
<body>
 +
<!--上栏-->
 +
<div class="container header">
 +
 +
<!--悬浮菜单-->
 +
<div class="navbar">
 +
    <div class="navbar-inner">
 +
      <div class="container">
 +
          <ul class="nav">
 +
              <li class="first-menu"><a href="https://2015.igem.org/Team:HUST-China">HOME</a>
 +
                </li>    
 +
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Description">PROJECT<b class="caret"></b></a>
 +
                <ul class="dropdown-menu">
 +
                <li><a href="https://2015.igem.org/Team:HUST-China/Description">Description</a></li>
 +
                <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Experiments">Experiments&protocol</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Results">Results</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Design">Design</a></li>         
 +
                    </ul>
 +
                        </li>
  
−
</div>
+
                        <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Parts">PARTS<b class="caret"></b></a>
 +
                <ul class="dropdown-menu">                         <li><a href="https://2015.igem.org/Team:HUST-China/Parts">Team Parts</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Basic_part">Basic Parts</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Composite_part">Composite Parts</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Part _Collection">Part Collection</a></li>       
 +
                    </ul>
 +
                        </li>
 +
               
 +
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Modeling">MODELING</a> </li>
 +
 
 +
                <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China//Team">TEAM</a>         </li>                
 +
                 
 +
                <li class="dropdown other-menu" id="accountmenu">
 +
                    <a class="dropdown-toggle" data-toggle="dropdown" href="https://2015.igem.org/Team:HUST-China/Practices">HUMAN PRACTICES<b class="caret"></b></a>
 +
                          <ul class="dropdown-menu">
 +
                          <li><a href="https://2015.igem.org/Team:HUST-China/Safety">Safety</a></li>                                    
 +
                    </ul>                
 +
                </li>
 +
 
 +
              <li class="dropdown other-menu" id="accountmenu">
 +
                    <a class="dropdown-toggle" data-toggle="dropdown" href="https://2015.igem.org/Team:HUST-China#">OUTREACH<b class="caret"></b></a>
 +
                    <ul class="dropdown-menu">
 +
                          <li><a href="https://2015.igem.org/Team:HUST-China/Attributions">Attributions</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Collaboration">Collaboration</a></li>
 +
                        <li class="divider"></li>                    
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Measurement">Measurement</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Notebook">Notebook</a></li>
 +
                        <li class="divider"></li>
 +
                        <li><a href="https://2015.igem.org/Team:HUST-China/Measurement">InterLab Study</a></li>
 +
                    </ul>
 +
              </li>
 +
          </ul>
 +
      </div>
 +
      </div>
 +
    </div>
 +
    <script type="text/javascript">
 +
        $(document).ready(function () {
 +
          $('.dropdown-toggle').dropdown(); }); </script>
 +
</div>
 +
<!--标题栏-->
 +
<div id="pic" ><br><br><br><br><br><br><br><br>
 +
<div class="wenzi" align="center"><b><br>
 +
Euk.cement</b><br><br><br><br><br><br><br><br>
 +
<div style="font-size:26px" align="center">A live eukaryotic cell based auto-cementation kit</div>
 +
</div>
 +
 
 +
<div class="pic_a" >
 +
<h4 style="color:white">Scroll down to read more</h4>
 +
    <img style="cursor:pointer;" id="to_des" src="https://static.igem.org/mediawiki/2014/3/3e/Aalto_Helsinki_Nuoli.png"/>
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<!--正文-->
 +
        <div class="container zhengwen">
 +
        <h2 style=" margin-right:10%; width:90%;" align="center"><b>导员</b></h2> <br>
 +
       
 +
 
 +
 
 +
        <div id="show1" class="show">
 +
        <h4 style="margin-top:0px">占导.<br><br>
 +
          <br><br><br><br><br>
 +
                  我是占导啦啦啦啦啦啦
 +
          </h4>
 +
        <img src="https://static.igem.org/mediawiki/2015/2/25/2.1.png">
 +
        </div>
 +
 
 +
        <div id="show2" class="show">
 +
        <h4 style="margin-top:0px">占导.<br><br>
 +
          <br><br><br><br><br>
 +
                  我是占导啦啦啦啦啦啦
 +
          </h4>
 +
        <img src="https://static.igem.org/mediawiki/2015/2/25/2.1.png">
 +
        </div>
 +
 
 +
        <div id="show3" class="show">
 +
        <h4 style="margin-top:0px">占导.<br><br>
 +
          <br><br><br><br><br>
 +
                  我是占导啦啦啦啦啦啦
 +
          </h4>
 +
        <img src="https://static.igem.org/mediawiki/2015/2/25/2.1.png">
 +
        </div>
 +
 
 +
        <div id="show4" class="show">
 +
        <h4 style="margin-top:0px">占导.<br><br>
 +
          <br><br><br><br><br>
 +
                  我是占导啦啦啦啦啦啦
 +
          </h4>
 +
        <img src="https://static.igem.org/mediawiki/2015/2/25/2.1.png">
 +
        </div>   
 +
 
 +
        </div><br>
 +
       
 +
        <div class="container zhengwen">
 +
        <h2 style=" margin-right:10%; width:90%;" align="center"><b>About us</b></h2> <br>
 +
        <div id="show5" class="show">
 +
        <h4 style="margin-top:0px">占导.<br><br>
 +
          <br><br><br><br><br>
 +
                  我是占导啦啦啦啦啦啦
 +
          </h4>
 +
        <img src="https://static.igem.org/mediawiki/2015/2/25/2.1.png">
 +
        </div>
 +
 
 +
 
 +
        <div id="show6" class="show">
 +
        <h4 style="margin-top:0px">占导.<br><br>
 +
          <br><br><br><br><br>
 +
                  我是占导啦啦啦啦啦啦
 +
          </h4>
 +
        <img src="https://static.igem.org/mediawiki/2015/2/25/2.1.png">
 +
        </div>
 +
 
 +
 
 +
        <div id="show7" class="show">
 +
        <h4 style="margin-top:0px">占导.<br><br>
 +
          <br><br><br><br><br>
 +
                  我是占导啦啦啦啦啦啦
 +
          </h4>
 +
        <img src="https://static.igem.org/mediawiki/2015/2/25/2.1.png">
 +
        </div>
 +
 
 +
 
 +
        <div id="show8" class="show">
 +
        <h4 style="margin-top:0px">占导.<br><br>
 +
          <br><br><br><br><br>
 +
                  我是占导啦啦啦啦啦啦
 +
          </h4>
 +
        <img src="https://static.igem.org/mediawiki/2015/2/25/2.1.png">
 +
        </div>
 +
 
 +
 
 +
        <div id="show9" class="show">
 +
        <h4 style="margin-top:0px">占导.<br><br>
 +
          <br><br><br><br><br>
 +
                  我是占导啦啦啦啦啦啦
 +
          </h4>
 +
        <img src="https://static.igem.org/mediawiki/2015/2/25/2.1.png">
 +
        </div>
 +
 
 +
 
 +
        <div id="show10" class="show">
 +
        <h4 style="margin-top:0px">占导.<br><br>
 +
          <br><br><br><br><br>
 +
                  我是占导啦啦啦啦啦啦
 +
          </h4>
 +
        <img src="https://static.igem.org/mediawiki/2015/2/25/2.1.png">
 +
        </div>
 +
 
 +
 
 +
        <div id="show11" class="show">
 +
        <h4 style="margin-top:0px">占导.<br><br>
 +
          <br><br><br><br><br>
 +
                  我是占导啦啦啦啦啦啦
 +
          </h4>
 +
        <img src="https://static.igem.org/mediawiki/2015/2/25/2.1.png">
 +
        </div>
 +
 
 +
 
 +
        <div id="show12" class="show">
 +
        <h4 style="margin-top:0px">占导.<br><br>
 +
          <br><br><br><br><br>
 +
                  我是占导啦啦啦啦啦啦
 +
          </h4>
 +
        <img src="https://static.igem.org/mediawiki/2015/2/25/2.1.png">
 +
        </div>
 +
 
 +
       
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
        </div>
 +
      <br> <br> <br> <br> <br> <br> <br>
 +
      </body>
 
</html>
 
</html>

Revision as of 11:20, 17 September 2015




Indian Institute of Science Education and Research (IISER), Pune, India

team:iGEM-HUST:home









Euk.cement







A live eukaryotic cell based auto-cementation kit

Scroll down to read more

导员


占导.






我是占导啦啦啦啦啦啦

占导.






我是占导啦啦啦啦啦啦

占导.






我是占导啦啦啦啦啦啦

占导.






我是占导啦啦啦啦啦啦


About us


占导.






我是占导啦啦啦啦啦啦

占导.






我是占导啦啦啦啦啦啦

占导.






我是占导啦啦啦啦啦啦

占导.






我是占导啦啦啦啦啦啦

占导.






我是占导啦啦啦啦啦啦

占导.






我是占导啦啦啦啦啦啦

占导.






我是占导啦啦啦啦啦啦

占导.






我是占导啦啦啦啦啦啦