Difference between revisions of "Team:CHINA CD UESTC/Members"

Line 194: Line 194:
 
</div>
 
</div>
  
 +
 +
 +
 +
 +
</div>
 +
</div>
 +
</div>
 +
 +
</body>
 +
</html>
 +
{{Template:Team:CHINA_CD_UESTC/menu}}
 +
 +
<!DOCTYPE html>
 +
<!-- saved from url=(0028)http://www.whitefrontier.ch/ -->
 +
<html lang="en" class="js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths wf-brandongrotesque-i4-active wf-brandongrotesque-i7-active wf-brandongrotesque-n4-active wf-brandongrotesque-n7-active wf-dincondensedweb-n4-active wf-freightbigpro-i4-active wf-freightbigpro-i7-active wf-freightbigpro-n4-active wf-freightbigpro-n7-active wf-active">
 +
<head>
 +
 +
<link rel="stylesheet" href="https://2015.igem.org/Team:CHINA_CD_UESTC/Template:RightStyle.css?action=raw&ctype=text/css" type="text/css" />
 +
</head>
 +
<style type="text/css">
 +
/*************************************************
 +
whole right section
 +
https://static.igem.org/mediawiki/2015/4/44/CHINA_CD_UESTC_TEAMbg.jpg
 +
background-size: 180px;
 +
 +
***********************************************/
 +
#RightSection {
 +
position: fixed;
 +
left: 260px;
 +
top: 0;
 +
right: 0;
 +
height:100%;
 +
background:#F0F0F0;
 +
background-image:url("https://static.igem.org/mediawiki/2015/4/44/CHINA_CD_UESTC_TEAMbg.jpg");
 +
overflow-y: scroll;
 +
background-repeat: repeat;
 +
transition: all 200ms ease-out;
 +
transform: translate3d(0, 0, 0);
 +
z-index:1;
 +
 +
}
 +
/*************************************************
 +
first title
 +
***********************************************/
 +
#title {
 +
    position: fixed;
 +
font-size: 80px;
 +
left:450px;
 +
z-index: 5;
 +
 +
}
 +
#firstTitle {
 +
font-family:  Arial, Helvetica, sans-serif;
 +
    position: fixed;
 +
margin-top:0;
 +
    margin-bottom:0;
 +
top: 30px;
 +
font-size: 80px;
 +
left:450px;
 +
color: #FFD306;
 +
overflow: hidden;
 +
 +
}
 +
 +
/*************************************************
 +
second title
 +
***********************************************/
 +
#secondTitle {
 +
font-family:Arial, Helvetica, sans-serif;
 +
    font-weight:bold;
 +
    position: fixed;
 +
font-size: 80px;
 +
margin-top: 150px;
 +
left: 470px;
 +
color: #FFD306;
 +
 +
}
 +
span.secondTitle {
 +
display: inline-block;
 +
font-size: 40px;
 +
font-weight: normal;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-style: italic;
 +
}
 +
span.intro_line {
 +
background-color:#FFD306;
 +
width: 200px;
 +
height: 3px;
 +
display: inline-block;
 +
margin: 0 20px 12px 20px;
 +
}
 +
/*************************************************
 +
right text frame container
 +
***********************************************/
 +
#RightContent {
 +
float: right;
 +
position: fixed;
 +
left: 260px;
 +
top: 0px;
 +
right: 0;
 +
height:100%;
 +
overflow-y: scroll;
 +
transition: all 200ms ease-out;
 +
transform: translate3d(0, 0, 0);
 +
z-index:5;
 +
 +
}
 +
.transparent_class  {
 +
border-radius: 0px;
 +
position: absolute;
 +
top: 350px;
 +
left: 50px;
 +
right: 50px;
 +
background-color: #0072E3;
 +
color:#000000;
 +
filter:alpha(opacity=80);
 +
-moz-opacity:0.8;
 +
-khtml-opacity: 0.8;
 +
opacity: 0.8;
 +
}
 +
.blockWords{
 +
font-family:Arial, Helvetica, sans-serif;
 +
font-size: 17px;
 +
padding: 15px;
 +
color: #ffffff;
 +
}
 +
/*************************************************
 +
testtext
 +
***********************************************/
 +
#RightContentText {
 +
position: absolute;
 +
top: 510px;
 +
left:18px;
 +
right:18px;
 +
background:#FFFFFF;
 +
color: #000000;
 +
transition: all 200ms ease-out;
 +
transform: translate3d(0, 0, 0);
 +
}
 +
 +
@media (min-width: 540px) {
 +
  #firstTitle {font-size: 30px;}
 +
span.secondTitle {font-size: 10px;}
 +
}
 +
@media (min-width: 768px) {
 +
 +
  #firstTitle {font-size: 40px;}
 +
span.secondTitle {font-size: 20px;}
 +
 +
}
 +
 +
 +
@media (min-width: 992px) {
 +
 +
  #firstTitle {font-size: 60px;}
 +
span.secondTitle {font-size: 30px;}
 +
 +
}
 +
 +
@media (min-width: 1200px) {
 +
  #firstTitle {font-size: 80px;}
 +
span.secondTitle {font-size: 40px;}
 +
 +
  }
 +
#content{
 +
height:90px;
 +
}
 +
</style>
 +
<body id="homeIndexBody">
 +
<div id="RightSection"></div>
 +
 +
<div id="title">
 +
 +
<div id="firstTitle"><p><B>MEET OUR TEAM</B></p></div>
 +
<div id="secondTitle"><span class="intro_line"></span><span class="secondTitle">Members</span><span class="intro_line"></span><br></div>
 +
</div>
 +
 +
<div id="RightContent">
 +
<div class="transparent_class ">
 +
<p class="blockWords">&nbsp;&nbsp;We are a skillful and persistent group of nine Finns. We started as a group of students who didn't really know each other, assuming that we were going to spend our summer studying synthetic biology with strange colleagues. In the end we got a bunch of new friends and (in addition to studying synthetic biology) we just might have spent one of the best summers of our lives.</p>
 +
</div>
 +
 +
<div id="RightContentText">
 +
 +
 +
<div class="slide" id="slide12" data-slide="12" data-stellar-background-ratio="0.5" style="background-position: 0px -1159px;">
 +
<div class="container clearfix">
 +
 +
<div id="content" class="grid_12">
 +
<h2>Leader</h2>
 +
</div>
 +
<div class="clear"></div>
 +
 +
<div class="grid_12">
 +
<div class="client_foto">
 +
<img src="https://static.igem.org/mediawiki/2015/1/1c/CD_UESTC_backside-montfort-wide-setup.png">
 +
</div>
 +
<h5>Zhang Kaiyue</h5>
 +
<p>Nullam aliquam, mauris sit amet convallis condimentum, massa tortor pretium magna, vitae rutrum libero nibh vitae nisl. Sed imperdiet dictum sapien. Mauris tortor massa, euismod eu rhoncus dignissim, ultrices at leo. Donec gravida, lorem ac sollicitudin</p>
 +
</div>
 +
<div class="clear"></div>
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
<div class="slide" id="slide12" data-slide="12" data-stellar-background-ratio="0.5" style="background-position: 0px -1159px;">
 +
<div class="container clearfix">
 +
 +
<div id="content" class="grid_12">
 +
<h2>Leader</h2>
 +
</div>
 +
<div class="clear"></div>
 +
 +
<div class="grid_12">
 +
<div class="client_foto">
 +
<img src="https://static.igem.org/mediawiki/2015/1/1c/CD_UESTC_backside-montfort-wide-setup.png">
 +
</div>
 +
<h5>Zhang Kaiyue</h5>
 +
<p>Nullam aliquam, mauris sit amet convallis condimentum, massa tortor pretium magna, vitae rutrum libero nibh vitae nisl. Sed imperdiet dictum sapien. Mauris tortor massa, euismod eu rhoncus dignissim, ultrices at leo. Donec gravida, lorem ac sollicitudin</p>
 +
</div>
 +
<div class="clear"></div>
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
<div class="slide" id="slide12" data-slide="12" data-stellar-background-ratio="0.5" style="background-position: 0px -1159px;">
 +
<div class="container clearfix">
 +
 +
<div id="content" class="grid_12">
 +
<h2>Leader</h2>
 +
</div>
 +
<div class="clear"></div>
 +
 +
<div class="grid_12">
 +
<div class="client_foto">
 +
<img src="https://static.igem.org/mediawiki/2015/1/1c/CD_UESTC_backside-montfort-wide-setup.png">
 +
</div>
 +
<h5>Zhang Kaiyue</h5>
 +
<p>Nullam aliquam, mauris sit amet convallis condimentum, massa tortor pretium magna, vitae rutrum libero nibh vitae nisl. Sed imperdiet dictum sapien. Mauris tortor massa, euismod eu rhoncus dignissim, ultrices at leo. Donec gravida, lorem ac sollicitudin</p>
 +
</div>
 +
<div class="clear"></div>
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
<div class="slide" id="slide12" data-slide="12" data-stellar-background-ratio="0.5" style="background-position: 0px -1159px;">
 +
<div class="container clearfix">
 +
 +
<div id="content" class="grid_12">
 +
<h2>Leader</h2>
 +
</div>
 +
<div class="clear"></div>
 +
 +
<div class="grid_12">
 +
<div class="client_foto">
 +
<img src="https://static.igem.org/mediawiki/2015/1/1c/CD_UESTC_backside-montfort-wide-setup.png">
 +
</div>
 +
<h5>Zhang Kaiyue</h5>
 +
<p>Nullam aliquam, mauris sit amet convallis condimentum, massa tortor pretium magna, vitae rutrum libero nibh vitae nisl. Sed imperdiet dictum sapien. Mauris tortor massa, euismod eu rhoncus dignissim, ultrices at leo. Donec gravida, lorem ac sollicitudin</p>
 +
</div>
 +
<div class="clear"></div>
 +
 +
</div>
 +
</div>
  
  

Revision as of 15:15, 17 June 2015

<!DOCTYPE html>

MEET OUR TEAM

Members

  We are a skillful and persistent group of nine Finns. We started as a group of students who didn't really know each other, assuming that we were going to spend our summer studying synthetic biology with strange colleagues. In the end we got a bunch of new friends and (in addition to studying synthetic biology) we just might have spent one of the best summers of our lives.

Leader

Zhang Kaiyue

Nullam aliquam, mauris sit amet convallis condimentum, massa tortor pretium magna, vitae rutrum libero nibh vitae nisl. Sed imperdiet dictum sapien. Mauris tortor massa, euismod eu rhoncus dignissim, ultrices at leo. Donec gravida, lorem ac sollicitudin

<!DOCTYPE html>

MEET OUR TEAM

Members

  We are a skillful and persistent group of nine Finns. We started as a group of students who didn't really know each other, assuming that we were going to spend our summer studying synthetic biology with strange colleagues. In the end we got a bunch of new friends and (in addition to studying synthetic biology) we just might have spent one of the best summers of our lives.

Leader

Zhang Kaiyue

Nullam aliquam, mauris sit amet convallis condimentum, massa tortor pretium magna, vitae rutrum libero nibh vitae nisl. Sed imperdiet dictum sapien. Mauris tortor massa, euismod eu rhoncus dignissim, ultrices at leo. Donec gravida, lorem ac sollicitudin

Leader

Zhang Kaiyue

Nullam aliquam, mauris sit amet convallis condimentum, massa tortor pretium magna, vitae rutrum libero nibh vitae nisl. Sed imperdiet dictum sapien. Mauris tortor massa, euismod eu rhoncus dignissim, ultrices at leo. Donec gravida, lorem ac sollicitudin

Leader

Zhang Kaiyue

Nullam aliquam, mauris sit amet convallis condimentum, massa tortor pretium magna, vitae rutrum libero nibh vitae nisl. Sed imperdiet dictum sapien. Mauris tortor massa, euismod eu rhoncus dignissim, ultrices at leo. Donec gravida, lorem ac sollicitudin

Leader

Zhang Kaiyue

Nullam aliquam, mauris sit amet convallis condimentum, massa tortor pretium magna, vitae rutrum libero nibh vitae nisl. Sed imperdiet dictum sapien. Mauris tortor massa, euismod eu rhoncus dignissim, ultrices at leo. Donec gravida, lorem ac sollicitudin