Difference between revisions of "Team:GZHS-United/CSS/common"

Line 1: Line 1:
 +
/* wiki通用 开始 */
 +
#sideMenu, #top_title {display:none;}
 +
#content { padding:0px; width:100%; margin-top:-12px; margin-left:0px;}
 +
.mw-content-ltr ul{margin: 0;}
 +
.slider{margin-top: -12px; margin-bottom: -2px;}
 +
/* wiki通用 结束 */
  
<html>
+
/* 导航栏 开始 */
<head>
+
.header-bottom {
<title>Team</title>
+
  border-bottom: 2px solid #78b907;
<link href="https://2017.igem.org/Team:GZHS-United/CSS/bootstrapmin?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
+
<script type="text/javascript" src="https://2017.igem.org/Team:GZHS-United/JS/jquerymin?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2017.igem.org/Team:GZHS-United/JS/bootstrapmin?action=raw&ctype=text/javascript"></script>
+
<link href="https://2017.igem.org/Team:GZHS-United/CSS/common?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
+
<style>
+
 
+
.content{
+
background: #7a7a7a;
+
 
}
 
}
.team-row{
+
#nav{
background: #fff;
+
  width:100%;
padding-top:20px;
+
  position:fixed;
 +
  top:0px;
 +
  _position:absolute;
 +
  _top:expression(documentElement.scrollTop + "px");
 +
  z-index:9999;
 +
  font-family: 'Arial Regular', serif;
 +
  background: #2A579A;
 +
  text-align: center;
 +
  padding: 1.5em 0 0.6em 0;
 
}
 
}
#team-top p{
+
.top-menu ul li{
text-align:left;
+
display: inline-block;
font-size: 1.3em;
+
    margin: 0 0 1em 0.5em;
+
    font-family: 'Roboto Slab', serif;
+
font-weight: 600;
+
 
}
 
}
.team-info img{
+
.top-menu ul li a{
width:100%;
+
  font-size: 1.2em;
margin: 30px 0 0 0;
+
  text-decoration: none;
 +
  margin: 0 0.5em;
 
}
 
}
.team-students{
+
.top-menu ul li a:hover {
background:#ccc;
+
  color: #323232;
padding-bottom:50px;
+
 
}
 
}
.team-students .member-name{
+
nav a {
position: absolute;
+
position: relative;
    top: 10%;
+
display: inline-block;
    left: 3%;
+
outline: none;
font-size: 2.2em;
+
color: #fff;
    font-family: 'Roboto Slab', serif;
+
text-decoration: none;
font-weight: 700;
+
letter-spacing: 1px;
color:#fff;
+
font-weight: 400;
 +
text-shadow: 0 0 1px rgba(255,255,255,0.3);
 +
font-size: 1.35em;
 
}
 
}
 
+
nav a:hover,
.team-advisors{
+
nav a:focus {
background:#fff;
+
outline: none;
padding-bottom:50px;
+
 
}
 
}
.team-advisors .member-name{
+
.cl-effect-5 a {
position: absolute;
+
overflow: hidden;
    top: 10%;
+
    left: 3%;
+
font-size: 1.8em;
+
    font-family: 'Roboto Slab', serif;
+
font-weight: 700;
+
color:#222;
+
 
}
 
}
 
+
.cl-effect-5 a span {
.team-instructors{
+
padding:2px;
background:#ccc;
+
position: relative;
padding-bottom:50px;
+
display: inline-block;
 +
    color: #fff;
 +
-webkit-transition: -webkit-transform 0.3s;
 +
-moz-transition: -moz-transform 0.3s;
 +
transition: transform 0.3s;
 
}
 
}
.team-instructors .member-name{
+
.cl-effect-5 a span::before {
 
position: absolute;
 
position: absolute;
    top: 10%;
+
top: 100%;
    left: 3%;
+
content: attr(data-hover);
font-size: 1.8em;
+
    font-family: 'Roboto Slab', serif;
+
 
font-weight: 700;
 
font-weight: 700;
color:#fff;
+
-webkit-transform: translate3d(0,0,0);
 +
-moz-transform: translate3d(0,0,0);
 +
transform: translate3d(0,0,0);
 
}
 
}
 
+
.cl-effect-5 a:hover span,
#member-name-noimg{
+
.cl-effect-5 a:focus span {
padding-top:30px;
+
-webkit-transform: translateY(-100%);
font-size: 1.8em;
+
-moz-transform: translateY(-100%);
    font-family: 'Roboto Slab', serif;
+
transform: translateY(-100%);
font-weight: 700;
+
color:#000;
+
 
}
 
}
#fig-description-noimg p{
+
.dropdown_menu {
padding-top:20px;
+
text-align:left;
+
font-size: 1.3em;
+
    margin: 0 0 1em 0.5em;
+
    font-family: 'Roboto Slab', serif;
+
font-weight: 600;
+
color:#000;
+
}
+
.team-pi{
+
 
background:#fff;
 
background:#fff;
padding-bottom:50px;
 
 
}
 
}
.team-pi .member-name{
+
.dropdown_menu>li {
position: absolute;
+
width:100%;
    top: 10%;
+
    left: 3%;
+
font-size: 2.3em;
+
    font-family: 'Roboto Slab', serif;
+
font-weight: 700;
+
color:#222;
+
 
}
 
}
 
+
.dropdown_title {
figure{
+
margin:0 10px;
    position: relative;
+
    overflow: hidden;
+
    width: 100%;
+
    float: right;
+
}
+
 
+
figcaption{
+
    position: absolute;
+
    top:0;
+
    left: 0;
+
width: 60%;
+
height: 100%;
+
overflow: hidden;
+
margin: 30px 0;
+
 
}
 
}
 +
/* 导航栏 结束 */
  
.fig figcaption .fig-description{
+
/* 内容 开始 */
padding-top: 15px;
+
.top_img{
 
width: 100%;
 
width: 100%;
height: 100%;
+
padding-bottom: 30px;
background-color: #67b267;
+
transition: All 0.4s ease-in-out;
+
-webkit-transition: All 0.4s ease-in-out;
+
-moz-transition: All 0.4s ease-in-out;
+
-o-transition: All 0.4s ease-in-out;
+
    transform: translate(-100%,0px);
+
-webkit-transform: translate(-100%,0px);
+
-moz-transform: translate(-100%,0px);
+
-o-transform: translate(-100%,0px);
+
-ms-transform: translate(-100%,0px);
+
 
}
 
}
.fig:hover figcaption .fig-description{
+
#GZHS_content{
    transform: translate(0px,0px);
+
background:#FFF5EE;
-webkit-transform: translate(0px,0px);
+
-moz-transform: translate(0px,0px);
+
-o-transform: translate(0px,0px);
+
-ms-transform: translate(0px,0px);
+
 
}
 
}
.fig .fig-img{
+
#GZHS_content h1 {
transition: All 0.4s ease-in-out;
+
text-align: left;
-webkit-transition: All 0.4s ease-in-out;
+
    font-size: 3em;
-moz-transition: All 0.4s ease-in-out;
+
text-transform: Uppercase;
-o-transition: All 0.4s ease-in-out;
+
    font-weight: 600;
 +
    font-family: 'Arial Regular', serif;
 
}
 
}
 
+
#GZHS_content h2 {
.fig:hover .fig-img{
+
    text-align: left;
     transform: translate(20%, 0);
+
     background: #ccc;
-webkit-transform: translate(20%, 0);
+
    line-height: 1em;
-moz-transform: translate(20%, 0);
+
    font-size: 2.5em;
-o-transform: translate(20%, 0);
+
    padding-top: 0px;
-ms-transform: translate(20%, 0);
+
    font-weight: 600;
 +
    font-family: 'Arial Regular', serif;
 
}
 
}
 
+
#GZHS_content h3 {
</style>
+
    text-align: left;
</head>
+
    font-size: 2em;
<body>
+
    font-weight: 600;
<div class="header-banner" id="head">
+
    font-family: 'Arial Regular', serif;
<div class="header-bottom">
+
}
<div class="fixed-header" id="nav">
+
#GZHS_content h4 {
<div class="container">
+
    text-align: left;
<div class="top-menu">
+
    font-size: 1.5em;
<ul>
+
    font-weight: 600;
<nav class="cl-effect-5">
+
    font-family: 'Arial Regular', serif;
<li><a  href="https://2017.igem.org/Team:GZHS-United"><span data-hover="HOME">HOME</span></a></li>
+
}
<li class="dropdown">
+
#GZHS_content p {
<a  class="dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown" href="#">
+
text-indent: 2em;
<span data-hover="TEAM">TEAM</span>
+
}
</a>
+
#GZHS_content p, #GZHS_content li {
<ul class="dropdown-menu dropdown_menu" role="menu" aria-labelledby="dropdownMenu1">
+
text-align: left;
<li role="presentation">
+
    font-size: 1.3em;
<a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Team">Team</a>
+
    font-weight: 500;
</li>
+
font-family: 'Arial Regular', serif;
<li role="presentation">
+
color: #2c3e50;
<a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Attributions">Attributions</a>
+
</li>
+
<li role="presentation">
+
<a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Collaborations">Collaborations</a>
+
</li>
+
</ul>
+
</li>
+
<li class="dropdown">
+
<a  class="dropdown-toggle" id="dropdownMenu2" data-toggle="dropdown" href="#">
+
<span data-hover="PROJECT">PROJECT</span>
+
</a>
+
<ul class="dropdown-menu dropdown_menu" role="menu" aria-labelledby="dropdownMenu2">
+
<li role="presentation">
+
<a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Description">Description</a>
+
</li>
+
<li role="presentation">
+
<a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Design">Design</a>
+
</li>
+
<li role="presentation">
+
<a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Experiments">Experiments</a>
+
</li>
+
</ul>
+
</li>
+
+
<li class="dropdown">
+
<a  class="dropdown-toggle" id="dropdownMenu3" data-toggle="dropdown" href="#">
+
<span data-hover="RESULTS">RESULTS</span>
+
</a>
+
<ul class="dropdown-menu dropdown_menu" role="menu" aria-labelledby="dropdownMenu3">
+
<li role="presentation">
+
<a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Results">Results</a>
+
</li>
+
<li role="presentation">
+
<a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Model">Modeling</a>
+
</li>
+
<li role="presentation">
+
<a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Demonstrate">Demonstrate</a>
+
</li>
+
<li role="presentation">
+
<a role="menuitem" tabindex="-1" href="#">Contribution</a>
+
</li>
+
</ul>
+
</li>
+
<li class="dropdown">
+
<a  class="dropdown-toggle" id="dropdownMenu4" data-toggle="dropdown" href="#">
+
<span data-hover="PARTS">PARTS</span>
+
</a>
+
<ul class="dropdown-menu dropdown_menu" role="menu" aria-labelledby="dropdownMenu4">
+
<li role="presentation">
+
<a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Parts">Parts</a>
+
</li>
+
</ul>
+
</li>
+
<li class="dropdown">
+
<a  class="dropdown-toggle" id="dropdownMenu5" data-toggle="dropdown" href="#">
+
<span data-hover="NOTEBOOK">NOTEBOOK</span>
+
</a>
+
<ul class="dropdown-menu dropdown_menu" role="menu" aria-labelledby="dropdownMenu5">
+
<li role="presentation">
+
<a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Gallery">Gallery</a>
+
</li>
+
<li role="presentation">
+
<a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Timeline">Timeline</a>
+
</li>
+
<li role="presentation">
+
<a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/InterLab">InterLab</a>
+
</li>
+
</ul>
+
</li>
+
<li class="dropdown">
+
<a  class="dropdown-toggle" id="dropdownMenu6" data-toggle="dropdown" href="#">
+
<span data-hover="SAFETY">SAFETY</span>
+
</a>
+
<ul class="dropdown-menu dropdown_menu" role="menu" aria-labelledby="dropdownMenu6">
+
<li role="presentation">
+
<a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Safety">Safety</a>
+
</li>
+
</ul>
+
</li>
+
<li class="dropdown">
+
<a  class="dropdown-toggle" id="dropdownMenu7" data-toggle="dropdown" href="#">
+
<span data-hover="HUMAN_PRACTICE" class="dropdown_title">HUMAN PRACTICE</span>
+
</a>
+
<ul class="dropdown-menu dropdown_menu" role="menu" aria-labelledby="dropdownMenu7">
+
<li role="presentation">
+
<a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/HP/Silver">Silver</a>
+
</li>
+
<li role="presentation">
+
<a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/HP/Gold_Integrated">Gold & Integrated</a>
+
</li>
+
<li role="presentation">
+
<a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Engagement">Public Engagement</a>
+
</li>
+
<li role="presentation">
+
<a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Entrepreneurship">Entrepreneurship</a>
+
</li>
+
</ul>
+
</li>
+
</nav>
+
</ul>
+
</div>
+
 
+
</div>
+
</div>
+
</div>
+
</div>
+
<div class="content" id="GZHS_content">
+
<div class="container team-row">
+
<div class="row" style="padding:30px 0;">
+
<div class="col-sm-12 col-md-12 col-lg-12" id="team-top">
+
<h1>Team & Members</h1>
+
<img src="https://static.igem.org/mediawiki/2017/9/97/T--GZHS-United--team_top.png" class="top_img">
+
<p>Our team is consisted by 3 different schools including Guangdong Experimental High School, Guangdong country garden school and  the Affiliated High School of South China Normal University. All of us are really big fans of Biology. By participating in this competition, most of us can learn a lot of knowledge that cannot acquire on the textbooks.</p>
+
</div>
+
</div>
+
<div class="row team-students">
+
<div class="col-sm-12 col-md-12 col-lg-12 team-title">
+
<h3>STUDENTS</h3>
+
</div>
+
<div class="col-sm-6 col-md-6 col-lg-6 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/2/2e/T--GZHS-United--1.QiyuanChen.jpg" class="fig-img">
+
<div class="member-name">Qiyuan Chen</div>
+
<figcaption>
+
<div class="fig-description autoscroll100">
+
<p>My name is Qiyuan Chen. I am 14 years old and studying in Guangdong Experimental Junior High School in grade 8. I love Biology since I was in grade 7. At the beginning, I thought that it is very interesting, so I was excited to search the large zone of biology. And then, I knew the Genetic Engineering and Synthetic Biology, I thought it is important to the future of the human. Now I join the big family of the iGEM. I hope the researching of the synthetic biology will deeper and deeper.
+
</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-6 col-md-6 col-lg-6 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/7/7b/T--GZHS-United--2.FeixueOuyanga.jpg" class="fig-img">
+
<div class="member-name">Feixue Ouyanga</div>
+
<figcaption>
+
<div class="fig-description">
+
<p>My name is Feixue Ouyang. I study at Guangdong Experimental Junior High School. I like swimming and playing computer games. Although I am only 14, I still have a great interest on biology. I think iGEM is a great chance to show ourselves, and I hope I can get a good score in the competition.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-6 col-md-6 col-lg-6 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/1/1a/T--GZHS-United--3.YuHe.jpg" class="fig-img">
+
<div class="member-name">Yu He</div>
+
<figcaption>
+
<div class="fig-description autoscroll200">
+
<p>My name is David, now I’m studying in the Guangdong country garden school, I’m major in biology now, because I’m interest in it, since I was a kid I have fascinated in animal and plants, I was reading biology books every weekend. After I step into the junior high school, I have learned more in biology, such as what is the human body system and what is the DNA and what is the gene engineering. I am really curious about DNA because DNA is just like the code of life. DNA is magical and stimulate me to discover more about it, that’s why I joined in iGEM competition and I wish I can achieve a great success in it.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-6 col-md-6 col-lg-6 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/a/ab/T--GZHS-United--4.BingquanLiang.jpg" class="fig-img">
+
<div class="member-name">Bingquan Liang</div>
+
<figcaption>
+
<div class="fig-description autoscroll200">
+
<p>My full name is Liang BingQuan, English name is Leo. Now I’m studying GuangDong Country Garden school, located at the south of China. I’m major in biology now, because my mom was a doctor before. Hence, in the future I might major in medicine at university. Also that is part of reasons why I would enjoy the iGEM competition game. As a helpful competition game, iGEM will be a useful material or kind of experience of the apply for my university. Genetic engineering act as a significant and valuable research field, i believe it will be a potential project in the future,  that is the main factor why I attend the iGEM.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-6 col-md-6 col-lg-6 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/b/b4/T--GZHS-United--5.YuanqiJin.jpg" class="fig-img">
+
<div class="member-name">Yuanqi Jin</div>
+
<figcaption>
+
<div class="fig-description autoscroll300">
+
<p>Yuanqi Jin (Demeter), IBDP1 student from Guangdong Country Garden School, responsible for Human Practice and Wiki in GZHS-United. She is major in psychology as well as biology since these disciplines about life are bewitching to her, and she would like to be a psychiatrist in the future. She got into the top 10% of British Biology Olympiad, and was one of the top students in the MYP biology class; she was one of the directors in the Graduation Gala and the Personal Project Exhibition of IBMYP grade 10; she has established the first psychology club in her school and directed two lawn parties in the first year and attracted over 200 participators each; she learnt psychology from a professor from PKU, found an online organization soon afterwards to provide aid for depression patients.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div><div class="col-sm-6 col-md-6 col-lg-6 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/8/88/T--GZHS-United--6.WeiyingOu.jpg" class="fig-img">
+
<div class="member-name">Weiying Ou</div>
+
<figcaption>
+
<div class="fig-description autoscroll200">
+
<p>My name is David, now I’m studying in the Guangdong country garden school, I’m major in biology now, because I’m interested in it. Since I was a kid I have fascinated in animal and plant, and I even read biology books every weekend. After I step into the junior high school, I have learnt more in biology, such as what is the human body system and what is the DNA and what is the gene engineering. I was surprised by DNA because human is constructed by it, that stimulate me to discover more about DNA, that’s why I join in iGEM competition and I wish I can do a good job in it.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-6 col-md-6 col-lg-6 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/d/df/T--GZHS-United--7.ZhengxiongLuo.jpg" class="fig-img">
+
<div class="member-name">Zhengxiong Luo</div>
+
<figcaption>
+
<div class="fig-description autoscroll100">
+
<p>My name is Zhengxiong Luo. I'm a male and fifteen years old. At present, I am studying at Guangdong Experimental High School. I've always like listening music and playing badminton. My favorite subject is English. I like the sentence:'Experience is the mother of wisdom'. So I always try my best to do everything well, and never give up easily. I like to participate in any competition. It not only gave me a wide range of vision, but also offered me a good opportunity to give full play to my creativity.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-6 col-md-6 col-lg-6 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/b/bb/T--GZHS-United--8.JinpengChen.jpg" class="fig-img">
+
<div class="member-name">Jinpeng Chen</div>
+
<figcaption>
+
<div class="fig-description autoscroll100">
+
<p>My name is Jinpeng Chen. I am 16years old.I come from Guangdong Experimental High School. I am very pleased to get the chance to participate in iGEM and meet so many interesting teammates. My hobbies include reading and playing badminton. Because playing badminton can make myself healthier andIcan devote more vigor to my work. I love reading because it can make myself peace, and concentrate on what I’m doing. It can always make my life full of knowledge and happiness.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-6 col-md-6 col-lg-6 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/2/2b/T--GZHS-United--9.WentaoYang.jpg" class="fig-img">
+
<div class="member-name">Wentao Yang</div>
+
<figcaption>
+
<div class="fig-description autoscroll300">
+
<p>My name is Wentao Yang and I’ve also got an English name called Michael. I am a high school student who is studying in Guangdong Experimental high school. I think I am someone who is really introverted. But I have a lot of hobbies and interests and I’m really good at them such as piano, badminton and bird-watching. I always look forward to getting along well with others but I do not know exactly what I should do. However, I always summarize what I have done correctly or falsely. Thus, I can know exactly what I should do and how I will do in the future to make my life splendid. As a result, I will grow up to be a better person than yesterday. I like the current me which make me pleased.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-6 col-md-6 col-lg-6 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/3/3e/T--GZHS-United--10.Wanxuanjin.jpg" class="fig-img">
+
<div class="member-name">Wanxuan jin</div>
+
<figcaption>
+
<div class="fig-description autoscroll400">
+
<p>We All Need Makeovers From Time To Time.” During the preparation for IGEM, I am not only a student from Guangdong Experimental High School, but also an explorer who has the spirit of scientific innovation. I am an extrovert and a deep thinker. I like reading books and making new friends. Among all my hobbies, the favorite one is reading. When I was a little girl, I love reading comic books. When I’m getting old, I love fiction very much. I have so much fun from reading. My favorite fiction is Pride and Prejudice. It not only provides knowledge, but also teaches me the right attitude toward life. I think reading makes my life complete. I will keep on reading in order to achieve my dream in the future.  Being a pediatric surgeon is my dream career because I firmly believe that your job should be something you are passionate about.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-6 col-md-6 col-lg-6 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/3/3d/T--GZHS-United--11.YinghuiWang.jpg" class="fig-img">
+
<div class="member-name">Yinghui Wang</div>
+
<figcaption>
+
<div class="fig-description">
+
<p>This is Yinghui Wang. I’m a sci-fi lover (especially cyber punk), and I am glad that I have a chance to get close to  synthesis biology - a fascinating field contenting most of my imagination of near future biotechnology. Besides, I’m really good at making gel and the blank control of PCR (although not intentionally).</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-6 col-md-6 col-lg-6 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/6/63/T--GZHS-United--12.AbigailLiu.jpg" class="fig-img">
+
<div class="member-name">Abigail Liu</div>
+
<figcaption>
+
<div class="fig-description autoscroll600">
+
<p>Abigail Liu, 17 years old, a student of Guangdong Country Garden School. Before she stepped into CGS, Biology was nothing more than a compulsory subject. Afterwards, she realized that Biology is not merely about adorable animals: it is about unraveling the mystery of organisms and utilizing the answers to promote human development. Some people don't understand how miraculous Biology is for her: the essence of Biology is invisible to the naked eye and every function that keeps you alive is underway unwittingly at the moment; non-living organic chemicals combines together to become a cell, even an organism, which can operate like a precise instrument; currently, we can even artificially create living entities. The first Biology competition she has entered for now is British Biology Olympiad 2017 in which she won the Highly Commended Award. At present, she is devoting herself to International Genetically Engineered Machine Competition and trying to impress everyone including herself. She knows deeply that she is not the best, but she is making progress with all her ardent love to Biology.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-6 col-md-6 col-lg-6 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/3/39/T--GZHS-United--13.YunChen.jpg" class="fig-img">
+
<div class="member-name">Yun Chen</div>
+
<figcaption>
+
<div class="fig-description autoscroll200">
+
<p>I’m Winnie Chen from the team GZSH-United. I love biology because once I facing the mystery of lives, I will feel a kind of glory of natural world. Especially for genes, the key part of a living thing, its every combination and expression shows a delicate contact between every lives; and that’s what amazed me. In addition, I also like to some other things in my spare time such as painting and playing bridge which is a kind of card game. By doing these, I may feel a kind of peace with passion inside. Actually, peace and passion are not in the opposite but can exactly show what you like to do.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-6 col-md-6 col-lg-6 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/e/e6/T--GZHS-United--14.Yuan.jpg" class="fig-img">
+
<div class="member-name">Weiqian Yuan</div>
+
<figcaption>
+
<div class="fig-description autoscroll700">
+
<p>My name is Weiqian Yuan. I am 14 years old. I shall be a grade 9 student of Guangdong Experimental High School in Sept. 2017.<br>
+
Being as a high school student, I not only study hard my school courses, but also have many hobbies. I am good at mathematics, physics and history. My most favorite subject is history. I like reading because it can broaden my vision. Since one of my hobbies is collecting ancient coins, I read many books about Chinese history and archaeology of ancient coins, which help me to learn broad and profound Chinese culture. My other hobbies are paleobiology, stock investment and swimming. I like swimming because it makes me feel happy and strengthens my body.<br>
+
During this summer holidays in July 2017, I took part in a business imitation challenge hosted by The Economic Association of the Affiliated High School of South China Normal University, HFI Finance Club and Financial and Economic Association Union of the Pearl River Delta. I beat the other grade 11 students and won two prizes of the Best Design Institute and Best Trader. I also took part in Guangdong Geography Olympiad and won the second prize.<br>
+
I like the sentence of nothing is impossible. I do all my best endeavors to every challenge and never give up easily.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
</div>
+
<div class="row team-advisors">
+
<div class="col-sm-12 col-md-12 col-lg-12 team-title">
+
<h3>ADVISTOR</h3>
+
</div>
+
<div class="col-sm-4 col-md-4 col-lg-4 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/2/28/T--GZHS-United--1.ShangjieZou.jpg" class="fig-img">
+
<div class="member-name">Shangjie Zou</div>
+
<figcaption>
+
<div class="fig-description autoscroll100">
+
<p>I am an undergraduate student from South China Agricultural University. <br>
+
The main work I’ve done as an advisor in this team is giving comments and suggestions for presentation and modeling. I look myself as a natural historian and my dream is to explore the whole world, take adventures and figure out how nature is working.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-4 col-md-4 col-lg-4 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/3/36/T--GZHS-United--2.RongWang.jpg" class="fig-img">
+
<div class="member-name">Rong Wang</div>
+
<figcaption>
+
<div class="fig-description">
+
<p>Wangrong, a designer in our team. In this team ,I take charge of design the poster and wiki. My major is biotechnology. I like playing basketball,drawing and learning new things. I f you have any question about our wiki or poster,you can send email to me.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-4 col-md-4 col-lg-4 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/8/8b/T--GZHS-United--3.YunpingLin.jpg" class="fig-img">
+
<div class="member-name">Yunping Lin</div>
+
<figcaption>
+
<div class="fig-description">
+
<p>m Yunping Lin and this is my forth year of college.I major in Biological science and I'm responsible for mathematical modeling and wiki design in our team.Many things in our daily life can excite my curiosity,by the way,meeting bizarra things is a greet treat for me.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-4 col-md-4 col-lg-4 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/6/69/T--GZHS-United--4.JunyuChen.jpg" class="fig-img">
+
<div class="member-name">Junyu Chen</div>
+
<figcaption>
+
<div class="fig-description autoscroll200">
+
<p>My name is Chen Junyu and I am a senior student majoring in bioscience. I am an introvert with few words and I enjoy the time I stay alone. When doing experiments, I feel calm and I would concentrate on the things I am working on. I favour in Japanese animation thus out-door activities do not attract me as the animation do to me. In my team, I am responsible for constructing standard basic part and testifying the antioxidation of astaxanthin.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-4 col-md-4 col-lg-4 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/4/4d/T--GZHS-United--5.XuechengLi.jpg" class="fig-img">
+
<div class="member-name">Xuecheng Li</div>
+
<figcaption>
+
<div class="fig-description autoscroll200">
+
<p>My name is Xuecheng Li and I am a senior student who major in biology. In Chinese, my first name “xuecheng” means doing a good job in study. So my partner would like to call me ”the god of study” and I enjoy this nickname very much. I don’t have too many talents except daydreaming. In my team, I am responsible for some translation work and some human practice work. Finally, the most important of me——my lucky number is 7 and my favorite is “double seven”(77)</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-4 col-md-4 col-lg-4 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/a/ac/T--GZHS-United--6.JianbangLin.jpg" class="fig-img">
+
<div class="member-name">Jianbang Lin</div>
+
<figcaption>
+
<div class="fig-description autoscroll200">
+
<p>My name is Jianbang Lin. I’m a senior in College of Life Sciences. In this team, I am one of the member of wet-lab team.I am so glad to meet so many brilliant teammates. During this process,I have learned how to plan ahead and work efficiently in a scientific environment along side my teammates. I love iGEM because it is really cool getting to do really awesome lab work that I have never thought, and I can see what other people my age and university students around the world are doing.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-4 col-md-4 col-lg-4 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/a/ac/T--GZHS-United--7.ZhigangFeng.jpg" class="fig-img">
+
<div class="member-name">Zhigang Feng</div>
+
<figcaption>
+
<div class="fig-description autoscroll700">
+
<p>My name is Zhigang Feng , majored in Biology. An idea, a team, a legendary tour. This is me in the eyes of the iGEM.<br>
+
Before that, I'm not sure whether high school students know how to return a responsibility, iGEM for them is a piece of blank paper. A year from hiring, topic selection, experiment, modeling,and speech to complete for themselves, the depth of the scientific research experience is difficult to obtain elsewhere. In addition, iGEM also let me feel the team's strong, big to the project, wiki, speech of who will bear responsibility. Small to the campus propaganda, budgets. No one trust each other, the team cooperation tacit understanding is made. As their advicer, I would be glad to share what I know and they, and provide them with some of the ideas. I am very happy with high school students experience igem, they let me know what we can do many things, to find that textbooks of the real world.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-4 col-md-4 col-lg-4 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/8/89/T--GZHS-United--8.PengDeng.jpg" class="fig-img">
+
<div class="member-name">Peng Deng</div>
+
<figcaption>
+
<div class="fig-description autoscroll200">
+
<p>I’m Peng Deng, 21 years old , coming from China. I’m one of the junior students in Sun Yat-sen university and be majored in life science. I joined in the GDSYZX-United team and took part in the iGEM competition as an advisor. My work is mainly in charge of the improvement of professional words and oral English. Meanwhile, I have also given some guidance to the team members for the experiment.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-4 col-md-4 col-lg-4 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/b/b5/T--GZHS-United--9.JinjinKe.jpg" class="fig-img">
+
<div class="member-name">Jinjin Ke</div>
+
<figcaption>
+
<div class="fig-description">
+
<p>I’m Jinjin Ke, 36 years old , coming from China. I joined in the GDSYZX-United team and took part in the iGEM competition as an advisor. Before this, I have worked on education career for many years.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-4 col-md-4 col-lg-4 team-info">
+
<figure class="fig">
+
<figcaption>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-4 col-md-4 col-lg-4 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/a/a7/T--GZHS-United--10.ShiyaoFeng.jpg" class="fig-img">
+
<div class="member-name">Siyao Feng</div>
+
<figcaption>
+
<div class="fig-description">
+
<p>Siyao Feng, an advisor who graduated from China University of Geosciences. We really appreciated her giving us some expert advises in art design, from poster to wiki.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
</div>
+
<div class="row team-instructors">
+
<div class="col-sm-12 col-md-12 col-lg-12 team-title">
+
<h3>INSTRUCTORS</h3>
+
</div>
+
<div class="col-sm-4 col-md-4 col-lg-4 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/f/f2/T--GZHS-United--Instructors_1.jpg" class="fig-img">
+
<div class="member-name">Hanyan Quan</div>
+
<figcaption>
+
<div class="fig-description autoscroll100">
+
<p>Hanyan Quan, who is the president of Guangdong Experimental High School, was in charge of iGEM of Guangdong Experimental High School for the past 3 years. He thought highly of our team and project and gave us remarkable support from apparatus to guides.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-4 col-md-4 col-lg-4 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/b/bf/T--GZHS-United--Instructors_3.jpg" class="fig-img">
+
<div class="member-name">Yishun Zhang</div>
+
<figcaption>
+
<div class="fig-description">
+
<p>Yishun Zhang is a laboratory chief of the Teaching Center of Biology Experiment. He is an experienced and patient advisor. And he gave us some training about the safety and regulation of lab.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-4 col-md-4 col-lg-4 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/2/26/T--GZHS-United--Instructors_4.jpg" class="fig-img">
+
<div class="member-name">Xiaohong Qiu</div>
+
<figcaption>
+
<div class="fig-description">
+
<p>Xiaohong Qiu is a experienced biology teacher of Guangdong Experimental Middle School who has guided her students to win prizes in various biology-related competitions for several years.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-12 col-md-12 col-lg-12 team-info">
+
<div id="member-name-noimg">Jianer Wu</div>
+
<div id="fig-description-noimg">
+
<p>Jianer Wu is a laboratory chief of the Teaching Center of Biology Experiment. She is experienced and patient, she was in charge of the apparatus and helped us to do some preparations for experiences.</p>
+
</div>
+
</div>
+
</div>
+
<div class="row team-pi">
+
<div class="col-sm-12 col-md-12 col-lg-12 team-title">
+
<h3>PI</h3>
+
</div>
+
<div class="col-sm-6 col-md-6 col-lg-6 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/1/17/T--GZHS-United--PI_1.jpg" class="fig-img">
+
<div class="member-name">Honglei Jin</div>
+
<figcaption>
+
<div class="fig-description">
+
<p>A young professor of biology in SUN YAT-SEN University who is excellent in the field of Plant Molecular Biology. The idea of our project was originally based on the project that he had done. He guided us throughout the whole training, from project selecting, project initialization management to program construction.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
<div class="col-sm-6 col-md-6 col-lg-6 team-info">
+
<figure class="fig">
+
<img src="https://static.igem.org/mediawiki/2017/4/40/T--GZHS-United--PI_2.jpg" class="fig-img">
+
<div class="member-name">Jiabao Xu</div>
+
<figcaption>
+
<div class="fig-description">
+
<p>Jiabao Xu is a postdoctor from Southern Medical University. She specialized in infectious disease and pathogen biology with special focus on dengue and zika virus vectors, studying population genetics, epidemiology and molecular biology of pathogens and vectors.</p>
+
</div>
+
</figcaption>
+
</figure>
+
</div>
+
</div>
+
</div>
+
</div>
+
</body>
+
<script>
+
$(document).ready(function(){
+
dropdownOpen();
+
$(".team-students figcaption").height($("figure").children("img").height());
+
$(".autoscroll100").hover(function(){
+
$(".autoscroll100").find("p").animate({
+
marginTop: "-100px"},3000);
+
},function(){
+
$(".autoscroll100").find("p").animate({
+
marginTop: "0px"});
+
});
+
$(".autoscroll200").hover(function(){
+
$(".autoscroll200").find("p").animate({
+
marginTop: "-200px"},4000);
+
},function(){
+
$(".autoscroll200").find("p").animate({
+
marginTop: "0px"});
+
});
+
$(".autoscroll300").hover(function(){
+
$(".autoscroll300").find("p").animate({
+
marginTop: "-300px"},5000);
+
},function(){
+
$(".autoscroll300").find("p").animate({
+
marginTop: "0px"});
+
});
+
$(".autoscroll400").hover(function(){
+
$(".autoscroll400").find("p").animate({
+
marginTop: "-400px"},6000);
+
},function(){
+
$(".autoscroll400").find("p").animate({
+
marginTop: "0px"});
+
});
+
$(".autoscroll500").hover(function(){
+
$(".autoscroll500").find("p").animate({
+
marginTop: "-500px"},7000);
+
},function(){
+
$(".autoscroll500").find("p").animate({
+
marginTop: "0px"});
+
});
+
$(".autoscroll600").hover(function(){
+
$(".autoscroll600").find("p").animate({
+
marginTop: "-600px"},8000);
+
},function(){
+
$(".autoscroll600").find("p").animate({
+
marginTop: "0px"});
+
});
+
$(".autoscroll700").hover(function(){
+
$(".autoscroll700").find("p").animate({
+
marginTop: "-700px"},9000);
+
},function(){
+
$(".autoscroll700").find("p").animate({
+
marginTop: "0px"});
+
});
+
$(".autoscroll800").hover(function(){
+
$(".autoscroll800").find("p").animate({
+
marginTop: "-800px"},10000);
+
},function(){
+
$(".autoscroll800").find("p").animate({
+
marginTop: "0px"});
+
});
+
$(".autoscroll900").hover(function(){
+
$(".autoscroll900").find("p").animate({
+
marginTop: "-900px"},11000);
+
},function(){
+
$(".autoscroll900").find("p").animate({
+
marginTop: "0px"});
+
});
+
});
+
function dropdownOpen() {
+
    var $dropdownLi = $('li.dropdown');
+
    $dropdownLi.mouseover(function() {
+
        $(this).addClass('open');
+
    }).mouseout(function() {
+
        $(this).removeClass('open');
+
    });
+
 
}
 
}
</script>
+
/* 内容 结束 */
</html>
+

Revision as of 14:10, 22 October 2017

/* wiki通用 开始 */

  1. sideMenu, #top_title {display:none;}
  2. content { padding:0px; width:100%; margin-top:-12px; margin-left:0px;}

.mw-content-ltr ul{margin: 0;} .slider{margin-top: -12px; margin-bottom: -2px;} /* wiki通用 结束 */

/* 导航栏 开始 */ .header-bottom {

 border-bottom: 2px solid #78b907;

}

  1. nav{
 width:100%;
 position:fixed;
 top:0px;
 _position:absolute;
 _top:expression(documentElement.scrollTop + "px"); 
 z-index:9999;
 font-family: 'Arial Regular', serif;
 background: #2A579A;
 text-align: center;
 padding: 1.5em 0 0.6em 0;

} .top-menu ul li{ display: inline-block; } .top-menu ul li a{

 font-size: 1.2em;
 text-decoration: none;
 margin: 0 0.5em;

} .top-menu ul li a:hover {

 color: #323232;

} nav a { position: relative; display: inline-block; outline: none; color: #fff; text-decoration: none; letter-spacing: 1px; font-weight: 400; text-shadow: 0 0 1px rgba(255,255,255,0.3); font-size: 1.35em; } nav a:hover, nav a:focus { outline: none; } .cl-effect-5 a { overflow: hidden; } .cl-effect-5 a span { padding:2px; position: relative; display: inline-block;

   color: #fff;

-webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .cl-effect-5 a span::before { position: absolute; top: 100%; content: attr(data-hover); font-weight: 700; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .cl-effect-5 a:hover span, .cl-effect-5 a:focus span { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } .dropdown_menu { background:#fff; } .dropdown_menu>li { width:100%; } .dropdown_title { margin:0 10px; } /* 导航栏 结束 */

/* 内容 开始 */ .top_img{ width: 100%; padding-bottom: 30px; }

  1. GZHS_content{

background:#FFF5EE; }

  1. GZHS_content h1 {

text-align: left;

   font-size: 3em;

text-transform: Uppercase;

   font-weight: 600;
   font-family: 'Arial Regular', serif;

}

  1. GZHS_content h2 {
   text-align: left;
   background: #ccc;
   line-height: 1em;
   font-size: 2.5em;
   padding-top: 0px;
   font-weight: 600;
   font-family: 'Arial Regular', serif;

}

  1. GZHS_content h3 {
   text-align: left;
   font-size: 2em;
   font-weight: 600;
   font-family: 'Arial Regular', serif;

}

  1. GZHS_content h4 {
   text-align: left;
   font-size: 1.5em;
   font-weight: 600;
   font-family: 'Arial Regular', serif;

}

  1. GZHS_content p {

text-indent: 2em; }

  1. GZHS_content p, #GZHS_content li {

text-align: left;

   font-size: 1.3em;
   font-weight: 500;

font-family: 'Arial Regular', serif; color: #2c3e50; } /* 内容 结束 */