Difference between revisions of "Team:JiangnanU China"

Line 1: Line 1:
 
{{:Team:JiangnanU_China/Header}}
 
{{:Team:JiangnanU_China/Header}}
 +
 +
 +
 +
 +
 +
 +
<!DOCTYPE html>
 +
<html lang="en">
 +
<head>
 +
    <meta charset="UTF-8">
 +
    <style>
 +
        #first {
 +
            background-image: url('https://static.igem.org/mediawiki/2019/c/c2/T--JiangnanU_China--host_bg.png');
 +
            background-size: cover;
 +
            background-position: center;
 +
            background-repeat: no-repeat;
 +
        }
 +
 +
        .box {
 +
            height: 100vh;
 +
            display: flex;
 +
            flex-direction: column;
 +
            justify-content: center;
 +
            align-items: center;
 +
            /*margin-top: -100px;*/
 +
            position: relative;
 +
        }
 +
 +
        /*跳转按钮*/
 +
        .rdmrbttn img {
 +
            width: 10%;
 +
            height: auto;
 +
        }
 +
 +
        .rdmrbttn {
 +
            position: absolute;
 +
            top: 88%;
 +
            left: 20%;
 +
        }
 +
 +
        /*缩略图*/
 +
        .thumbnail img {
 +
            opacity: 0.7;
 +
        }
 +
 +
        .thumbnail:hover {
 +
            -webkit-transform: scale(1.05);
 +
            -ms-transform: scale(1.05);
 +
            transform: scale(1.05);
 +
        }
 +
 +
        .thumbnail:hover img {
 +
            opacity: 1;
 +
        }
 +
 +
        /*///////////////////////////////*/
 +
 +
        /*//////////////////*/
 +
        .top {
 +
            width: 30%;
 +
            height: auto;
 +
            position: absolute;
 +
            top: 20%;
 +
            left: 20%;
 +
        }
 +
 +
        .dna {
 +
            width: 30%;
 +
            height: auto;
 +
            margin-right: 5%;
 +
        }
 +
        .block{
 +
            width: 25%;
 +
            height: auto;
 +
            display: flex;
 +
            flex-direction: column;
 +
            justify-content: center;
 +
            align-content: center;
 +
        }
 +
        .block img{
 +
            width: 40%;
 +
            height: auto;
 +
        }
 +
    </style>
 +
</head>
 +
<body style="margin: 0">
 +
 +
<header id="first" class="box">
 +
 +
    <img class="top" src="https://static.igem.org/mediawiki/2019/9/9c/T--JiangnanU_China--host_top_text.png" alt="">
 +
    <div class="rdmrbttn"><a href="#second" class="thumbnail"><img style="width: 15%;height: auto"
 +
                                                                  src="https://static.igem.org/mediawiki/2019/0/09/T--JiangnanU_China--host_liubianxing.png"></a>
 +
    </div>
 +
 +
</header>
 +
 +
<div id="second" class="box" style="flex-direction: row">
 +
    <img class="dna" src="https://static.igem.org/mediawiki/2019/3/38/T--JiangnanU_China--host_circle.png" alt="">
 +
    <p style="width: 40%;margin-left: 5%">What is ‘TOP’<br>
 +
        Our aim is to construct a device which will increase the fermentation strains’ phage tolerance while
 +
        wouldn’t have apparent effect on their growth.
 +
        We want to develop an innovative methodology towards the prevention and control of phage infection in
 +
        factories. And now we are devoted to studying the interaction mechanism between phages and bacteria. We
 +
        firmly believe that this anti-phage biobrick can enhance the potential for open fermentation. [333333 Futura
 +
        Medium 22pt 1.5倍行距]
 +
    </p>
 +
    <div class="rdmrbttn"><a href="#third" class="thumbnail"><img style="width: 15%;height: auto"
 +
                                                                  src="https://static.igem.org/mediawiki/2019/b/bb/T--JiangnanU_China--host_next.png"></a>
 +
    </div>
 +
</div>
 +
 +
<div id="third" class="box" style="flex-direction: row">
 +
 +
    <div class="block">
 +
        <img src="https://static.igem.org/mediawiki/2019/2/24/T--JiangnanU_China--host_back.png"alt="">
 +
    </div>
 +
    <div class="block">
 +
        <img src="https://static.igem.org/mediawiki/2019/2/24/T--JiangnanU_China--host_back.png"alt="">
 +
    </div>
 +
    <div class="block">
 +
        <img src="https://static.igem.org/mediawiki/2019/2/24/T--JiangnanU_China--host_back.png"alt="">
 +
    </div>
 +
    <div class="rdmrbttn"><a href="#first" class="thumbnail"><img style="width: 15%;height: auto"
 +
                                                                  src="https://static.igem.org/mediawiki/2019/2/24/T--JiangnanU_China--host_back.png"></a>
 +
    </div>
 +
</div>
 +
 +
 +
 +
</body>
 +
</html>

Revision as of 08:30, 28 September 2019

JiangNan




<!DOCTYPE html>

What is ‘TOP’
Our aim is to construct a device which will increase the fermentation strains’ phage tolerance while wouldn’t have apparent effect on their growth. We want to develop an innovative methodology towards the prevention and control of phage infection in factories. And now we are devoted to studying the interaction mechanism between phages and bacteria. We firmly believe that this anti-phage biobrick can enhance the potential for open fermentation. [333333 Futura Medium 22pt 1.5倍行距]