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

 
(6 intermediate revisions by 3 users not shown)
Line 91: 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 244: Line 242:
  
 
             .daohangyi {
 
             .daohangyi {
−
                 font-size: 14px;
+
                 font-size: 12px;
 
             }
 
             }
 
         }
 
         }
Line 269: Line 267:
 
             .daohangyi img {
 
             .daohangyi img {
 
                 display: none;
 
                 display: none;
 +
            }
 +
 +
            .daohang .longName .item:before {
 +
                width: 150px;
 +
                left: 20px;
 +
            }
 +
 +
            .daohang .longName .item:hover:after {
 +
                width: 150px;
 +
                left: 20px;
 
             }
 
             }
 
         }
 
         }
Line 308: Line 316:
  
 
         .cebian {
 
         .cebian {
−
             width: 15%;
+
             width: 180px;
 
             /* height: 80vh; */
 
             /* height: 80vh; */
 
             float: left;
 
             float: left;
Line 387: Line 395:
 
         .laoshi img {
 
         .laoshi img {
 
             width: 100%;
 
             width: 100%;
−
             height: 325px;
+
             height: 50vh;
 
             border-top: 3px solid #323643;
 
             border-top: 3px solid #323643;
 
             border-left: 3px solid #323643;
 
             border-left: 3px solid #323643;
Line 456: Line 464:
 
     <!-- 滚动菜单栏CSS -->
 
     <!-- 滚动菜单栏CSS -->
 
     <style>
 
     <style>
−
        #float01 {}
+
            #float01 {}
−
 
+
   
−
        #float02 {}
+
            #float02 {}
−
 
+
   
−
        #float03 {}
+
            div.floatCtro {
−
 
+
                width: 100%;
−
        div.floatCtro {
+
                /* height: auto; */
−
            width: 100%;
+
                margin: 0;
−
            height: 180px;
+
                position: relative;
−
            margin: 0;
+
                background: #fff;
−
            position: relative;
+
   
−
            background: #fff;
+
             }
−
 
+
   
−
        }
+
−
 
+
−
        .daohangyi {
+
−
            display: block;
+
−
            width: 100%;
+
−
            height: 40px;
+
−
            color: #ffffff !important;
+
−
            font-size: 16px;
+
−
            background-color: #323643;
+
−
            border-bottom: 1px solid black;
+
−
            /* border-radius: 5px; */
+
−
            text-decoration: none !important;
+
−
        }
+
−
 
+
−
        div.floatCtro .daohanger {
+
−
            width: 100%;
+
−
            text-align: justify !important;
+
−
            height: 45px;
+
−
            line-height: 45px;
+
−
            font-family: Arial;
+
−
            font-size: 16px !important;
+
−
            color: #676767;
+
−
            margin: 0;
+
−
            padding-left: 8%;
+
−
            cursor: pointer;
+
−
            background: #fff;
+
−
        }
+
−
 
+
−
        div.floatCtro a {
+
−
             display: inline-block;
+
−
            display: none;
+
−
            width: 100%;
+
−
            height: 40px;
+
−
            /* margin: 10px 0 0 0; */
+
−
            background: #FFF;
+
−
            color: #000 !important;
+
−
            vertical-align: middle;
+
−
            cursor: pointer;
+
−
        }
+
−
 
+
−
        div.floatCtro a span {
+
−
            display: block;
+
−
            height: 44px;
+
−
            line-height: 44px;
+
−
            font-family: Arial;
+
−
            font-size: 16px;
+
−
            padding-left: 8%;
+
−
        }
+
−
 
+
−
        div.floatCtro a:hover {
+
−
            /* background: #76b39d; */
+
−
            color: #EA0D04 !important;
+
−
            zoom: 1;
+
−
        }
+
−
 
+
−
        /* .cebian a:hover {
+
−
            color: #f6eee0 !important;
+
−
        } */
+
−
 
+
−
        div.floatCtro .daohanger:hover {
+
−
            /* background: #76b39d; */
+
−
            color: #1fa67a;
+
−
            text-decoration: underline !important;
+
−
        }
+
−
 
+
−
        div.floatCtro .daohanger.cur {
+
−
            /* background: #1fa67a; */
+
−
            color: #1fa67a;
+
−
        }
+
−
 
+
−
        .biaoti {
+
−
            line-height: 40px;
+
−
            width: 50%;
+
−
            margin-left: 6%;
+
−
            text-align: center;
+
−
            text-decoration: none !important;
+
−
        }
+
−
 
+
−
        .daohangyi img {
+
−
            display: inline-block;
+
−
            width: 12px;
+
−
            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: 1100px) {           
+
−
         
+
 
             .daohangyi {
 
             .daohangyi {
−
                 font-size: 14px;
+
                display: block;
 +
                width: 100%;
 +
                /* height: auto; */
 +
                /* text-align: left !important; */
 +
                color: #ffffff !important;
 +
                 font-size: 16px;
 +
                padding:0;
 +
                background-color: #323643;
 +
                border-bottom: 1px solid black;
 +
                padding:0 3%;
 +
                text-decoration: none !important;
 
             }
 
             }
−
        }
+
   
−
 
+
            div.floatCtro .daohanger {
−
        @media screen and (max-width: 880px) {
+
                width: 100%;
−
 
+
                text-align: left !important;
 +
                height: auto;
 +
                line-height: 25px;
 +
                font-family: Arial;
 +
                font-size: 16px !important;
 +
                color: #676767;
 +
                margin: 0;
 +
                padding:10px 8%;
 +
                cursor: pointer;
 +
                background: #fff;
 +
            }
 +
   
 +
            div.floatCtro a {
 +
                display: inline-block;
 +
                display: none;
 +
                width: 100%;
 +
                height: 40px;
 +
                padding:10px 8%;
 +
                /* margin: 10px 0 0 0; */
 +
                background: #FFF;
 +
                color: #000 !important;
 +
                vertical-align: middle;
 +
                cursor: pointer;
 +
            }
 +
   
 +
            div.floatCtro a span {
 +
                display: block;
 +
                height: auto;
 +
                text-align: left !important;
 +
                line-height: 20px;
 +
                font-family: Arial;
 +
                font-size: 16px;
 +
            }
 +
   
 +
            div.floatCtro a:hover {
 +
                /* background: #76b39d; */
 +
                color: #EA0D04 !important;
 +
                zoom: 1;
 +
            }
 +
   
 +
            /* .cebian a:hover {
 +
                color: #f6eee0 !important;
 +
            } */
 +
   
 +
            div.floatCtro .daohanger:hover {
 +
                /* background: #76b39d; */
 +
                color: #1fa67a;
 +
                text-decoration: underline !important;
 +
            }
 +
   
 +
            div.floatCtro .daohanger.cur {
 +
                /* background: #1fa67a; */
 +
                color: #1fa67a;
 +
            }
 +
   
 +
            .biaoti {
 +
                line-height: 40px;
 +
                width: 50%;
 +
                /* margin-left: 6%; */
 +
                text-align: center;
 +
                text-decoration: none !important;
 +
            }
 +
   
 
             .daohangyi img {
 
             .daohangyi img {
−
                 display: none;
+
                 display: inline-block;
−
             }   
+
                width: 12px;
−
        }
+
                height: 12px;
−
     </style>
+
                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 599: 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="https://2018.igem.org/Team:HZAU-China">
+
                    <a class="nav_head" href="https://2018.igem.org/Team:HZAU-China">
−
                    <span>Project</span>
+
                        <span>Project</span>
−
                    <span class="xsjPic"></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 668: Line 696:
 
                             <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 the captain of 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 695: Line 723:
 
                             <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 725: 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 810: 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 850: Line 878:
 
                             <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>
Line 861: 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

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