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

Line 464: 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;
−
             .daohangyi img {
+
                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;
 
                 display: none;
−
             }   
+
                width: 100%;
−
        }
+
                height: 40px;
−
     </style>
+
                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 {
 +
                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: 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>
  
  

Revision as of 12:15, 16 October 2018

MEMBERS
Zhujun Xia

This year，I'm captain of the 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-iGEM 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 also a member 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-iGEM 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-iGEM 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-IGEM 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