Team:NJU-QIBEBT/Team

From 2014.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
<head>
<head>
-
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.8.0/jquery.min.js"></script>
+
<title></title>
-
<link href='http://www.youziku.com/webfont/NameCSS/46899' rel='stylesheet' type='text/css'/>
+
<meta charset="utf-8">
 +
<script src="http://libs.baidu.com/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript">
<script type="text/javascript">
-
     //===========================team
+
     $(function(){
-
        $(document).ready(function(){
+
         $(window).scroll(function(){
-
         $('#member1').mouseover(function(){
+
             var sTop = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
-
             $('#name1').show();
+
-
        });
+
-
        $('#name1').mouseout(function(){
+
-
            $('#name1').hide();
+
-
        });
+
-
        $('#member2').mouseover(function(){
+
-
            $('#name2').show();
+
-
        });
+
-
        $('#name2').mouseout(function(){
+
-
            $('#name2').hide();
+
-
        });
+
-
        $('#member3').mouseover(function(){
+
-
            $('#name3').show();
+
-
        });
+
-
        $('#name3').mouseout(function(){
+
-
            $('#name3').hide();
+
-
        });
+
-
        $('#member4').mouseover(function(){
+
-
            $('#name4').show();
+
-
        });
+
-
        $('#name4').mouseout(function(){
+
-
            $('#name4').hide();
+
-
        });
+
-
        $('#member5').mouseover(function(){
+
-
            $('#name5').show();
+
-
        });
+
-
        $('#name5').mouseout(function(){
+
-
            $('#name5').hide();
+
-
        });
+
-
            $('#member6').mouseover(function(){
+
-
                $('#name6').show();
+
-
            });
+
-
            $('#name6').mouseout(function(){
+
-
                $('#name6').hide();
+
-
            });
+
-
            $('#member7').mouseover(function(){
+
-
                $('#name7').show();
+
-
            });
+
-
            $('#name7').mouseout(function(){
+
-
                $('#name7').hide();
+
-
            });
+
-
            $('#member8').mouseover(function(){
+
-
                $('#name8').show();
+
-
            });
+
-
            $('#name8').mouseout(function(){
+
-
                $('#name8').hide();
+
-
            });
+
-
            $('#member9').mouseover(function(){
+
-
                $('#name9').show();
+
-
            });
+
-
            $('#name9').mouseout(function(){
+
-
                $('#name9').hide();
+
-
            });
+
-
            $('#member10').mouseover(function(){
+
-
                $('#name10').show();
+
-
            });
+
-
            $('#name10').mouseout(function(){
+
-
                $('#name10').hide();
+
-
            });
+
-
            $('#member11').mouseover(function(){
+
-
                $('#name11').show();
+
-
            });
+
-
            $('#name11').mouseout(function(){
+
-
                $('#name11').hide();
+
-
            });
+
-
            $('#member12').mouseover(function(){
+
-
                $('#name12').show();
+
-
            });
+
-
            $('#name12').mouseout(function(){
+
-
                $('#name12').hide();
+
-
            });
+
-
            $('#name1').click(function(){
+
-
                $('#team1').show(200);
+
-
            });
+
-
            $('.close').click(function(){
+
-
                $('.team_content').hide(200);
+
-
            });
+
-
            $('#name2').click(function(){
+
-
                $('#team1').show(200);
+
-
            });
+
-
            $('.close').click(function(){
+
-
                $('.team_content').hide(200);
+
-
            });
+
-
            $('#name3').click(function(){
+
-
                $('#team1').show(200);
+
-
            });
+
-
            $('.close').click(function(){
+
-
                $('.team_content').hide(200);
+
-
            });
+
-
            $('#name4').click(function(){
+
-
                $('#team1').show(200);
+
-
            });
+
-
            $('.close').click(function(){
+
-
                $('.team_content').hide(200);
+
-
            });
+
-
            $('#name5').click(function(){
+
-
                $('#team1').show(200);
+
-
            });
+
-
            $('.close').click(function(){
+
-
                $('.team_content').hide(200);
+
-
            });
+
-
            $('#name6').click(function(){
+
-
                $('#team1').show(200);
+
-
            });
+
-
            $('.close').click(function(){
+
-
                $('.team_content').hide(200);
+
-
            });
+
-
            $('#name7').click(function(){
+
-
                $('#team1').show(200);
+
-
            });
+
-
            $('.close').click(function(){
+
-
                $('.team_content').hide(200);
+
-
            });
+
-
            $('#name8').click(function(){
+
-
                $('#team1').show(200);
+
-
            });
+
-
            $('.close').click(function(){
+
-
                $('.team_content').hide(200);
+
-
            });
+
-
            $('#name9').click(function(){
+
-
                $('#team1').show(200);
+
-
            });
+
-
            $('.close').click(function(){
+
-
                $('.team_content').hide(200);
+
-
            });
+
-
            $('#name10').click(function(){
+
-
                $('#team1').show(200);
+
-
            });
+
-
            $('.close').click(function(){
+
-
                $('.team_content').hide(200);
+
-
            });
+
-
            $('#name11').click(function(){
+
-
                $('#team1').show(200);
+
-
            });
+
-
            $('.close').click(function(){
+
-
                $('.team_content').hide(200);
+
-
            });
+
-
            $('#name12').click(function(){
+
-
                $('#team1').show(200);
+
-
            });
+
-
            $('.close').click(function(){
+
-
                $('.team_content').hide(200);
+
-
            });
+
-
        });
+
            if(sTop > 260 ){
 +
                $("#fixedMenu").css({'position':'fixed','top':'0'});
 +
                $("#fixedMenu_2").css({
 +
                    'display':'block'
 +
                });
 +
                $("#top-section").css({
 +
                    'display':'none'
 +
                });
 +
            }
 +
            else{
 +
                $("#fixedMenu").css({'position':'relative'})
 +
                $("#fixedMenu_2").css({
 +
                    'display':'none'
 +
                });
-
 
+
             }
-
 
+
         })
-
        //===========================team
+
     })
-
 
+
-
$(document).ready(function(){
+
-
    $("#line1").click(function(){
+
-
      $.scrollTo({top:'0px'},300);
+
-
    });
+
-
    $("#line2").click(function(){
+
-
        $.scrollTo({top:'600px'},300);
+
-
    });
+
-
    $("#line3").click(function(){
+
-
        $.scrollTo({top:'1200px'},300);
+
-
    });
+
-
});
+
-
$(document).ready(function(){
+
-
    $("#test").click(function(){
+
-
        $(this).css('color','white');
+
-
    });
+
-
    $("#menu_off img").click(function(){
+
-
        if($(this).data("tog") === 0){
+
-
             $(this).data("tog",1);
+
-
            $("#header").animate({ "top" : "0px" }, 200);
+
-
         }
+
-
        else {
+
-
            $(this).data("tog",0);
+
-
            $("#header").animate({ "top" : "-60px" }, 150);
+
-
        }
+
-
     }).data("tog",0);
+
-
});
+
</script>
</script>
 +
<link href='http://fonts.useso.com/css?family=PT+Sans:400,700,400italic' rel='stylesheet' type='text/css'>
<style type="text/css">
<style type="text/css">
-
         /* =============== team ================= */
+
    *{
-
        .close:hover{
+
         padding:0;
-
            cursor: pointer;
+
        margin: 0;
-
        }
+
    }
-
        #team .member{
+
    a{
-
            width: 240px;
+
        text-decoration: none;
-
            height: 180px;
+
        color: #333333;
-
            float: left;
+
    }
-
            z-index: 999;
+
    body{
-
        }
+
        background: url("https://static.igem.org/mediawiki/2014/f/f3/Halftone.png") repeat;
-
        #team{
+
    }
-
            width: 960px;
+
    #header{
-
            min-height: 500px;
+
        margin: 0 auto;
-
            top:80px;
+
        width: 100%;
-
            margin: 0 auto;
+
    }
-
            position: relative;
+
    /*========================*/
-
            box-shadow: 0px 0px 5px #111111;
+
    #nav-bottom {
 +
        width: 100%;
 +
        height: 50px;
 +
        background:url("https://static.igem.org/mediawiki/2014/a/ae/10.jpg");
 +
    }
 +
    ul#nav_content{
 +
        width: 960px;
 +
        margin: 0 auto;
 +
        padding: 0;
 +
        list-style: none;
-
        }
+
    }
-
        .name{
+
    ul#nav_content a{
-
            width: 240px;
+
        display: inline-block;
-
            height: 180px;
+
         line-height: 50px;
-
            background: url("https://static.igem.org/mediawiki/2014/4/4a/NJU_Home-bac1.png") repeat;
+
         color: #333333;
-
            display: none;
+
        padding: 0 10px;
-
            font-size: 40px;
+
         transition:all 0.4s;
-
            text-align: center;
+
-
            color: #ffffff;
+
-
            cursor: pointer;
+
-
         }
+
-
        .name .name_t{
+
-
            font-weight: bold;
+
-
            margin-top: 50px;
+
-
         }
+
-
        .name .name_email{
+
-
            font-size: 16px;
+
-
            color: #e7e7e7;
+
-
            text-align: center;
+
-
         }
+
-
        #team .member:hover{
+
-
            transition:all 0.2s;
+
-
            z-index: 10;
+
-
            cursor: pointer;
+
-
            display: block;
+
-
        }
 
-
        #member1{
 
-
            background: url("https://static.igem.org/mediawiki/2014/a/a0/NJU_Member_1.png");
 
-
        }
 
-
        #member2{
 
-
            background: url("https://static.igem.org/mediawiki/2014/c/cc/NJU_Member_2.jpg");
 
-
        }
 
-
        #member3{
 
-
            background: url("../img/member_0.jpg");
 
-
        }
 
-
        #member4{
 
-
            background: url("../img/member_0.jpg");
 
-
        }
 
-
        #member5{
 
-
            background: url("../img/member_0.jpg");
 
-
        }
 
-
        #member6{
 
-
            background: url("../img/member_0.jpg");
 
-
        }
 
-
        #member7{
 
-
            background: url("../img/member_0.jpg");
 
-
        }
 
-
        #member8{
 
-
            background: url("../img/member_0.jpg");
 
-
        }
 
-
        #member9{
 
-
            background: url("../img/member_0.jpg");
 
-
        }
 
-
        #member10{
 
-
            background: url("../img/member_0.jpg");
 
-
        }
 
-
        #member11{
 
-
            background: url("../img/member_0.jpg");
 
-
        }
 
-
        #member12{
 
-
            background: url("../img/member_0.jpg");
 
-
        }
 
-
        /* ================ team ================ */
+
    }
-
        /* ================ team_content================ */
+
    ul#nav_content a:hover{
-
         .team_content{
+
         background-color: rgba(51,51,51,0.4);
-
            width: 100%;
+
         color: whitesmoke;
-
            height: 100%;
+
-
            background-color: #333333;
+
-
            position: fixed;
+
-
            left: 0px;
+
-
            top: 0px;
+
-
            z-index: 99999;
+
-
            display: none;
+
-
         }
+
-
        .team_content .member_intro{
+
-
            width: 960px;
+
-
            margin: 150px auto;
+
-
        }
+
 +
    }
 +
    ul#nav_content ul{
 +
        padding: 0;
 +
        list-style: none;
 +
        float: left;
 +
        margin-top: 0px;
 +
    }
 +
    ul#nav_content li{
 +
        float: left;
 +
    }
 +
    ul#nav_content li ul li{
 +
        background-color: rgba(51,51,51,0.3);
 +
        float: left;
 +
        border-radius: 3px;
 +
        transition:all 0.4s;
 +
    }
 +
    ul#nav_content li ul li{
 +
    }
 +
    ul#nav_content li ul{
 +
        position: absolute;
 +
        left: -999em;
-
         /* ================ team ================ */
+
    }
 +
    #nav_content li:hover ul{
 +
         left: auto;
 +
    }
 +
</style>
 +
<style type="text/css">
 +
    #top-section {
 +
        background:rgba(0,0,0,0.1);}
 +
    .firstHeading{
 +
        display:none; }
 +
    li{
 +
        list-style: none;
 +
    }
 +
    *{
 +
        padding:0;
 +
        margin: 0;
 +
    }
 +
    a{
 +
        text-decoration: none;
 +
        color: #333333;
 +
    }
 +
    body{
 +
        padding:0;
 +
        margin: 0;
 +
    }
 +
    body{
 +
        background: url("https://static.igem.org/mediawiki/2014/f/f3/Halftone.png") repeat;
 +
        padding:0;
 +
        margin: 0;
 +
    }
 +
    #header{
 +
        margin: 0 auto;
 +
        width: 100%;
 +
    }
 +
    #nav-top{
 +
        width: 100%;
 +
        margin: 0 auto;
 +
        height: 100%;
 +
    }
 +
    /*
 +
    #nav-bottom a{
 +
        text-align: center;
 +
        top: 14px;
 +
        position: relative;
 +
        display: inline-block;
 +
        font-size: 18px;
 +
        height: 54px;
 +
        padding-left: 10px;
 +
        padding-right: 10px;
 +
        margin: 0;
 +
        color: #e7e7e7;
 +
        text-shadow: 2px 2px 3px #333333;
 +
    }
 +
    */
 +
    #back_to_top {
 +
        position: fixed;
 +
        left: 50%;
 +
        margin-left: 500px;
 +
        width: 100px;
 +
        height: 100px;
 +
        bottom: 30px;
 +
        background: url("https://static.igem.org/mediawiki/2014/2/2e/Nju_back_to_top.png");
 +
    }
 +
    #back_to_top:hover{
 +
        background: url("https://static.igem.org/mediawiki/2014/3/35/Nju_back_to_top.gif");
 +
    }
 +
    #footer{
 +
        width: 100%;
 +
        background: url("https://static.igem.org/mediawiki/2014/6/6f/NJU_motif_grille.png") repeat;
 +
        height: 150px;
-
/* unique */
+
    }
-
.firstHeading{
+
    #footer #footerContent{
-
    display:none;
+
        width: 960px;
-
}
+
        overflow: hidden;
-
.hid_style{
+
        color: #FAFAFA;
-
    display:none;
+
        margin: 0 auto;
-
}
+
    }
-
body {
+
    #footer #footerContent #footerLeft{
-
    font-family: Helvetica,"Comic Sans MS", "Times New Roman", serif;
+
        width: 400px;
-
}
+
        float: left;
-
*{
+
        margin-top: 10px;
-
    padding: 0;
+
    }
-
    margin: 0;
+
    #footer #footerContent #footerRight{
-
}
+
        width: 500px;
-
table {
+
        float: right;
-
    border-collapse: collapse;
+
        margin-top: 10px;
-
    border-spacing: 0;
+
    }
-
}
+
    #footer #footerContent p{
-
fieldset,img {
+
        padding-top: 5px;
-
    border: 0;
+
        font-family: 'PT Sans', sans-serif;
-
}
+
    }
-
address,caption,cite,code,dfn,em,strong,th,var {
+
    #footer #footerContent h3{
-
    font-weight: normal;
+
        font-size: 1.5em;
-
    font-style: normal;
+
        padding-top: 5px;
-
}
+
        font-family: 'PT Sans', sans-serif;
-
ol,ul {
+
        font-weight: 700;
-
    list-style: none;
+
     }
-
}
+
    #nav-bottom {
-
caption,th {
+
        width: 100%;
-
    text-align: left;
+
        height: 50px;
-
}
+
        background:url("https://static.igem.org/mediawiki/2014/a/ae/10.jpg");
-
h1,h2,h3,h4,h5,h6 {
+
    }
-
    font-weight: normal;
+
    #main{
-
     font-size: 100%;
+
        z-index: 99;
-
}
+
    }
-
abbr,acronym {
+
</style>
-
    border: 0;
+
<style type="text/css">
-
}
+
    #header{
-
a{
+
        margin-bottom: 10px;
-
    text-decoration: none;
+
    }
-
}
+
    #main{
-
a:hover{
+
        width: 960px;
-
    text-decoration: none;
+
        margin: 0 auto;
-
}
+
    }
-
ul{
+
    #main #fixedMenu{
-
    text-align: center;
+
        padding:10px;
-
    margin: 0 auto;
+
        font-family: 'PT Sans', sans-serif;
-
}
+
        font-size: 2.8em;
-
/* header */
+
        display: inline-block;
-
#content1{
+
        color: #e7e7e7;
-
    width: 960px;
+
        background-color: rgba(51,51,51,0.5);
-
    position: relative;
+
        width: 200px;
-
    margin: 0 auto;
+
        padding-left: 10px;
-
}
+
-
#header{
+
    }
-
    position: fixed;
+
    #main p{
-
    width: 100%;
+
        font-size: 1.4em;
-
     background-color: #6166cc;
+
        font-family: 'PT Sans', sans-serif;
-
    height: 60px;
+
     }
-
     box-shadow:1px 1px 3px rgba(0,0,0,.8);
+
    #fixedMenu_2{
-
}
+
        display: none;
-
li{
+
        height: 36px;
-
    float: left;
+
     }
-
}
+
    #sideMenu{
-
#header a{
+
        position: fixed;
-
    text-align: center;
+
        display: none;
-
     color: #dddddd;
+
    }
-
    height: 60px;
+
</style>
-
    line-height: 60px;
+
<style type="text/css">
-
     width: 100px;
+
     #main p{
-
     display: block;
+
        margin-top: 10px;
-
    background-color: #6166cc;
+
        margin-bottom: 10px;
-
    transition: 0.2s all;
+
     }
-
    border-left: 1px dashed rgba(255,255,255,0.3)
+
     #main img{
-
}
+
        margin-left: 20px;
-
#header a[href="/"]{
+
        margin-top: 30px;
-
    width: 149px;
+
        margin-bottom: 30px;
-
     background: url("https://static.igem.org/mediawiki/2014/3/31/NJU_menu_2.png");
+
        margin-left: 30px;
-
    transition:0.3s all;
+
        width: 80%;
 +
     }
 +
</style>
-
}
 
-
#header a[href='/']:hover{
 
-
    width: 149px;
 
-
    background: url("https://static.igem.org/mediawiki/2014/c/c3/NJU_menu_3.png");
 
-
    transition:0.3s all;
 
-
 
-
}
 
-
#header a:hover{
 
-
    background-color: #CCB761;
 
-
    text-shadow: 1px;
 
-
    color: #ffffff;
 
-
 
-
}
 
-
#menu_off{
 
-
    margin-left: 930px;
 
-
    width: 100px;
 
-
 
-
 
-
}
 
-
#menu_off img:hover{
 
-
    cursor: pointer;
 
-
}
 
-
/* main */
 
-
#main{
 
-
    width: 960px;
 
-
    min-height: 500px;
 
-
    margin: 0 auto;
 
-
    top: 200px;
 
-
    position: relative;
 
-
}
 
-
#main p{
 
-
    text-align: center;
 
-
    font-size: 50px;
 
-
    color: #E7E7E7;
 
-
    text-shadow: 10px 10px 10px #111111;
 
-
    text-decoration:none;
 
-
 
-
}
 
-
#main #welcome{
 
-
    text-decoration:none;
 
-
}
 
-
#main #intro {
 
-
    color: #dddddd;
 
-
    font-size: 16px;
 
-
    width: 800px;
 
-
    margin: 50px auto 0 auto;
 
-
    line-height: 25px;
 
-
}
 
-
 
-
 
-
 
-
    </style>
 
</head>
</head>
-
<body style="background:url('https://static.igem.org/mediawiki/2014/2/20/NJU_wall.jpg') no-repeat fixed;width:100%;">
+
<body>
<div id="header">
<div id="header">
-
     <div id="content1" style="">
+
     <div id="nav-top">
-
         <ul class="left-720" id="menu">
+
        <img src="https://static.igem.org/mediawiki/2014/1/19/Day.jpg" width="100%">
-
            <li><a href="/Team:NJU-QIBEBT">Home</a></li>
+
    </div>
-
            <li><a href="/Team:NJU-QIBEBT/Project">Project</a></li>
+
    <div id="nav-bottom">
-
            <li><a href="/Team:NJU-QIBEBT/Team">Team</a></li>
+
         <ul id="nav_content">
-
             <li><a href="/Team:NJU-QIBEBT/Parts">Parts</a></li>
+
            <li class="menu"><a href="/Team:NJU-QIBEBT">HOME</a>
-
            <li><a href="/"></a> </li>
+
            </li>
-
            <li><a href="/Team:NJU-QIBEBT/Practice">Practice</a></li>
+
            <li class="menu"><a href="background">PROJECT</a>
-
             <li><a href="/Team:NJU-QIBEBT/Modeling">Modeling</a></li>
+
                <ul>
-
            <li><a href="/Team:NJU-QIBEBT/Safety">Safety</a></li>
+
                    <li><a href="/Team:NJU-QIBEBT/team/Overview">Overview</a></li>
-
            <li><a href="/Team:NJU-QIBEBT/Extras">Extras</a></li>
+
                    <li><a href="/Team:NJU-QIBEBT/team/Backgroud">Backgroud</a></li>
 +
                    <li><a href="/Team:NJU-QIBEBT/Production module">Production module</a></li>
 +
                    <li><a href="/Team:NJU-QIBEBT/Pumping out module">Pumping out module</a></li>
 +
                    <li><a href="/Team:NJU-QIBEBT/Indicator module">Indicator module</a></li>
 +
                </ul>
 +
 
 +
             </li>
 +
            <li class="menu"><a href="/Team:NJU-QIBEBT/ACHIEVEMENT">ACHIEVEMENT</a>
 +
                <ul>
 +
                    <li><a href="/Team:NJU-QIBEBT/ACHIEVEMENT/Parts test results">Parts test results</a></li>
 +
                    <li><a href="/Team:NJU-QIBEBT/ACHIEVEMENT/Modeling">Modeling</a></li>
 +
                    <li><a href="/Team:NJU-QIBEBT/ACHIEVEMENT/Judging Criteria">Judging Criteria</a></li>
 +
                </ul>
 +
             </li>
 +
            <li class="menu"><a href="/Team:NJU-QIBEBT/wetlab">WET LAB</a>
 +
                <ul>
 +
                    <li><a href="/Team:NJU-QIBEBT/wetlab/Protocol">Protocol</a></li>
 +
                    <li><a href="/Team:NJU-QIBEBT/wetlab/Notebook">Notebook</a></li>
 +
                    <li><a href="/Team:NJU-QIBEBT/wetlab/Parts">Parts</a></li>
 +
                </ul>
 +
            </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/team">TEAM</a></li>
 +
            <li class="menu"><a href="/Team:NJU-QIBEBT/ACKNOWLEDGEMENT">ACKNOWLEDGEMENT</a></li>
         </ul>
         </ul>
-
         <p id="menu_off"><img src="https://static.igem.org/mediawiki/2014/f/f7/NJU_menu_on.png"></p>
+
         <!--
-
 
+
        <div id="content1" style="width: 720px;margin: 0 auto">
 +
        <a href="/Team:NJU-QIBEBT/Extras" >Extras<img src="img/nav_r.png"></a><a href="/Team:NJU-QIBEBT/Safety">Safety</a><a href="/Team:NJU-QIBEBT/Modeling">Modeling</a><a href="/Team:NJU-QIBEBT/Practice" >Practice<img src="img/nav_r.png"></a><a href="/Team:NJU-QIBEBT/Parts">Parts</a><a href="/Team:NJU-QIBEBT/Team">Team</a><a href="/Team:NJU-QIBEBT/Project">Project</a><a href="/Team:NJU-QIBEBT">Home</a>
 +
        </div>
 +
        -->
     </div>
     </div>
</div>
</div>
-
<p style="text-shadow: 0 0 5px #111111;color: #CCB761;padding: 10px 30px;left:05px;font-size: 30px;top:80px;width: 960px;margin: 0 auto;position: relative;font-family:ITCAvantGardeStd46323;">Home/Team</p>
+
<div id="sideMenu" style="display: none">
-
<div id="team">
+
    <ul>
-
    <div id="member1" class="member">   <div id="name1" class="name" style="position: absolute"><p class="name_t">NAME</p><p class="name_email">name@163.com</p></div>
+
        <li><a>111111</a></li>
-
    </div>
+
        <li><a>222222</a></li>
-
    <div id="member2" class="member">   <div id="name2" class="name" style="position: absolute;left: 240px;"><p class="name_t">NAME</p><p class="name_email">name@163.com</p></div>
+
        <li><a>333333</a></li>
-
     </div>
+
        <li><a>444444</a></li>
 +
     </ul>
 +
</div>
 +
<div id="main" style="min-height:1000px">
-
    <div id="member3" class="member">    <div id="name3" class="name" style="position: absolute;left: 480px;"><p class="name_t">NAME</p><p class="name_email">name@163.com</p></div>
+
</div>
-
    </div>
+
-
    <div id="member4" class="member">   <div id="name4" class="name" style="position: absolute;left: 720px;"><p class="name_t">NAME</p><p class="name_email">name@163.com</p></div>
+
<div id="footer">
-
    </div>
+
    <div id="footerContent">
 +
        <div id="footerLeft">
 +
            <img src="">
 +
        </div>
-
    <div id="member5" class="member">   <div id="name5" class="name" style="position: absolute;left: 0px;top: 180px"><p class="name_t">NAME</p><p class="name_email">name@163.com</p></div>
+
        <div id="footerRight">
-
    </div>
+
            <h3>Nanjing University</h3>
 +
            <p>Address：No.22 Hankou Rd.,Gulou District, Nanjing, Jiangsu 210093,P.R.China.
 +
            </p>
 +
            <p>TEL:(+86)132999999999</p>
 +
            <p>Email:xxxx@163.com</p>
-
    <div id="member6" class="member">    <div id="name6" class="name" style="position: absolute;left: 240px;top: 180px"><p class="name_t">NAME</p><p class="name_email">name@163.com</p></div>
 
-
    </div>
 
-
    <div id="member7" class="member">    <div id="name7" class="name" style="position: absolute;left: 480px;top: 180px"><p class="name_t">NAME</p><p class="name_email">name@163.com</p></div>
+
        </div>
     </div>
     </div>
-
 
-
    <div id="member8" class="member">    <div id="name8" class="name" style="position: absolute;left: 720px;top:180px;"><p class="name_t">NAME</p><p class="name_email">name@163.com</p></div>
 
-
    </div>
 
-
 
-
    <div id="member9" class="member">    <div id="name9" class="name" style="position: absolute;left: 0px;top: 360px;"><p class="name_t">NAME</p><p class="name_email">name@163.com</p></div>
 
-
    </div>
 
-
 
-
    <div id="member10" class="member">    <div id="name10" class="name" style="position: absolute;left: 240px;top:360px;"><p class="name_t">NAME</p><p class="name_email">name@163.com</p></div>
 
-
    </div>
 
-
 
-
    <div id="member11" class="member">    <div id="name11" class="name" style="position: absolute;left: 480px;top:360px;"><p class="name_t">NAME</p><p class="name_email">name@163.com</p></div>
 
-
    </div>
 
-
 
-
    <div id="member12" class="member">    <div id="name12" class="name" style="position: absolute;left: 720px;top:360px;"><p class="name_t">NAME</p><p class="name_email">name@163.com</p></div>
 
-
    </div>
 
-
 
-
 
-
 
</div>
</div>
-
 
+
<a href="#" id="back_to_top"></a>
-
 
+
-
<div class="team_content" id="team1">
+
-
    <div class="close" style="position: fixed;right: 0px;width: 50px;height: 50px;background-color: #ff6b09">
+
-
        <img src="../img/NJU_close_member.png">
+
-
    </div>
+
-
    <div class="member_intro">
+
-
        <img src='../img/NJU_member1.jpg'>
+
-
        <div class="member_intro_text" style="width: 600px;float: right;font-size: 20px;color: #e7e7e7;min-height: 300px">
+
-
            <p>Name:XXX</p>
+
-
            <p>Nanjing,China</p>
+
-
            <p>XXX@163.com</p>
+
-
            <p>Hello!Hello!I'm XXX.Hello!I'm XXX.Hello!I'm XXX.Hello!I'm XXX.Hello!I'm XXX.Hello!I'm XXX.Hello!I'm XXX.
+
-
                I'm XXX.Hello!I'm XXX.Hello!I'm XXX.Hello!I'm XXX.Hello!I'm XXX.Hello!I'm XXX.Hello!I'm XXX.Hello!I'm XXX.
+
-
            I'm XXX.Hello!I'm XXX.Hello!I'm XXX.Hello!I'm XXX.Hello!I'm XXX.Hello!I'm XXX.Hello!I'm XXX.Hello!I'm XXX.</p>
+
-
 
+
-
        </div>
+
-
    </div>
+
-
</div>
+
-
 
+
-
<div id="footer"></div>
+
</body>
</body>
</html>
</html>

Latest revision as of 08:40, 14 October 2014

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