ShuguangWang (Talk | contribs) |
ShuguangWang (Talk | contribs) |
||
Line 4: | Line 4: | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> | <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> | ||
+ | <link href="bootstrap.min.css" rel="stylesheet"> | ||
+ | <!-- 导航栏CSS --> | ||
<style type="text/css"> | <style type="text/css"> | ||
#sideMenu, | #sideMenu, | ||
Line 44: | Line 46: | ||
list-style: none; | list-style: none; | ||
list-style-type: none; | list-style-type: none; | ||
− | text-decoration: none; | + | text-decoration: none !important; |
} | } | ||
Line 84: | Line 86: | ||
z-index: 1; | z-index: 1; | ||
background-color: #EEEEEE; | background-color: #EEEEEE; | ||
− | opacity: 0. | + | opacity: 0.96; |
− | filter: alpha(opacity= | + | filter: alpha(opacity=96); |
box-shadow: 0 5px 15px #CCCCCC; | box-shadow: 0 5px 15px #CCCCCC; | ||
display: none; | display: none; | ||
Line 239: | Line 241: | ||
} | } | ||
</style> | </style> | ||
+ | <!-- 内容CSS --> | ||
+ | <style class="text/css"> | ||
+ | .clearfix:after { | ||
+ | content: "."; | ||
+ | display: block; | ||
+ | height: 0; | ||
+ | clear: both; | ||
+ | visibility: hidden; | ||
+ | |||
+ | } | ||
+ | |||
+ | .neirong { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | background-color: #F3F3F3; | ||
+ | } | ||
+ | |||
+ | .zhengwen { | ||
+ | width: 80%; | ||
+ | /* height: auto; */ | ||
+ | margin: 20px 20px 0 0; | ||
+ | /* right: 2%; */ | ||
+ | /* top: 90px; */ | ||
+ | padding: 20px 3%; | ||
+ | float: right; | ||
+ | /* position: relative; */ | ||
+ | background-color: #FFF; | ||
+ | box-shadow: 0 1px 3px #676767; | ||
+ | /* border: 2px solid black; */ | ||
+ | /* border-radius: 3px; */ | ||
+ | /* overflow: hidden; */ | ||
+ | /* display: block; */ | ||
+ | /* font-family: Arial, Verdana, Sans-serif; */ | ||
+ | } | ||
+ | |||
+ | .cebian { | ||
+ | width: 15%; | ||
+ | /* height: 80vh; */ | ||
+ | float: left; | ||
+ | /* left: 1vw; */ | ||
+ | top: 130px; | ||
+ | position: fixed; | ||
+ | box-shadow: 0 1px 3px #676767; | ||
+ | /* border:2px solid black */ | ||
+ | /* background-color: #323643 */ | ||
+ | } | ||
+ | |||
+ | .daimg { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | margin: 20px 0; | ||
+ | box-shadow: 0 1px 3px #676767; | ||
+ | } | ||
+ | |||
+ | .h1 { | ||
+ | height: 100px; | ||
+ | line-height: 100px; | ||
+ | font-weight: bold; | ||
+ | font-family: 'Product Sans', sans-serif; | ||
+ | font-size: 50px; | ||
+ | color: black; | ||
+ | border-bottom: 3px solid black; | ||
+ | /* margin: 0 2.4%; */ | ||
+ | } | ||
+ | |||
+ | .zhengwen .tuandui_list { | ||
+ | position: relative; | ||
+ | margin-top: 40px; | ||
+ | height: 520px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .tuandui_list>li { | ||
+ | padding: 0; | ||
+ | width: 20%; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | margin: 0 2.4%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .zhengwen .laoshi_list { | ||
+ | position: relative; | ||
+ | margin-top: 40px; | ||
+ | height: 430px; | ||
+ | } | ||
+ | |||
+ | .laoshi_list>li { | ||
+ | padding: 0; | ||
+ | width: 20%; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | margin: 0 2.4%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .duiyuan { | ||
+ | margin: 20px 0; | ||
+ | /* border: 1px solid red; */ | ||
+ | } | ||
+ | |||
+ | .laoshi { | ||
+ | margin: 20px 0; | ||
+ | } | ||
+ | |||
+ | .duiyuan img { | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | border-top: 3px solid #323643; | ||
+ | border-left: 3px solid #323643; | ||
+ | border-right: 3px solid #323643; | ||
+ | } | ||
+ | |||
+ | .laoshi img { | ||
+ | width: 100%; | ||
+ | height: 50vh; | ||
+ | border-top: 3px solid #323643; | ||
+ | border-left: 3px solid #323643; | ||
+ | border-right: 3px solid #323643; | ||
+ | } | ||
+ | |||
+ | .duiyuan .xingming { | ||
+ | width: 100%; | ||
+ | height: 50px; | ||
+ | line-height: 50px; | ||
+ | background-color: #323643; | ||
+ | border-left: 3px solid #323643; | ||
+ | border-right: 3px solid #323643; | ||
+ | font-size: 16px; | ||
+ | color: white; | ||
+ | box-shadow: 0 1px 3px #CCCCCC; | ||
+ | font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; | ||
+ | font-size: 24px; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .laoshi .xingming { | ||
+ | width: 100%; | ||
+ | height: 50px; | ||
+ | line-height: 50px; | ||
+ | background-color: #323643; | ||
+ | border-left: 3px solid #323643; | ||
+ | border-right: 3px solid #323643; | ||
+ | font-size: 16px; | ||
+ | color: white; | ||
+ | box-shadow: 0 1px 3px #CCCCCC; | ||
+ | font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; | ||
+ | font-size: 24px; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .duiyuan .jieshao { | ||
+ | width: 100%; | ||
+ | height: 200px; | ||
+ | background-color: #f6eee0; | ||
+ | border-bottom: 3px solid #323643; | ||
+ | border-left: 3px solid #323643; | ||
+ | border-right: 3px solid #323643; | ||
+ | /* border-bottom-left-radius: 5px; | ||
+ | border-bottom-right-radius: 5px; */ | ||
+ | } | ||
+ | |||
+ | .duiyuan .jieshao .saohua { | ||
+ | padding: 10 3 0 3; | ||
+ | color: black; | ||
+ | font-family: Arial; | ||
+ | font-style: italic; | ||
+ | font-size: 14px; | ||
+ | list-style-type: none; | ||
+ | text-align: justify; | ||
+ | line-height: 18px; | ||
+ | } | ||
+ | </style> | ||
+ | <!-- 滚动菜单栏CSS --> | ||
+ | <style> | ||
+ | #float01 {} | ||
+ | |||
+ | #float02 {} | ||
+ | |||
+ | #float03 {} | ||
+ | |||
+ | div.floatCtro { | ||
+ | width: 100%; | ||
+ | height: 250px; | ||
+ | margin: 0; | ||
+ | position: relative; | ||
+ | background: #fff; | ||
+ | |||
+ | } | ||
+ | |||
+ | .daohangyi { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | height: 45px; | ||
+ | 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: 14px; | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | 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%; | ||
+ | ; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
</head> | </head> | ||
<body> | <body> | ||
+ | <!-- 导航栏 --> | ||
<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" | ||
Line 299: | Line 577: | ||
<div class="shade"></div> | <div class="shade"></div> | ||
</nav> | </nav> | ||
+ | <!-- 内容 --> | ||
+ | <div class="neirong clearfix"> | ||
+ | <!-- 正文 --> | ||
+ | <div class="zhengwen"> | ||
+ | <img class="daimg" src="https://static.igem.org/mediawiki/2018/7/70/T--HZAU-China--hezhao1.png" alt=""> | ||
+ | <div id="float01" class="cur"> | ||
+ | <div class="h1">MEMBERS</div> | ||
+ | <div class="row"> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="duiyuan"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/b/b3/T--HZAU-China--zhujun.jpg" alt=""> | ||
+ | <div class="xingming">Zhujun Xia</div> | ||
+ | <div class="jieshao"> | ||
+ | <p class="saohua">This year,I'm captain of the HZAU-China. I hope I can be a brilliant | ||
+ | person | ||
+ | like | ||
+ | professor | ||
+ | Li who is my goddess.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="duiyuan"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/2/20/T--HZAU-China--yinqing.jpg" alt=""> | ||
+ | <div class="xingming">YinQing Zeng</div> | ||
+ | <div class="jieshao"> | ||
+ | <p class="saohua">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.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="duiyuan"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/4/42/T--HZAU-China--yini.jpg" alt=""> | ||
+ | <div class="xingming">Yini Miao</div> | ||
+ | <div class="jieshao"> | ||
+ | <p class="saohua">Yini Miao, one of the model group, who are intrigued with modeling | ||
+ | last year | ||
+ | and | ||
+ | always try | ||
+ | her best to think and reflect.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="duiyuan"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/1/16/T--HZAU-China--xichen.jpg" alt=""> | ||
+ | <div class="xingming">Tom Rao</div> | ||
+ | <div class="jieshao"> | ||
+ | <p class="saohua">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.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="duiyuan"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/e/e0/T--HZAU-China--zhijin.jpg" alt=""> | ||
+ | <div class="xingming">Zhiqing Guo</div> | ||
+ | <div class="jieshao"> | ||
+ | <p class="saohua">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.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="duiyuan"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/f/f9/T--HZAU-China--lingyu.jpg" alt=""> | ||
+ | <div class="xingming">Lingyu Zhong</div> | ||
+ | <div class="jieshao"> | ||
+ | <p class="saohua">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.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="duiyuan"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/7/77/T--HZAU-China--hengheng.jpg" alt=""> | ||
+ | <div class="xingming">Heng Heng</div> | ||
+ | <div class="jieshao"> | ||
+ | <p class="saohua">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.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="duiyuan"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/e/ed/T--HZAU-China--zhuoqi.jpg" alt=""> | ||
+ | <div class="xingming">Zhuoqi Huang</div> | ||
+ | <div class="jieshao"> | ||
+ | <p class="saohua">Hello, my name is Zhuoqi Huang, a boy who come from a beautiful city | ||
+ | called | ||
+ | Jieyang. It is my honour to join in 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. In | ||
+ | next year , I hope I can make contribution to the drylab.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="duiyuan"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/8/84/T--HZAU-China--hangxi.jpg" alt=""> | ||
+ | <div class="xingming">Hangxi Fu</div> | ||
+ | <div class="jieshao"> | ||
+ | <p class="saohua">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.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="duiyuan"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/9/90/T--HZAU-China--qiqin.jpg" alt=""> | ||
+ | <div class="xingming">Mo Qiqin</div> | ||
+ | <div class="jieshao"> | ||
+ | <p class="saohua">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!</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="duiyuan"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/9/98/T--HZAU-China--songtao.jpg" alt=""> | ||
+ | <div class="xingming">Songtao Cheng</div> | ||
+ | <div class="jieshao"> | ||
+ | <p class="saohua">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!</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="duiyuan"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/b/ba/T--HZAU-China--ruonan.jpg" alt=""> | ||
+ | <div class="xingming">Ruonan Tian</div> | ||
+ | <div class="jieshao"> | ||
+ | <p class="saohua">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.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="duiyuan"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/3/34/T--HZAU-China--wenxin.jpg" alt=""> | ||
+ | <div class="xingming">Wenxin Hu</div> | ||
+ | <div class="jieshao"> | ||
+ | <p class="saohua">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!</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="duiyuan"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/a/ab/T--HZAU-China--yanghe.jpg" alt=""> | ||
+ | <div class="xingming">He Yang</div> | ||
+ | <div class="jieshao"> | ||
+ | <p class="saohua">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.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="duiyuan"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/a/ae/T--HZAU-China--yuying.jpg" alt=""> | ||
+ | <div class="xingming">Yuying Xiang</div> | ||
+ | <div class="jieshao"> | ||
+ | <p class="saohua">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!</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="duiyuan"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/2/20/T--HZAU-China--shuguang.jpg" alt=""> | ||
+ | <div class="xingming">Shuguang Wang</div> | ||
+ | <div class="jieshao"> | ||
+ | <p class="saohua">I majored in bioinformatics, a member of our model group. Designer of | ||
+ | the | ||
+ | Bacterial Colony Counter and coder of our wiki. </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="float02"> | ||
+ | <div class="h1">ADVISORS</div> | ||
+ | <div class="row"> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="laoshi"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/8/83/T--HZAU-China--kening.jpg" alt=""> | ||
+ | <div class="xingming">Kening Chen</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="laoshi"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/c/c0/T--HZAU-China--jinyu.jpg" alt=""> | ||
+ | <div class="xingming">Jinyu Wang</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="laoshi"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/5/56/T--HZAU-China--gang.jpg" alt=""> | ||
+ | <div class="xingming">Gang Cao</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="laoshi"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/7/7b/T--HZAU-China--hongyu.jpg" alt=""> | ||
+ | <div class="xingming">Hongyu Zhang</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="laoshi"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/2/2a/T--HZAU-China--donghai.jpg" alt=""> | ||
+ | <div class="xingming">Donghai Peng</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="laoshi"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/b/bd/T--HZAU-China--zhen.jpg" alt=""> | ||
+ | <div class="xingming">Zhen Cao</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="float03"> | ||
+ | <div class="h1">INSTRUCTORS</div> | ||
+ | <div class="row"> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="laoshi"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/e/e6/T--HZAU-China--binguang.jpg" alt=""> | ||
+ | <div class="xingming">Binguang Ma</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="laoshi"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/b/b4/T--HZAU-China--jin.jpg" alt=""> | ||
+ | <div class="xingming">Jin He</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-xs-6 col-sm-4 col-md-4 col-lg-3"> | ||
+ | <div class="laoshi"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/4/40/T--HZAU-China--shan.png" alt=""> | ||
+ | <div class="xingming"> Shan Li</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- 侧边 --> | ||
+ | <div class="cebian"> | ||
+ | <!-- 滚动菜单栏 --> | ||
+ | <div class="daohangyi"> | ||
+ | <span class="biaoti">Team</span> | ||
+ | <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/8/8d/T--HZAU-China--xjt.svg" alt=""></span> | ||
+ | </div> | ||
+ | <div class="floatCtro"> | ||
+ | <p class="daohanger">Memebers</p> | ||
+ | <p class="daohanger">Advisors</p> | ||
+ | <p class="daohanger">Instructors</p> | ||
+ | <a> | ||
+ | <span>Back to Top</span> | ||
+ | </a> | ||
+ | </div> | ||
+ | <!-- <div class="daohangyi"> --> | ||
+ | <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Attributions"> | ||
+ | <span class="biaoti">Attributions</span> | ||
+ | <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span> | ||
+ | </a> | ||
+ | <!-- </div> --> | ||
+ | <!-- <div class="daohangyi"> --> | ||
+ | <a class="daohangyi" href="https://2018.igem.org/Team:HZAU-China/Collaborations"> | ||
+ | <span class="biaoti">Collaborations</span> | ||
+ | <span class="xsjPic"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--HZAU-China--ysj.svg" alt=""></span> | ||
+ | </a> | ||
+ | <!-- </div> --> | ||
+ | <!-- 滚动菜单栏 --> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- 滚动菜单栏jQuery --> | ||
+ | <script src="jquery.js" type="text/javascript"></script> | ||
+ | <script> | ||
+ | $(function () { | ||
+ | var AllHet = $(window).height(); | ||
+ | var mainHet = $('.floatCtro').height(); | ||
+ | var fixedTop = (AllHet - mainHet) / 2 | ||
+ | // $('div.floatCtro').css({top:fixedTop+'px'}); | ||
+ | $('div.floatCtro p').click(function () { | ||
+ | var ind = $('div.floatCtro p').index(this) + 1; | ||
+ | var topVal = $('#float0' + ind).offset().top; | ||
+ | $('body,html').animate({ scrollTop: topVal }, 1000) | ||
+ | }) | ||
+ | $('div.floatCtro a').click(function () { | ||
+ | $('body,html').animate({ scrollTop: 0 }, 1000) | ||
+ | }) | ||
+ | $(window).scroll(scrolls) | ||
+ | scrolls() | ||
+ | function scrolls() { | ||
+ | var f1, f2, f3, bck; | ||
+ | var fixRight = $('div.floatCtro p'); | ||
+ | var blackTop = $('div.floatCtro a') | ||
+ | var sTop = $(window).scrollTop(); | ||
+ | fl = $('#float01').offset().top; | ||
+ | f2 = $('#float02').offset().top; | ||
+ | f3 = $('#float03').offset().top; | ||
+ | |||
+ | if (sTop <= f2 - 100) { | ||
+ | blackTop.fadeOut(300).css('display', 'none') | ||
+ | } | ||
+ | else { | ||
+ | blackTop.fadeIn(300).css('display', 'block') | ||
+ | } | ||
+ | |||
+ | if (sTop >= fl) { | ||
+ | fixRight.eq(0).addClass('cur').siblings().removeClass('cur'); | ||
+ | } | ||
+ | if (sTop >= f2 - 100) { | ||
+ | fixRight.eq(1).addClass('cur').siblings().removeClass('cur'); | ||
+ | } | ||
+ | if (sTop >= f3 - 100) { | ||
+ | fixRight.eq(2).addClass('cur').siblings().removeClass('cur'); | ||
+ | } | ||
+ | |||
+ | } | ||
+ | }) | ||
+ | </script> | ||
+ | <!-- 滚动菜单栏jQuery --> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 21:05, 1 October 2018
This year,I'm captain of the HZAU-China. I hope I can be a brilliant person like professor Li who is my goddess.
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.
Yini Miao, one of the model group, who are intrigued with modeling last year and always try her best to think and reflect.
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.
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.
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.
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.
Hello, my name is Zhuoqi Huang, a boy who come from a beautiful city called Jieyang. It is my honour to join in 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. In next year , I hope I can make contribution to the drylab.
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.
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!
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!
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.
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!
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.
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!
I majored in bioinformatics, a member of our model group. Designer of the Bacterial Colony Counter and coder of our wiki.