Difference between revisions of "Team:HFUT-China/DDescription"

(Created page with "<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Team:HFUT-China</title> <link href="https://2017.igem.org/Template:HFUT-China/Sa...")
 
(Blanked the page)
 
Line 1: Line 1:
<html>
 
  
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
 
  <title>Team:HFUT-China</title>
 
 
<link href="https://2017.igem.org/Template:HFUT-China/Safety/css/headerCss?action=raw&ctype=text/css" rel="stylesheet"/>
 
<link href="https://2017.igem.org/Template:HFUT-China/Safety/css/stylewikiCss?action=raw&ctype=text/css" rel="stylesheet"/>
 
<link href="https://2017.igem.org/Template:HFUT-China/MainPage/css/styleCss?action=raw&ctype=text/css" rel="stylesheet" />
 
<!--<link href="https://2017.igem.org/Template:HFUT-China/Description/css/styleCss?action=raw&ctype=text/css" rel="stylesheet" /> -->
 
<style>
 
body{background:#f7f5e6;width:100%;}
 
 
.pic1
 
{
 
background:url(https://static.igem.org/mediawiki/2017/c/c7/Pic1.png);
 
background-size:100% auto;
 
background-repeat:no-repeat;
 
width:190px;height:190px;
 
float: left;margin:6px;
 
}
 
.pic1:hover
 
{
 
background:url(https://static.igem.org/mediawiki/2017/7/72/111.png);
 
background-size:100% auto;
 
background-repeat:no-repeat;
 
width:190px;height:190px;
 
float: left;margin:6px;;
 
}
 
 
.pic2
 
{
 
background:url(https://static.igem.org/mediawiki/2017/5/57/Pic2.png);
 
background-size:100% auto;
 
background-repeat:no-repeat;
 
width:190px;height:190px;
 
float: left;margin:6px;
 
}
 
.pic2:hover
 
{
 
background:url(https://static.igem.org/mediawiki/2017/7/75/22.png
 
);
 
background-size:100% auto;
 
background-repeat:no-repeat;
 
width:190px;height:190px;
 
float: left;margin:6px;
 
}
 
 
.pic3
 
{
 
background:url(https://static.igem.org/mediawiki/2017/0/07/Pic3-china.png
 
);
 
background-size:100% auto;
 
background-repeat:no-repeat;
 
width:190px;height:190px;
 
float: left;margin:6px;
 
}
 
.pic3:hover
 
{
 
background:url(https://static.igem.org/mediawiki/2017/9/9c/33.png
 
);
 
background-size:100% auto;
 
background-repeat:no-repeat;
 
width:190px;height:190px;
 
float: left;margin:6px;;
 
}
 
 
.pic4
 
{
 
background:url(https://static.igem.org/mediawiki/2017/c/cd/Pic4.png
 
);
 
background-size:100% auto;
 
background-repeat:no-repeat;
 
width:190px;height:190px;
 
float: left;margin:6px;
 
}
 
.pic4:hover
 
{
 
background:url(https://static.igem.org/mediawiki/2017/8/8b/44.png
 
);
 
background-size:100% auto;
 
background-repeat:no-repeat;
 
width:190px;height:190px;
 
float: left;margin:6px;;
 
}
 
 
.pic5
 
{
 
background:url(https://static.igem.org/mediawiki/2017/1/16/Pic5.png
 
);
 
background-size:100% auto;
 
background-repeat:no-repeat;
 
width:190px;height:190px;
 
float: left;margin:6px;
 
}
 
.pic5:hover
 
{
 
background:url(https://static.igem.org/mediawiki/2017/8/83/55.png
 
);
 
background-size:100% auto;
 
background-repeat:no-repeat;
 
width:190px;height:190px;
 
float: left;margin:6px;
 
}
 
</style>
 
</head>
 
 
<center>
 
 
 
<div class="header" style="z-index:999;position:absolute">
 
  <ul class="nav">
 
    <li><a href="https://2017.igem.org/Team:HFUT-China">&nbsp;&nbsp;Main page&nbsp;&nbsp;</a></li>
 
    <li><a href="https://2017.igem.org/Team:HFUT-China/Description">&nbsp;&nbsp;Project&nbsp;<img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px";>&nbsp;&nbsp;</a>
 
            <ul>
 
          <li class="selfnav hef"><a href="https://2017.igem.org/Team:HFUT-China/Description"><font class="hef">Description</font></a></li>
 
          <li class="selfnav hef"><a href="https://2017.igem.org/Team:HFUT-China/Design"><font class="hef">Design</font></a></li>
 
          <li class="selfnav hef"><a href="https://2017.igem.org/Team:HFUT-China/Contribution"><font class="hef">Contribution</font></a></li>
 
          <li class="selfnav hef"><a href="https://2017.igem.org/Team:HFUT-China/Demonstrate"><font class="hef">Demonstrate</font></a></li>
 
      </ul>
 
    </li>
 
    <li><a href="https://2017.igem.org/Team:HFUT-China/Software">&nbsp;&nbsp;Software&nbsp;<img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px";>&nbsp;&nbsp;</a>
 
        <ul>
 
<li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Software"><font class="hef" color="#000">Software</font></a></li>
 
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Model"><font class="hef" color="#000">Model</font></a></li>
 
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Improve"><font class="hef" color="#000">Improve</font></a></li>
 
        </ul>
 
    </li>
 
    <li><a href="https://2017.igem.org/Team:HFUT-China/Notebook">&nbsp;&nbsp;Documents&nbsp;<img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px";>&nbsp;&nbsp;</a>
 
        <ul>
 
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Notebook"><font class="hef" color="#000">Notebook</font></a></li>
 
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Medals"><font class="hef" color="#000">Medals</font></a></li>
 
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Safety"><font class="hef" color="#000">Safety</font></a></li>
 
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/User_guide"><font class="hef" color="#000">User guide</font></a></li>
 
        </ul>
 
    </li>
 
    <li><a href="https://2017.igem.org/Team:HFUT-China/Team">Team&nbsp;<img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px";></a>
 
        <ul>
 
          <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Team"><font class="hef" color="#000">Members &<br>Attributions</font></a></li>
 
<li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Collaborations"><font class="hef" color="#000">Collaborations</font></a></li>
 
     
 
        </ul>
 
    </li>
 
    <li><a href="#">&nbsp;&nbsp;Human practice&nbsp;<img src="https://static.igem.org/mediawiki/2017/5/53/Xia.png" width="12px";>&nbsp;&nbsp;</a>
 
<ul>
 
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Silver"><font class="hef" color="#000">Silver HP</font></a></li>
 
        <li class="selfnav"><a href="https://2017.igem.org/Team:HFUT-China/Gold_Integrated"><font class="hef" color="#000">Integrated<br>and Gold</font></a></li>
 
        </ul>
 
    </li>
 
  </ul>
 
</div>
 
 
 
<div class="title" style="margin-top: 10px">
 
 
 
<div style="width:100%;height:160px;"></div>
 
<b><font color="#0089a7">Descrip</font><font color="#555555">tion</font></b></div>
 
 
<div style="width:100%;height:60px;"></div>
 
<div class="p">
 
  <div class="q">Hey there, iGEMers! Are you still looking for information of biobricks? Are you still having difficulty in finding references of former teams? Are you still feeling hard to design your biobricks? Don’t worry now,BioDesigner can do this for you!<br><br></div>
 
  <div style="text-align:center">
 
 
 
</div>
 
<div style="width:100%;height:60px;"></div>
 
 
  <div class="title" style="margin-top: 10px"><b><font color="555555" size="6px">Applications </font><font color="#555555" size="6px"> of BioDesigner<br></font></b></div>
 
<div style="width:100%;height:90px;"></div>
 
<!-- <a href="#search"><div onmouseover="change11()" onmouseout="change1()" class="pic1" id="pic1" width="14.9%" style="background:url(smallimg/pic1.png);margin:1.6%;"></a> -->
 
 
<div style=" position: relative;
 
            float: left;
 
            left: 50%;">
 
<div style=" position: relative;
 
            float: left;
 
            left: -50%;"> 
 
<!-- <img id="pic1" class="pic1"  src="img/pic1.png" width="14.9%" style="float: left;">
 
 
<img id="pic11" class="pic11"  src="img/pic1.png" width="14.9%" style="float: left;">
 
-->
 
<!--
 
<img src="img/pic2.png" width="14.9%" style="float: left;">
 
<img src="img/pic3.png" width="14.9%" style="float: left;">
 
<img src="img/pic4.png" width="14.9%" style="float: left;">
 
<img src="img/pic5.png" width="14.9%" style="float: left;"> -->
 
 
<div class="pic1"></div>
 
 
<div class="pic2"></div>
 
 
<div class="pic3"></div>
 
 
<div class="pic4"></div>
 
 
<div class="pic5"></div>
 
 
 
 
 
<!-- <a href="#keys"><img src="img/pic2.png" onmouseover="change22()" onmouseout="change2()" id="pic2" width="14.9%" style="margin:1.6%;"></a>
 
 
<a href="#design"><img src="img/pic3.png" onmouseover="change33()" onmouseout="change3()" id="pic3" width="14.9%" style="margin:1.6%;"></a>
 
 
<a href="#gene"><img src="img/pic4.png" onmouseover="change44()" onmouseout="change4()" id="pic4" width="14.9%" style="margin:1.6%;"></a>
 
 
<a href="#system"><img src="img/pic5.png" onmouseover="change55()" onmouseout="change5()" id="pic5" width="14.9%" style="margin:1.6%;"></a>
 
 
-->
 
<!--
 
<a data-original-title="search" data-animation="false" data-easein="bounce" href="#search" style="  width:16%" rel="popover"  data-placement="top" data-content="You are free to search for team and biobrick information.Searching for teams under certain tracks Participants or any combination of tracks is also available."><img src="img/1.png" onmouseover="change11()" onmouseout="change1()" id="pic1" width="14.9%" style="margin:1.6%;" ></a>
 
 
<a data-original-title="keys" data-animation="false" data-easein="bounce" href="#keys" style="  width:16%" rel="popover"  data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."><img src="img/2.png" onmouseover="change22()" onmouseout="change2()" id="pic2" width="14.9%" style="margin:1.6%;" ></a>
 
<a data-original-title="design" data-animation="false" data-easein="bounce" href="#design" style="  width:16%" rel="popover"  data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."><img src="img/3.png" onmouseover="change33()" onmouseout="change3()" id="pic3" width="14.9%" style="margin:1.6%;" ></a>
 
<a data-original-title="gene" data-animation="false" data-easein="bounce" href="#gene" style="  width:16%" rel="popover"  data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."><img src="img/4.png" onmouseover="change44()" onmouseout="change4()" id="pic4" width="14.9%" style="margin:1.6%;" ></a>
 
 
<a data-original-title="system" data-animation="false" data-easein="bounce" href="#system" style="  width:16%" rel="popover"  data-placement="top" data-content="img/2.png"><img src="img/5.png" onmouseover="change55()" onmouseout="change5()" id="pic5" width="14.9%" style="margin:1.6%;" ></a>
 
 
 
-->
 
</div>
 
  </div>
 
</div>
 
 
 
<div style="width:100%;height:260px;"></div>
 
<div class="p">
 
  <div class="q">You are free to search for team and biobrick information. Searching for teams under certain tracks Participants or any combination of tracks is also available. You will only be shown teams which are under the selected tracks. Selecting no tracks means searching in all teams. What’s more, once a team is chosen, recommended teams, which is similar to this one, will appear on the right of the screen. The recommendation is based on how much two teams are related according to their content and themes.<br><br></div>
 
</div>
 
 
 
<div class="p">
 
  <div class="q">Guess what, you will find a big surprise in the design panel of BioDesigner, especially for those who have problem designing parts. In the designing panel, you can devise your own parts in three steps: Drag, and Drop, and Done. Once a part is selected, the detailed information will appear on the right. After a part is set, you will get recommended parts that are most likely to be added behind or ahead of this part.<br><br></div>
 
</div>
 
<div class="footer"">
 
  <div class="foot-icon">
 
    <a href=""><img src="https://static.igem.org/mediawiki/2017/5/51/Fb.png" class="icon"></a>
 
    <a href=""><img src="https://static.igem.org/mediawiki/2017/d/da/Emial.png" class="icon"></a>
 
    <a href=""><img src="https://static.igem.org/mediawiki/2017/5/51/Git.png" class="icon"></a>
 
  </div>
 
</div>
 
</center>   
 
</body>
 
</html>
 

Latest revision as of 13:53, 25 October 2017