Team:NJU-QIBEBT/team

From 2014.igem.org

(Difference between revisions)
 
(35 intermediate revisions not shown)
Line 42: Line 42:
     }
     }
     body{
     body{
-
         background: url("https://static.igem.org/mediawiki/2014/f/f3/Halftone.png") repeat;
+
         background: url("https://static.igem.org/mediawiki/2014/3/30/NJU_Bac.jpg") repeat;
     }
     }
     #header{
     #header{
Line 52: Line 52:
         width: 100%;
         width: 100%;
         height: 50px;
         height: 50px;
-
         background:url("https://static.igem.org/mediawiki/2014/a/ae/10.jpg");
+
         background:url("https://static.igem.org/mediawiki/2014/3/30/NJU_Bac.jpg");
     }
     }
     ul#nav_content{
     ul#nav_content{
Line 65: Line 65:
         line-height: 50px;
         line-height: 50px;
         color: #333333;
         color: #333333;
-
         padding: 0 10px;
+
         padding: 0 12px;
         transition:all 0.4s;
         transition:all 0.4s;
 +
        font-size: 14px;
 +
        font-weight:bold;
 +
        font-family: 'PT Sans', sans-serif;;
 +
Line 80: Line 84:
         float: left;
         float: left;
         margin-top: 0px;
         margin-top: 0px;
 +
        margin-left: 0px;
     }
     }
Line 124: Line 129:
         margin: 0;
         margin: 0;
     }
     }
-
     body{
+
      
-
        background: url("https://static.igem.org/mediawiki/2014/f/f3/Halftone.png") repeat;
+
-
        padding:0;
+
-
        margin: 0;
+
-
    }
+
     #header{
     #header{
         margin: 0 auto;
         margin: 0 auto;
Line 154: Line 155:
     }
     }
     */
     */
-
    #back_to_top {
+
    #back_to_top {
         position: fixed;
         position: fixed;
         left: 50%;
         left: 50%;
         margin-left: 500px;
         margin-left: 500px;
-
         width: 100px;
+
         width: 110px;
-
         height: 100px;
+
         height: 110px;
         bottom: 30px;
         bottom: 30px;
-
         background: url("https://static.igem.org/mediawiki/2014/2/2e/Nju_back_to_top.png");
+
         background: url("https://static.igem.org/mediawiki/2014/8/86/Still_superman-f.png");
 +
       
     }
     }
     #back_to_top:hover{
     #back_to_top:hover{
-
         background: url("https://static.igem.org/mediawiki/2014/3/35/Nju_back_to_top.gif");
+
         background: url("https://static.igem.org/mediawiki/2014/b/b6/Flying_superman-ff.gif");
 +
        height: 105px;
 +
        bottom: 25px;
 +
 
 +
 
     }
     }
     #footer{
     #footer{
         width: 100%;
         width: 100%;
         background: url("https://static.igem.org/mediawiki/2014/6/6f/NJU_motif_grille.png") repeat;
         background: url("https://static.igem.org/mediawiki/2014/6/6f/NJU_motif_grille.png") repeat;
-
         height: 150px;
+
         height: 200px;
 +
    }
 +
    #footer img{
 +
        height: 50px;
 +
        margin-top: 10px;
     }
     }
     #footer #footerContent{
     #footer #footerContent{
Line 201: Line 211:
         width: 100%;
         width: 100%;
         height: 50px;
         height: 50px;
-
         background:url("https://static.igem.org/mediawiki/2014/a/ae/10.jpg");
+
         background:url("https://static.igem.org/mediawiki/2014/3/30/NJU_Bac.jpg");
-
    }
+
-
    #main{
+
-
        z-index: 99;
+
     }
     }
</style>
</style>
Line 212: Line 219:
     }
     }
     #main{
     #main{
 +
        margin-top: 30px;
         width: 960px;
         width: 960px;
         margin: 0 auto;
         margin: 0 auto;
Line 225: Line 233:
         padding-left: 10px;
         padding-left: 10px;
-
    }
 
-
    #main p{
 
-
        font-size: 1.4em;
 
-
        font-family: 'PT Sans', sans-serif;
 
     }
     }
     #fixedMenu_2{
     #fixedMenu_2{
         display: none;
         display: none;
         height: 36px;
         height: 36px;
-
    }
 
-
    #sideMenu{
 
-
        position: fixed;
 
-
        display: none;
 
     }
     }
</style>
</style>
Line 249: Line 249:
         margin-bottom: 30px;
         margin-bottom: 30px;
         margin-left: 30px;
         margin-left: 30px;
-
         width: 80%;
+
        border-radius:5px;
 +
    }
 +
    #main .speakers{
 +
         width: 860px;
 +
        overflow: hidden;
 +
        margin: 0 auto;
 +
        background:whitesmoke;
 +
        margin-top: 20px;
 +
        box-shadow: 0px 1px 6px #111111;
 +
        border-radius:8px;
 +
 
 +
    }
 +
    #main .speakers .speakers_left{
 +
        width: 300px;
 +
        float: left;
 +
    }
 +
    #main .speakers .speakers_right{
 +
        width: 500px;
 +
        float: right;
 +
    }
 +
    #main p{
 +
        font-family:'PT Sans','Microsoft Yahei','Georgia' ,sans-serif;
 +
        font-size: 18px;
 +
    }
 +
    #main h1{
 +
        font-size: 36px;
 +
        font-family:'PT Sans','Microsoft Yahei','Georgia' ,sans-serif;
 +
        font-weight: 700;
 +
    }
 +
    #main h2{
 +
        font-size: 28px;
 +
        font-weight: 400;
 +
        font-family:'PT Sans','Microsoft Yahei','Georgia' ,sans-serif;
 +
        margin-top: 10px;
 +
    }
 +
    #main h3{
 +
        font-family:'PT Sans','Microsoft Yahei','Georgia' ,sans-serif;
 +
        font-style: italic;
 +
    }
 +
    #main h1,#main h2,#main h3{
 +
        border-bottom:none;
 +
    }
 +
    .name{
 +
        font-family:'PT Sans','Microsoft Yahei','Georgia' ,sans-serif;
 +
        font-size: 18px;
 +
        font-weight: 700;
 +
    }
 +
    #main img{
 +
        transition:all 0.3s;
 +
    }
 +
    #main img:hover{
 +
        box-shadow: 0px 4px 12px #111111;
 +
    }
 +
    .se_title_talic{
 +
        font-style: italic;
 +
        color: #6166cc;
 +
        font-size: 18px;
 +
    }
 +
    .speakers_right{
 +
        margin-top: 20px;
     }
     }
</style>
</style>
Line 258: Line 317:
<div id="header">
<div id="header">
     <div id="nav-top">
     <div id="nav-top">
-
         <img src="https://static.igem.org/mediawiki/2014/1/19/Day.jpg" width="100%">
+
         <img src="https://static.igem.org/mediawiki/2014/7/75/Njuday_%281%29-1.jpg" width="100%">
     </div>
     </div>
     <div id="nav-bottom">
     <div id="nav-bottom">
Line 264: Line 323:
             <li class="menu"><a href="/Team:NJU-QIBEBT">HOME</a>
             <li class="menu"><a href="/Team:NJU-QIBEBT">HOME</a>
             </li>
             </li>
-
             <li class="menu"><a href="background">PROJECT</a>
+
             <li class="menu"><a href="/Team:NJU-QIBEBT/team/Overview">PROJECT</a>
                 <ul>
                 <ul>
                     <li><a href="/Team:NJU-QIBEBT/team/Overview">Overview</a></li>
                     <li><a href="/Team:NJU-QIBEBT/team/Overview">Overview</a></li>
Line 274: Line 333:
             </li>
             </li>
-
             <li class="menu"><a href="/Team:NJU-QIBEBT/ACHIEVEMENT">ACHIEVEMENT</a>
+
             <li class="menu"><a href="/Team:NJU-QIBEBT/ACHIEVEMENT/Parts test results">ACHIEVEMENT</a>
                 <ul>
                 <ul>
                     <li><a href="/Team:NJU-QIBEBT/ACHIEVEMENT/Parts test results">Parts test results</a></li>
                     <li><a href="/Team:NJU-QIBEBT/ACHIEVEMENT/Parts test results">Parts test results</a></li>
Line 281: Line 340:
                 </ul>
                 </ul>
             </li>
             </li>
-
             <li class="menu"><a href="/Team:NJU-QIBEBT/wetlab">WET LAB</a>
+
             <li class="menu"><a href="/Team:NJU-QIBEBT/wetlab/Protocol">WET LAB</a>
                 <ul>
                 <ul>
                     <li><a href="/Team:NJU-QIBEBT/wetlab/Protocol">Protocol</a></li>
                     <li><a href="/Team:NJU-QIBEBT/wetlab/Protocol">Protocol</a></li>
Line 290: Line 349:
             </li>
             </li>
             <li class="menu"><a href="/Team:NJU-QIBEBT/humanPractice">HUMAN PRACTICE</a></li>
             <li class="menu"><a href="/Team:NJU-QIBEBT/humanPractice">HUMAN PRACTICE</a></li>
-
             <li class="menu"><a href="/Team:NJU-QIBEBT/SAFETY">SAFETY</a></li>
+
             <li class="menu"><a href="/Team:NJU-QIBEBT/SAFETY">ETHICS SAFETY</a></li>
-
             <li class="menu"><a href="/Team:NJU-QIBEBT/team">TEAM</a></li>
+
             <li class="menu"><a href="/Team:NJU-QIBEBT/team">TEAM</a>
 +
                <ul>
 +
                    <li><a href="/Team:NJU-QIBEBT/wetlab/member">Member</a></li>
 +
                    <li><a href="/Team:NJU-QIBEBT/wetlab/attribution">Attribution</a></li>
 +
                </ul>
 +
</li>
             <li class="menu"><a href="/Team:NJU-QIBEBT/ACKNOWLEDGEMENT">ACKNOWLEDGEMENT</a></li>
             <li class="menu"><a href="/Team:NJU-QIBEBT/ACKNOWLEDGEMENT">ACKNOWLEDGEMENT</a></li>
         </ul>
         </ul>
Line 302: Line 366:
</div>
</div>
-
<div id="sideMenu" style="display: none">
+
<div id="sideMenu" >
-
    <ul>
+
        <a href="https://2014.igem.org/Main_Page" style="position:absolute;left:50%;top:305px;margin-left:-600px;"><img src="https://static.igem.org/mediawiki/2014/0/0b/IGEM_y.png" style="width:70px;"></a>
-
        <li><a>111111</a></li>
+
-
        <li><a>222222</a></li>
+
-
        <li><a>333333</a></li>
+
-
        <li><a>444444</a></li>
+
-
    </ul>
+
</div>
</div>
<div id="main" style="min-height:1000px">
<div id="main" style="min-height:1000px">
 +
    <h2 style="margin-top: 40px">Our dear teachers</h2>
 +
    <img src="https://static.igem.org/mediawiki/2014/9/9f/Chen_Xi.jpg" width="300px">
 +
    <img src="https://static.igem.org/mediawiki/2014/d/d1/W020130929322200876048.jpg">
 +
    <p>&emsp;&emsp;&emsp;&emsp;&emsp;Prof. Chen Xi from NJU&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp; Prof. Xian Mo from QIBEBT, CAS</p>
 +
 +
    <h2 style="margin-top: 40px">Our dear team members</h2>
 +
    <img src="https://static.igem.org/mediawiki/2014/d/db/Group_photo.jpg">
 +
   
 +
    <div class="speakers" id="01">
 +
        <div class="speakers_left">
 +
            <img src="https://static.igem.org/mediawiki/2014/b/bf/Chen_Yuda.jpg">
 +
        </div>
 +
        <div class="speakers_right">
 +
            <p class="name">Chen Yuda, 陈昱达
 +
            </p>
 +
 +
            <p> Anything is nothing！
 +
            </p>
 +
            <p class="contact"> yudadachen@163.com</p>
 +
        </div>
 +
    </div>
 +
    <div class="speakers" id="02">
 +
        <div class="speakers_left">
 +
            <img src="https://static.igem.org/mediawiki/2014/5/5f/Qin_Zhen.jpg">
 +
        </div>
 +
        <div class="speakers_right">
 +
            <p class="name">Qin Zhen， 秦榛
 +
            </p>
 +
 +
            <p> Sleep when tired and smile when awake.</p>
 +
            <p class="contact"> Contact：wisteria_nju@163.com</p>
 +
        </div>
 +
    </div>
 +
    <div class="speakers" id="03">
 +
        <div class="speakers_left">
 +
            <img src="https://static.igem.org/mediawiki/2014/3/3c/Rao_Bing.jpg">
 +
        </div>
 +
        <div class="speakers_right">
 +
            <p class="name">Rao Bing， 饶兵</p>
 +
 +
            <p> Keep moving!</p>
 +
            <p class="contact"> Contact：robinkd35@gmail.com</p>
 +
        </div>
 +
    </div>
 +
    <div class="speakers" id="05">
 +
        <div class="speakers_left">
 +
            <img src="https://static.igem.org/mediawiki/2014/3/3b/Rong_Hui.jpg">
 +
        </div>
 +
        <div class="speakers_right">
 +
            <p class="name">Rong Hui， 荣慧</p>
 +
 +
            <p> There is no chance, no destiny, no fate that can hinder the firm resolve of a determined mind.</p>
 +
            <p class="contact"> Contact：ronghui09@outlook.com            </p>
 +
        </div>
 +
    </div>
 +
    <div class="speakers" id="06">
 +
        <div class="speakers_left">
 +
            <img src="https://static.igem.org/mediawiki/2014/e/e9/Wen_Yuqi.jpg">
 +
        </div>
 +
        <div class="speakers_right">
 +
            <p class="name">Wen Yuqi， 温玉琪            </p>
 +
 +
            <p> My name is Wen Yuqi, I am from NanJing University.</p>
 +
            <p class="contact"> Contact：1059903359@qq.com            </p>
 +
        </div>
 +
    </div>
 +
    <div class="speakers" id="07">
 +
        <div class="speakers_left">
 +
            <img src="https://static.igem.org/mediawiki/2014/c/c4/Xu_Chunhui.jpg">
 +
        </div>
 +
        <div class="speakers_right">
 +
            <p class="name">Xu Chunhui， 徐春晖</p>
 +
 +
            <p> I’m Xu Chunhui, and you can call me Donatello. Love life, love Life Sciences.
 +
                Without the continuous bitter cold, there can be no fragrant plum blossom.
 +
                </p>
 +
            <p class="contact"> Contact：xchnju@163.com</p>
 +
        </div>
 +
    </div>
 +
    <div class="speakers" id="08">
 +
        <div class="speakers_left">
 +
            <img src="https://static.igem.org/mediawiki/2014/3/38/Xu_Yilin.jpg">
 +
        </div>
 +
        <div class="speakers_right">
 +
            <p class="name">Xu Yilin， 徐艺林</p>
 +
 +
            <p> The car will find its way round the hill when it gets there.</p>
 +
            <p class="contact"> Contact：xylno_1@163.com</p>
 +
            <p>P.S.：I am the art designer in the team, I also undertook some experiments tasks. Hope you like our project!</p>
 +
        </div>
 +
    </div>
 +
    <div class="speakers" id="09">
 +
        <div class="speakers_left">
 +
            <img src="https://static.igem.org/mediawiki/2014/8/84/Zhang_Qiuhao.jpg">
 +
        </div>
 +
        <div class="speakers_right">
 +
            <p class="name">Zhang Qiuhao, 章秋浩</p>
 +
 +
            <p> Love yourself, love the world.</p>
 +
            <p class="contact"> Contact：876149174@qq.com</p>
 +
        </div>
 +
    </div>
 +
    <div class="speakers" id="10">
 +
        <div class="speakers_left">
 +
            <img src="https://static.igem.org/mediawiki/2014/1/1b/Zhou_Yu.jpg">
 +
        </div>
 +
        <div class="speakers_right">
 +
            <p class="name">Zhou Yu， 周榆, the team leader</p>
 +
 +
            <p> Love the Sunshine.</p>
 +
            <p class="contact"> Contact：zhouyu1992nju@outlook.com</p>
 +
        </div>
 +
    </div>
 +
    <div class="speakers" id="11">
 +
        <div class="speakers_left">
 +
            <img src="https://static.igem.org/mediawiki/2014/7/77/Zhu_Qizhang.jpg">
 +
        </div>
 +
        <div class="speakers_right">
 +
            <p class="name">Zhu Qizhang, 朱琪璋
 +
            </p>
 +
 +
            <p> Hello, I am Zhu Qizhang from Nanjing university. Synthetic biology fascinates me because creating something new and applying it to practical use can bring me a great sense of achievement. Stay hungry, stay foolish. I believe I can go further in the field of biology.
 +
                What you didn’t expected could be what you really want.
 +
            </p>
 +
            <p class="contact"> Contact：15861818787@163.com</p>
 +
        </div>
 +
    </div>
 +
    <div class="speakers" id="12">
 +
        <div class="speakers_left">
 +
            <img src="https://static.igem.org/mediawiki/2014/b/b0/Zhu_Ruichi.jpg">
 +
        </div>
 +
        <div class="speakers_right">
 +
            <p class="name">Zhu Ruichi， 朱瑞驰</p>
 +
 +
            <p> What you didn’t expected could be what you really want.            </p>
 +
            <p class="contact"> Contact：raychizhu@gmail.com</p>
 +
            <p>Tel: 86-18251969962</p>
 +
        </div>
 +
    </div>
 +
    <div class="speakers" id="13">
 +
        <div class="speakers_left">
 +
            <img src="https://static.igem.org/mediawiki/2014/e/e8/Zhu_Yi.jpg">
 +
        </div>
 +
        <div class="speakers_right">
 +
            <p class="name">Zhu Yi， 朱毅            </p>
 +
 +
            <p> Unbowed, Unbent, Unbroken.</p>
 +
            <p class="contact"> Contact：anglerfly@163.com</p>
 +
        </div>
 +
    </div>
 +
    <div class="speakers" id="14">
 +
        <div class="speakers_left">
 +
            <img src="https://static.igem.org/mediawiki/2014/6/69/Ouyang_Li.jpg">
 +
        </div>
 +
        <div class="speakers_right">
 +
            <p class="name">Ouyang_Li，欧阳丽</p>
 +
 +
            <p> I am Ouyang Li. As for me, it is a creative project which enriches my whole lives this summer.  I really appreciate this opportunity to immerse myself in experiments, which integrate my imagination of the design for magical bacterium. Furthermore, I so admire the charm of synthetic biology. It seems that I can achieve self-realization from zero to hero during this process.
 +
                </p>
 +
            <p class="contact"> Contact：oyl1994@126.com</p>
 +
        </div>
 +
    </div>
 +
    <div class="speakers" id="15">
 +
        <div class="speakers_left">
 +
            <img src="https://static.igem.org/mediawiki/2014/7/78/Zhanzhao-1.png">
 +
        </div>
 +
        <div class="speakers_right">
 +
            <p class="name">Yang Zhanzhao， 杨展昭</p>
 +
 +
            <p> Sleep when tired and smile when awake.</p>
 +
            <p class="contact"> Contact：yangzhanzhao1994@163.com</p>
 +
        </div>
 +
    </div>
 +
    <div class="speakers" id="16" style="margin-bottom: 10px">
 +
        <div class="speakers_left">
 +
            <img src="https://static.igem.org/mediawiki/2014/b/b1/Zhaoyilin-1.png">
 +
        </div>
 +
        <div class="speakers_right">
 +
            <p class="name">Zhao Yilin， 赵奕玲</p>
 +
 +
            <p> Hello,  I am Zhao Yiling-a friendly  girl with  confidence  and a  warm heart. In our team,  I am the one who always joke  around  and make others laugh.</p>
 +
            <p class="contact"> Contact：njuzhaoyiling@163.com</p>
 +
        </div>
 +
    </div>
</div>
</div>
Line 317: Line 560:
     <div id="footerContent">
     <div id="footerContent">
         <div id="footerLeft">
         <div id="footerLeft">
-
            <img src="">
+
<img src="https://static.igem.org/mediawiki/2014/5/58/Nanjing_university_ack.jpg">
 +
<img src="https://static.igem.org/mediawiki/2014/5/50/M3-Acknowledgement11.png" >
 +
 
 +
<img src="https://static.igem.org/mediawiki/2014/2/28/M3-Acknowledgement1.png" >
 +
<img src="https://static.igem.org/mediawiki/2014/f/f7/QIBEBT.jpg" >
 +
 
         </div>
         </div>
-
         <div id="footerRight">
+
         <div id="footerRight" style="text-align:left;'>
-
             <h3>Nanjing University</h3>
+
             <p style="color:white;font-size:20px;" > </p>
-
             <p>Address：No.22 Hankou Rd.,Gulou District, Nanjing, Jiangsu 210093,P.R.China.
+
            <p style="color:white;font-size:28px;" > Nanjing University </p>
 +
             <p style="color:white;font-size:20px;">Address：No.22 Hankou Rd.,Gulou District, Nanjing, Jiangsu 210093,P.R.China.
             </p>
             </p>
-
             <p>TEL:(+86)132999999999</p>
+
             <p style="color:white;font-size:20px;" >TEL:(+86)15261874993</p>
-
             <p>Email:xxxx@163.com</p>
+
             <p style="color:white;font-size:20px;" >Email:NJU_QIBEBT@outlook.com</p>
Line 331: Line 580:
     </div>
     </div>
</div>
</div>
-
<a href="#" id="back_to_top"></a>
+
<a href="#" id="back_to_top"><span></span></a>
</body>
</body>
</html>
</html>

Latest revision as of 03:49, 18 October 2014

Our dear teachers

     Prof. Chen Xi from NJU            Prof. Xian Mo from QIBEBT, CAS

Our dear team members

Chen Yuda, 陈昱达

Anything is nothing！

yudadachen@163.com

Qin Zhen， 秦榛

Sleep when tired and smile when awake.

Contact：wisteria_nju@163.com

Rao Bing， 饶兵

Keep moving!

Contact：robinkd35@gmail.com

Rong Hui， 荣慧

There is no chance, no destiny, no fate that can hinder the firm resolve of a determined mind.

Contact：ronghui09@outlook.com

Wen Yuqi， 温玉琪

My name is Wen Yuqi, I am from NanJing University.

Contact：1059903359@qq.com

Xu Chunhui， 徐春晖

I’m Xu Chunhui, and you can call me Donatello. Love life, love Life Sciences. Without the continuous bitter cold, there can be no fragrant plum blossom.

Contact：xchnju@163.com

Xu Yilin， 徐艺林

The car will find its way round the hill when it gets there.

Contact：xylno_1@163.com

P.S.：I am the art designer in the team, I also undertook some experiments tasks. Hope you like our project!

Zhang Qiuhao, 章秋浩

Love yourself, love the world.

Contact：876149174@qq.com

Zhou Yu， 周榆, the team leader

Love the Sunshine.

Contact：zhouyu1992nju@outlook.com

Zhu Qizhang, 朱琪璋

Hello, I am Zhu Qizhang from Nanjing university. Synthetic biology fascinates me because creating something new and applying it to practical use can bring me a great sense of achievement. Stay hungry, stay foolish. I believe I can go further in the field of biology. What you didn’t expected could be what you really want.

Contact：15861818787@163.com

Zhu Ruichi， 朱瑞驰

What you didn’t expected could be what you really want.

Contact：raychizhu@gmail.com

Tel: 86-18251969962

Zhu Yi， 朱毅

Unbowed, Unbent, Unbroken.

Contact：anglerfly@163.com

Ouyang_Li，欧阳丽

I am Ouyang Li. As for me, it is a creative project which enriches my whole lives this summer. I really appreciate this opportunity to immerse myself in experiments, which integrate my imagination of the design for magical bacterium. Furthermore, I so admire the charm of synthetic biology. It seems that I can achieve self-realization from zero to hero during this process.

Contact：oyl1994@126.com

Yang Zhanzhao， 杨展昭

Sleep when tired and smile when awake.

Contact：yangzhanzhao1994@163.com

Zhao Yilin， 赵奕玲

Hello, I am Zhao Yiling-a friendly girl with confidence and a warm heart. In our team, I am the one who always joke around and make others laugh.

Contact：njuzhaoyiling@163.com

Retrieved from "http://2014.igem.org/Team:NJU-QIBEBT/team"