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

 
(24 intermediate revisions by 4 users not shown)
Line 10: Line 10:
 
         #sideMenu,
 
         #sideMenu,
 
         #top_title,
 
         #top_title,
−
         #team_submenu{
+
         #team_submenu {
 
             display: none;
 
             display: none;
 +
        }
 +
 +
        #HQ_page p {
 +
            margin: 0 !important;
 
         }
 
         }
  
Line 64: Line 68:
 
             color: #ffffff;
 
             color: #ffffff;
 
             height: 64px;
 
             height: 64px;
 +
            top: -2px;
 
         }
 
         }
  
Line 86: Line 91:
 
             z-index: 1;
 
             z-index: 1;
 
             background-color: #EEEEEE;
 
             background-color: #EEEEEE;
−
            opacity: 0.96;
 
−
            filter: alpha(opacity=96);
 
 
             box-shadow: 0 5px 15px #CCCCCC;
 
             box-shadow: 0 5px 15px #CCCCCC;
 
             display: none;
 
             display: none;
Line 129: Line 132:
 
             color: #ffffff;
 
             color: #ffffff;
 
             font-size: 16px !important;
 
             font-size: 16px !important;
 +
        }
 +
 +
        .daohang .xsjPic {
 +
            display: inline-block;
 +
            width: 10px;
 +
            height: 10px;
 +
            vertical-align: middle;
 +
            background-size: 100% 100%;
 +
            background-image: url("https://static.igem.org/mediawiki/2018/6/63/T--HZAU-China--xsj.svg")
 
         }
 
         }
  
Line 138: Line 150:
 
             background-size: 100% 100%;
 
             background-size: 100% 100%;
 
             background-image: url("https://static.igem.org/mediawiki/2018/8/8d/T--HZAU-China--xjt.svg")
 
             background-image: url("https://static.igem.org/mediawiki/2018/8/8d/T--HZAU-China--xjt.svg")
 +
        }
 +
 +
        .daohang a:hover span {
 +
            transform: rotateY(180deg);
 +
            -webkit-transform: rotateY(180deg);
 +
            -moz-transform: rotateY(180deg);
 +
            -o-transform: rotateY(180deg);
 +
            -ms-transform: rotateY(180deg);
 +
            transition: all 0.5s ease-in-out;
 +
            -webkit-transition: all 0.5s ease-in-out;
 +
            -moz-transition: all 0.5s ease-in-out;
 +
            -o-transition: all 0.5s ease-in-out;
 
         }
 
         }
  
Line 184: Line 208:
 
             position: absolute;
 
             position: absolute;
 
             width: 80px;
 
             width: 80px;
−
             height: 3px;
+
             height: 2px;
 
             bottom: 5px;
 
             bottom: 5px;
 
             left: 15px;
 
             left: 15px;
Line 206: Line 230:
 
             position: absolute;
 
             position: absolute;
 
             width: 130px;
 
             width: 130px;
−
             height: 3px;
+
             height: 2px;
 
             bottom: 5px;
 
             bottom: 5px;
 
             left: 20px;
 
             left: 20px;
Line 212: Line 236:
 
         }
 
         }
  
−
         @media screen and (max-width: 1000px) {
+
         @media screen and (max-width: 1200px) {
 
             .logo-daohang {
 
             .logo-daohang {
−
                 left: 5%;
+
                 left: 3%;
 
             }
 
             }
  
−
             .daohang .caidan {
+
             .daohangyi {
−
                 right: 0;
+
                 font-size: 12px;
 
             }
 
             }
 
         }
 
         }
Line 225: Line 249:
  
 
             .daohang .caidan {
 
             .daohang .caidan {
 +
                right: 0;
 
                 width: 100%;
 
                 width: 100%;
 
             }
 
             }
Line 238: Line 263:
 
             .daohang .longName {
 
             .daohang .longName {
 
                 width: 25vw;
 
                 width: 25vw;
 +
            }
 +
 +
            .daohangyi img {
 +
                display: none;
 +
            }
 +
 +
            .daohang .longName .item:before {
 +
                width: 150px;
 +
                left: 20px;
 +
            }
 +
 +
            .daohang .longName .item:hover:after {
 +
                width: 150px;
 +
                left: 20px;
 
             }
 
             }
 
         }
 
         }
Line 261: Line 300:
 
             width: 80%;
 
             width: 80%;
 
             /* height: auto; */
 
             /* height: auto; */
−
             margin: 20px 20px 0 0;
+
             margin: 20px 40px 0 0;
 
             /* right: 2%; */
 
             /* right: 2%; */
 
             /* top: 90px; */
 
             /* top: 90px; */
Line 277: Line 316:
  
 
         .cebian {
 
         .cebian {
−
             width: 15%;
+
             width: 180px;
 
             /* height: 80vh; */
 
             /* height: 80vh; */
 
             float: left;
 
             float: left;
 
             /* left: 1vw; */
 
             /* left: 1vw; */
−
             top: 130px;
+
             top: 150px;
 
             position: fixed;
 
             position: fixed;
 
             box-shadow: 0 1px 3px #676767;
 
             box-shadow: 0 1px 3px #676767;
Line 406: Line 445:
  
 
         .duiyuan .jieshao .saohua {
 
         .duiyuan .jieshao .saohua {
−
             padding: 10 3 0 3;
+
             padding: 10px 4px 0px 4px !important;
 
             color: black;
 
             color: black;
 
             font-family: Arial;
 
             font-family: Arial;
 
             font-style: italic;
 
             font-style: italic;
−
             font-size: 14px;
+
             font-size: 15px !important;
 
             list-style-type: none;
 
             list-style-type: none;
 
             text-align: justify;
 
             text-align: justify;
 
             line-height: 18px;
 
             line-height: 18px;
 +
        }
 +
       
 +
        @media screen and (max-width: 880px) {
 +
 +
            .laoshi img {
 +
            height: 40vh;
 +
            }
 
         }
 
         }
 
     </style>
 
     </style>
 
     <!-- 滚动菜单栏CSS -->
 
     <!-- 滚动菜单栏CSS -->
 
     <style>
 
     <style>
−
        #float01 {}
+
            #float01 {}
−
 
+
   
−
        #float02 {}
+
            #float02 {}
−
 
+
   
−
        #float03 {}
+
            div.floatCtro {
−
 
+
                width: 100%;
−
        div.floatCtro {
+
                /* height: auto; */
−
            width: 100%;
+
                margin: 0;
−
            height: 250px;
+
                position: relative;
−
            margin: 0;
+
                background: #fff;
−
            position: relative;
+
   
−
            background: #fff;
+
            }
−
 
+
   
−
        }
+
            .daohangyi {
−
 
+
                display: block;
−
        .daohangyi {
+
                width: 100%;
−
            display: block;
+
                /* height: auto; */
−
            width: 100%;
+
                /* text-align: left !important; */
−
            height: 45px;
+
                color: #ffffff !important;
−
            color: #ffffff !important;
+
                font-size: 16px;
−
            font-size: 16px;
+
                padding:0;
−
            background-color: #323643;
+
                background-color: #323643;
−
            border-bottom: 1px solid black;
+
                border-bottom: 1px solid black;
−
            /* border-radius: 5px; */
+
                padding:0 3%;
−
            text-decoration: none !important;
+
                text-decoration: none !important;
−
        }
+
            }
−
 
+
   
−
        div.floatCtro .daohanger {
+
            div.floatCtro .daohanger {
−
            width: 100%;
+
                width: 100%;
−
            text-align: justify !important;
+
                text-align: left !important;
−
            height: 45px;
+
                height: auto;
−
            line-height: 45px;
+
                line-height: 25px;
−
            font-family: Arial;
+
                font-family: Arial;
−
            font-size: 14px;
+
                font-size: 16px !important;
−
            color: #676767;
+
                color: #676767;
−
            margin: 0;
+
                margin: 0;
−
            padding-left: 8%;
+
                padding:10px 8%;
−
            cursor: pointer;
+
                cursor: pointer;
−
            background: #fff;
+
                background: #fff;
−
        }
+
            }
−
 
+
   
−
        div.floatCtro a {
+
            div.floatCtro a {
−
            display: inline-block;
+
                display: inline-block;
−
            display: none;
+
                display: none;
−
            width: 100%;
+
                width: 100%;
−
            height: 40px;
+
                height: 40px;
−
            /* margin: 10px 0 0 0; */
+
                padding:10px 8%;
−
            background: #FFF;
+
                /* margin: 10px 0 0 0; */
−
            color: #000 !important;
+
                background: #FFF;
−
            vertical-align: middle;
+
                color: #000 !important;
−
            cursor: pointer;
+
                vertical-align: middle;
−
        }
+
                cursor: pointer;
−
 
+
            }
−
        div.floatCtro a span {
+
   
−
            display: block;
+
            div.floatCtro a span {
−
            height: 44px;
+
                display: block;
−
            line-height: 44px;
+
                height: auto;
−
            font-family: Arial;
+
                text-align: left !important;
−
            font-size: 16px;
+
                line-height: 20px;
−
             padding-left: 8%;
+
                font-family: Arial;
−
        }
+
                font-size: 16px;
−
 
+
             }
−
        div.floatCtro a:hover {
+
   
−
            /* background: #76b39d; */
+
            div.floatCtro a:hover {
−
            color: #EA0D04 !important;
+
                /* background: #76b39d; */
−
            zoom: 1;
+
                color: #EA0D04 !important;
−
        }
+
                zoom: 1;
−
 
+
            }
−
        div.floatCtro .daohanger:hover {
+
   
−
            /* background: #76b39d; */
+
            /* .cebian a:hover {
−
            color: #1fa67a;
+
                color: #f6eee0 !important;
−
            text-decoration: underline !important;
+
            } */
−
        }
+
   
−
 
+
            div.floatCtro .daohanger:hover {
−
        div.floatCtro .daohanger.cur {
+
                /* background: #76b39d; */
−
            /* background: #1fa67a; */
+
                color: #1fa67a;
−
            color: #1fa67a;
+
                text-decoration: underline !important;
−
        }
+
            }
−
 
+
   
−
        .biaoti {
+
            div.floatCtro .daohanger.cur {
−
            line-height: 40px;
+
                /* background: #1fa67a; */
−
            width: 50%;
+
                color: #1fa67a;
−
            margin-left: 6%;
+
            }
−
            text-align: center;
+
   
−
            text-decoration: none !important;
+
            .biaoti {
−
        }
+
                line-height: 40px;
−
 
+
                width: 50%;
−
        .daohangyi img {
+
                /* margin-left: 6%; */
−
            display: inline-block;
+
                text-align: center;
−
            width: 12px;
+
                text-decoration: none !important;
−
            height: 12px;
+
            }
−
            vertical-align: middle;
+
   
−
            background-size: 100% 100%;
+
            .daohangyi img {
−
             ;
+
                display: inline-block;
−
        }
+
                width: 12px;
−
     </style>
+
                height: 12px;
 +
                vertical-align: middle;
 +
                background-size: 100% 100%;
 +
   
 +
             }
 +
            .cebian div:hover img{
 +
                transform: rotateY(180deg);          
 +
                -webkit-transform: rotateY(180deg);           
 +
                -moz-transform: rotateY(180deg);           
 +
                -o-transform: rotateY(180deg);           
 +
                -ms-transform: rotateY(180deg);
 +
                transition: all 0.5s ease-in-out;           
 +
                -webkit-transition: all 0.5s ease-in-out;           
 +
                -moz-transition: all 0.5s ease-in-out;           
 +
                -o-transition: all 0.5s ease-in-out;
 +
            }
 +
            .cebian a:hover img{
 +
                transform: rotate(360deg);           
 +
                -webkit-transform: rotate(360deg);           
 +
                -moz-transform: rotate(360deg);           
 +
                -o-transform: rotate(360deg);           
 +
                -ms-transform: rotate(360deg);
 +
                transition: all 0.5s ease-in-out;           
 +
                -webkit-transition: all 0.5s ease-in-out;           
 +
                -moz-transition: all 0.5s ease-in-out;           
 +
                -o-transition: all 0.5s ease-in-out;
 +
            }
 +
      
 +
            @media screen and (max-width: 1200px) {           
 +
             
 +
                .cebian {
 +
                width: 15%;
 +
                }
 +
   
 +
                .zhengwen {
 +
                margin: 20px 20px 0 0;
 +
   
 +
                .daohangyi {
 +
                    font-size: 14px;
 +
                }
 +
                .daohangyi img {
 +
                    display: none;
 +
                } 
 +
            }
 +
   
 +
            @media screen and (max-width: 900px) {
 +
   
 +
                .daohangyi img {
 +
                    display: none;
 +
                } 
 +
               
 +
                .laoshi img {
 +
                    height: 30vh;
 +
                }
 +
            }
 +
        </style>
  
  
Line 521: Line 622:
 
     <!-- 导航栏 -->
 
     <!-- 导航栏 -->
 
     <nav class="daohang">
 
     <nav class="daohang">
−
        <a href="https://2018.igem.org/Team:HZAU-China"><img src="https://static.igem.org/mediawiki/2018/7/75/T--HZAU-China--logo-nav.png"
+
            <a href="https://2018.igem.org/Team:HZAU-China"><img src="https://static.igem.org/mediawiki/2018/7/75/T--HZAU-China--logo-nav.png"
−
                class="logo-daohang"></a>
+
                    class="logo-daohang"></a>
−
        <ul class="caidan">
+
            <ul class="caidan">
−
            <li class="hiLight shortName">
+
                <li class="hiLight shortName">
−
                <a class="nav_head" href="#">
+
                    <a class="nav_head" href="https://2018.igem.org/Team:HZAU-China">
−
                    <span>Project</span>
+
                        <span>Project</span>
−
                    <span class="xjtPic"></span>
+
                        <span class="xsjPic"></span>
−
                </a>
+
                    </a>
−
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Description">Description</a>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Description">Description</a>
−
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Design">Design</a>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Design">Design</a>
−
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Results">Results</a>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Results">Results</a>
−
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Demonstrate">Demonstrate</a>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Demonstrate">Demonstrate</a>
−
            </li>
+
                </li>
−
            <li class="hiLight shortName">
+
                <li class="hiLight shortName">
−
                <a class="nav_head" href="#">
+
                    <a class="nav_head" href="#">
−
                    <span>Wetlab</span>
+
                        <span>Wetlab</span>
−
                    <span class="xjtPic"></span>
+
                        <span class="xjtPic"></span>
−
                </a>
+
                    </a>
−
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Experiments">Experiments</a>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Experiments">Experiments</a>
−
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Improve">Improve</a>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Improve">Improve</a>
−
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/InterLab">Interlab</a>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/InterLab">InterLab</a>
−
            </li>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Notebook">Notebook</a>
−
            <li class="hiLight shortName">
+
   
−
                <a class="nav_head" href="#">
+
                </li>
−
                    <span>Drylab</span>
+
                <li class="hiLight shortName">
−
                    <span class="xjtPic"></span>
+
                    <a class="nav_head" href="#">
−
                </a>
+
                        <span>Drylab</span>
−
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Model">Model</a>
+
                        <span class="xjtPic"></span>
−
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Software">Software</a>
+
                    </a>
−
            </li>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Model">Model</a>
−
            <li class="hiLight longName">
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Software">Software</a>
−
                <a class="nav_head" href="#">
+
                </li>
−
                    <span>Human&nbsp;Practices</span>
+
                <li class="hiLight longName">
−
                    <span class="xjtPic"></span>
+
                    <a class="nav_head" href="#">
−
                </a>
+
                        <span>Human&nbsp;Practices</span>
−
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Safety">Safty</a>
+
                        <span class="xjtPic"></span>
−
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Human_Practices">Human Practices</a>
+
                    </a>
−
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Public_Engagement">Public Engagement</a>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Safety">Safety</a>
−
            </li>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Human_Practices">Human Practices</a>
−
            <li class="hiLight shortName">
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Public_Engagement">Public Engagement</a>
−
                <a class="nav_head" href="#">
+
                </li>
−
                    <span>About Us</span>
+
                <li class="hiLight shortName">
−
                    <span class="xjtPic"></span>
+
                    <a class="nav_head" href="#">
−
                </a>
+
                        <span>About Us</span>
−
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Team">Team</a>
+
                        <span class="xjtPic"></span>
−
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Attributions">Attributions</a>
+
                    </a>
−
                <a class="item" href="https://2018.igem.org/Team:HZAU-China/Collaborations">Collaborations</a>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Team">Team</a>
−
            </li>
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Attributions">Attributions</a>
−
            <li class="shortName">
+
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Collaborations">Collaborations</a>
−
                <a class="nav_head" href="https://2018.igem.org/Team:HZAU-China/Parts">
+
                </li>
−
                     <span>Parts</span>
+
                <li class="hiLight shortName">
−
                </a>
+
                    <a class="nav_head" href="#">
−
            </li>
+
                        <span>Parts</span>
−
        </ul>
+
                        <span class="xjtPic"></span>
−
        <div class="shade"></div>
+
                    </a>
 +
                    <a class="item" href="https://2018.igem.org/Team:HZAU-China/Basic_Part">Basic</a>
 +
                     <a class="item" href="https://2018.igem.org/Team:HZAU-China/Composite_Part">Composite</a>
 +
                </li>
 +
            </ul>
 +
            <div class="shade"></div>
 
     </nav>
 
     </nav>
 
     <!-- 内容 -->
 
     <!-- 内容 -->
Line 585: Line 691:
 
                 <div class="h1">MEMBERS</div>
 
                 <div class="h1">MEMBERS</div>
 
                 <div class="row">
 
                 <div class="row">
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
 
                             <img src="https://static.igem.org/mediawiki/2018/b/b3/T--HZAU-China--zhujun.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/b/b3/T--HZAU-China--zhujun.jpg" alt="">
 
                             <div class="xingming">Zhujun Xia</div>
 
                             <div class="xingming">Zhujun Xia</div>
 
                             <div class="jieshao">
 
                             <div class="jieshao">
−
                                 <p class="saohua">This year，I'm captain of the HZAU-China. I hope I can be a brilliant
+
                                 <p class="saohua">This year，I'm the captain of HZAU-China. I hope I can be a brilliant
 
                                     person
 
                                     person
 
                                     like
 
                                     like
Line 598: Line 704:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
 
                             <img src="https://static.igem.org/mediawiki/2018/2/20/T--HZAU-China--yinqing.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/2/20/T--HZAU-China--yinqing.jpg" alt="">
Line 612: Line 718:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
 
                             <img src="https://static.igem.org/mediawiki/2018/a/ab/T--HZAU-China--yanghe.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/a/ab/T--HZAU-China--yanghe.jpg" alt="">
 
                             <div class="xingming">He Yang</div>
 
                             <div class="xingming">He Yang</div>
 
                             <div class="jieshao">
 
                             <div class="jieshao">
−
                                 <p class="saohua">My name is He Yang, It's my second year in HZAU-iGEM team. I am
+
                                 <p class="saohua">My name is He Yang, It's my second year in HZAU-China team. I am
 
                                     curious and
 
                                     curious and
 
                                     ambitious. However, plentiful in ideal yet skiny in reality. I will easy to screw
 
                                     ambitious. However, plentiful in ideal yet skiny in reality. I will easy to screw
Line 624: Line 730:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
 
                             <img src="https://static.igem.org/mediawiki/2018/9/90/T--HZAU-China--qiqin.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/9/90/T--HZAU-China--qiqin.jpg" alt="">
Line 638: Line 744:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
 
                             <img src="https://static.igem.org/mediawiki/2018/f/f9/T--HZAU-China--lingyu.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/f/f9/T--HZAU-China--lingyu.jpg" alt="">
Line 647: Line 753:
 
                                     English. Although I don’t know why they call me so. It’s my second year to be an
 
                                     English. Although I don’t know why they call me so. It’s my second year to be an
 
                                     iGEMer,
 
                                     iGEMer,
−
                                     and I also a member of wet experiment group. I love our team, I love our team
+
                                     and I'm one of the key members of wet experiment group. I love our team, I love our team
 
                                     members. It’s
 
                                     members. It’s
 
                                     very lucky to meet you all.</p>
 
                                     very lucky to meet you all.</p>
Line 653: Line 759:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
 
                             <img src="https://static.igem.org/mediawiki/2018/e/e0/T--HZAU-China--zhijin.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/e/e0/T--HZAU-China--zhijin.jpg" alt="">
Line 668: Line 774:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
 
                             <img src="https://static.igem.org/mediawiki/2018/9/98/T--HZAU-China--songtao.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/9/98/T--HZAU-China--songtao.jpg" alt="">
Line 682: Line 788:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
 
                             <img src="https://static.igem.org/mediawiki/2018/4/42/T--HZAU-China--yini.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/4/42/T--HZAU-China--yini.jpg" alt="">
Line 695: Line 801:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
 
                             <img src="https://static.igem.org/mediawiki/2018/e/ed/T--HZAU-China--zhuoqi.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/e/ed/T--HZAU-China--zhuoqi.jpg" alt="">
 
                             <div class="xingming">Zhuoqi Huang</div>
 
                             <div class="xingming">Zhuoqi Huang</div>
 
                             <div class="jieshao">
 
                             <div class="jieshao">
−
                                 <p class="saohua">Hello, my name is Zhuoqi Huang, a boy who come from a beautiful city
+
                                 <p class="saohua">Zhuoqi Huang, a boy who come from a beautiful city
 
                                     called
 
                                     called
−
                                     Jieyang. It is my honour to join in the iGEM as a member of wetlab. Although
+
                                     Jieyang. It is my honour to join the iGEM as a member of wetlab. Although
 
                                     bioinformatics
 
                                     bioinformatics
 
                                     is my major, I am addicted to experiments of organism but not the program on
 
                                     is my major, I am addicted to experiments of organism but not the program on
−
                                     computer. In
+
                                     computer. Next year, I hope I can make contribution to the drylab.</p>
−
                                    next year , I hope I can make contribution to the drylab.</p>
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
 
                             <img src="https://static.igem.org/mediawiki/2018/1/16/T--HZAU-China--xichen.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/1/16/T--HZAU-China--xichen.jpg" alt="">
Line 725: Line 830:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
 
                             <img src="https://static.igem.org/mediawiki/2018/3/34/T--HZAU-China--wenxin.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/3/34/T--HZAU-China--wenxin.jpg" alt="">
Line 733: Line 838:
 
                                     great
 
                                     great
 
                                     passion in science and always dream to save the world! It’s my first year in team
 
                                     passion in science and always dream to save the world! It’s my first year in team
−
                                     HZAU-iGEM
+
                                     HZAU-China
 
                                     and iGEM provides me a platform to achieve my dream. Everyone is nice here and I’m
 
                                     and iGEM provides me a platform to achieve my dream. Everyone is nice here and I’m
 
                                     really
 
                                     really
Line 740: Line 845:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
 
                             <img src="https://static.igem.org/mediawiki/2018/8/84/T--HZAU-China--hangxi.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/8/84/T--HZAU-China--hangxi.jpg" alt="">
Line 755: Line 860:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
 
                             <img src="https://static.igem.org/mediawiki/2018/b/ba/T--HZAU-China--ruonan.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/b/ba/T--HZAU-China--ruonan.jpg" alt="">
Line 768: Line 873:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
 
                             <img src="https://static.igem.org/mediawiki/2018/7/77/T--HZAU-China--hengheng.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/7/77/T--HZAU-China--hengheng.jpg" alt="">
 
                             <div class="xingming">Heng Heng</div>
 
                             <div class="xingming">Heng Heng</div>
 
                             <div class="jieshao">
 
                             <div class="jieshao">
−
                                 <p class="saohua">I‘m Heng Heng. This is my first year in HZAU-iGEM team. I'm eager for
+
                                 <p class="saohua">I‘m Heng Heng. This is my first year in HZAU-China team. I'm eager for
 
                                     knowledge, and iGEM is the place I want.</p>
 
                                     knowledge, and iGEM is the place I want.</p>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
 
                             <img src="https://static.igem.org/mediawiki/2018/a/ae/T--HZAU-China--yuying.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/a/ae/T--HZAU-China--yuying.jpg" alt="">
Line 784: Line 889:
 
                             <div class="jieshao">
 
                             <div class="jieshao">
 
                                 <p class="saohua">My name is Aries.It is a great pleasure for me to be a member of
 
                                 <p class="saohua">My name is Aries.It is a great pleasure for me to be a member of
−
                                     HZAU-IGEM
+
                                     HZAU-China
 
                                     experiment group.My major contribution is in the related design work.Joining IGEM
 
                                     experiment group.My major contribution is in the related design work.Joining IGEM
 
                                     is a good
 
                                     is a good
Line 793: Line 898:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="duiyuan">
 
                         <div class="duiyuan">
 
                             <img src="https://static.igem.org/mediawiki/2018/2/20/T--HZAU-China--shuguang.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/2/20/T--HZAU-China--shuguang.jpg" alt="">
Line 809: Line 914:
 
                 <div class="h1">ADVISORS</div>
 
                 <div class="h1">ADVISORS</div>
 
                 <div class="row">
 
                 <div class="row">
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="laoshi">
 
                         <div class="laoshi">
 
                             <img src="https://static.igem.org/mediawiki/2018/8/83/T--HZAU-China--kening.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/8/83/T--HZAU-China--kening.jpg" alt="">
Line 815: Line 920:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="laoshi">
 
                         <div class="laoshi">
 
                             <img src="https://static.igem.org/mediawiki/2018/c/c0/T--HZAU-China--jinyu.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/c/c0/T--HZAU-China--jinyu.jpg" alt="">
Line 821: Line 926:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="laoshi">
 
                         <div class="laoshi">
 
                             <img src="https://static.igem.org/mediawiki/2018/5/56/T--HZAU-China--gang.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/5/56/T--HZAU-China--gang.jpg" alt="">
Line 827: Line 932:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="laoshi">
 
                         <div class="laoshi">
 
                             <img src="https://static.igem.org/mediawiki/2018/7/7b/T--HZAU-China--hongyu.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/7/7b/T--HZAU-China--hongyu.jpg" alt="">
Line 833: Line 938:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="laoshi">
 
                         <div class="laoshi">
 
                             <img src="https://static.igem.org/mediawiki/2018/2/2a/T--HZAU-China--donghai.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/2/2a/T--HZAU-China--donghai.jpg" alt="">
Line 839: Line 944:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="laoshi">
 
                         <div class="laoshi">
 
                             <img src="https://static.igem.org/mediawiki/2018/b/bd/T--HZAU-China--zhen.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/b/bd/T--HZAU-China--zhen.jpg" alt="">
Line 850: Line 955:
 
                 <div class="h1">INSTRUCTORS</div>
 
                 <div class="h1">INSTRUCTORS</div>
 
                 <div class="row">
 
                 <div class="row">
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="laoshi">
 
                         <div class="laoshi">
 
                             <img src="https://static.igem.org/mediawiki/2018/e/e6/T--HZAU-China--binguang.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/e/e6/T--HZAU-China--binguang.jpg" alt="">
Line 856: Line 961:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="laoshi">
 
                         <div class="laoshi">
 
                             <img src="https://static.igem.org/mediawiki/2018/b/b4/T--HZAU-China--jin.jpg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/b/b4/T--HZAU-China--jin.jpg" alt="">
Line 862: Line 967:
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
−
                     <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3">
+
                     <div class="col-xs-6 col-sm-6 col-md-4 col-lg-3">
 
                         <div class="laoshi">
 
                         <div class="laoshi">
 
                             <img src="https://static.igem.org/mediawiki/2018/4/40/T--HZAU-China--shan.png" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2018/4/40/T--HZAU-China--shan.png" alt="">

Latest revision as of 20:25, 17 October 2018

MEMBERS
Zhujun Xia

This year，I'm the captain of HZAU-China. I hope I can be a brilliant person like professor Li who is my goddess.

YinQing Zeng

I'm YinQing Zeng. This year, I'm the student leaders of HZAU-China too. I love rap(especially EMINEM's songs) and making handicraft. In fact, I want to have a dessert shop in the future even though I don't like dessert.

He Yang

My name is He Yang, It's my second year in HZAU-China team. I am curious and ambitious. However, plentiful in ideal yet skiny in reality. I will easy to screw everything up if neglect any detail. So, it time to be a precise man.

Mo Qiqin

This is Mo Qiqin, fan of KSP. I love building space crafts and I launch them successfuly. iGEM is more like a sand box game, for people can combine every parts they own to fulfill their Fantasies♂. In the passed years, I fulfilled my fantasies and got friendships in our iGEM team. Oh, that’s good!

Lingyu Zhong

My name is Lingyu Zhong and you may call me Xue Zhang, which means senior in English. Although I don’t know why they call me so. It’s my second year to be an iGEMer, and I'm one of the key members of wet experiment group. I love our team, I love our team members. It’s very lucky to meet you all.

Zhiqing Guo

My name is Zhiqing Guo,and you also can call me Farlina.It is my second year to attend iGEM.I made a lot of friends here who company me all the time.iGEMers let me know what persistence is and never toss in when I confront barriers.So I want to say I am into you guys.

Songtao Cheng

Hello! My name is Songtao Cheng. It's my second year to be an iGEMer. During the iGEM project I found that synthetic biology is so charming. Joining iGEM is a good chance for me to learn knowledge and communicate with creative people to broaden my horizon. In short, I enjoy it!

Yini Miao

Yini Miao, one of the model group, who are intrigued with modeling last year and always try her best to think and reflect.

Zhuoqi Huang

Zhuoqi Huang, a boy who come from a beautiful city called Jieyang. It is my honour to join the iGEM as a member of wetlab. Although bioinformatics is my major, I am addicted to experiments of organism but not the program on computer. Next year, I hope I can make contribution to the drylab.

Tom Rao

This is Tom Rao, an anime lover, a movie fan, a fat otaku and a man who is willing to devote his life into biology research. He’s one of the modelling group and built up the ATc model of our project. He also took charge in the interLab and successfully pass the data check.

Wenxin Hu

Hi! I’m Wenxin Hu, you can call me Stephanie! I’m a girl who have great passion in science and always dream to save the world! It’s my first year in team HZAU-China and iGEM provides me a platform to achieve my dream. Everyone is nice here and I’m really happy to meet you all!

Hangxi Fu

This is Hangxi Fu,and you can call me Awesome Fu.I come from Yunnan and I am proud of my rich hometown.I am crazy about philosophy and psychology.Also,I am busy with biology just because it's my business.I am engaging in wet lab in iGEM though I wanna study modeling.

Ruonan Tian

My name is Ruonan Tian, I am now studying bioinformatics at HZAU. I have a wide range of interests, such as sports, reading and watching movies. However, I especially love igem, because I learn concentration from it.

Heng Heng

I‘m Heng Heng. This is my first year in HZAU-China team. I'm eager for knowledge, and iGEM is the place I want.

Yuying Xiang

My name is Aries.It is a great pleasure for me to be a member of HZAU-China experiment group.My major contribution is in the related design work.Joining IGEM is a good chance for me to learn knowledge and make friends with others.I believe we'll achieve good results this time！

Shuguang Wang

I majored in bioinformatics, a member of our model group. Designer of the Bacterial Colony Counter and coder of our wiki.

ADVISORS
Kening Chen
Jinyu Wang
Gang Cao
Hongyu Zhang
Donghai Peng
Zhen Cao
INSTRUCTORS
Binguang Ma
Jin He
Shan Li
Team

Memebers

Advisors

Instructors

Back to Top
Attributions Collaborations