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

Line 1: Line 1:
 
{{Template:Team:CHINA_CD_UESTC/menu}}
 
{{Template:Team:CHINA_CD_UESTC/menu}}
 
 
<!DOCTYPE html>
 
<!DOCTYPE html>
 
<html>
 
<html>
Line 7: Line 6:
 
<link rel="stylesheet" href="https://2015.igem.org/Team:CHINA_CD_UESTC/Template:RightStyle.css?action=raw&ctype=text/css" type="text/css" />
 
<link rel="stylesheet" href="https://2015.igem.org/Team:CHINA_CD_UESTC/Template:RightStyle.css?action=raw&ctype=text/css" type="text/css" />
 
</head>
 
</head>
<style type="text/css">
+
<style type="text/css">
 
/*************************************************
 
/*************************************************
 
whole right section
 
whole right section
Line 40: Line 39:
 
font-style:normal;
 
font-style:normal;
 
line-height:36px;
 
line-height:36px;
color:#3e3e3e;
 
 
}
 
}
  
Line 46: Line 44:
 
left:600px;
 
left:600px;
  
 +
}
 +
#bronze {
 +
background-image: url();
 +
background-repeat: no-repeat;
 +
text-decoration:underline;
 +
color: #e8b77c;
 +
}
 +
#silver {
 +
background-image: url();
 +
background-repeat: no-repeat;
 +
text-decoration:underline;
 +
color: #b4c8cb;
 +
}
 +
#gold {
 +
background-image: url();
 +
background-repeat: no-repeat;
 +
text-decoration:underline;
 +
color: #fbca23;
 
}
 
}
  
 
+
.req_list{
 +
width: 90%;
 +
}
 +
.req_list h1{
 +
background:url(https://static.igem.org/mediawiki/2015/4/4e/CHINA_CD_UESTC_YesIcon.png) no-repeat;
 +
background-size: 5%;
 +
margin:0;
 +
padding:10px 0 10px 50px;
 +
margin-left: 50px;
 +
font-family: Helvetica ;
 +
font-weight:800;
 +
font-size:20px;
 +
font-style:normal;
 +
line-height:36px;
 +
}
 +
.req_list p{
 +
margin:0;
 +
margin-left: 100px;
 +
font-family: 'Microsoft Yahei' ;
 +
font-weight:500;
 +
font-size:15px;
 +
font-style:normal;
 +
line-height:26px;
 +
}
 
</style>
 
</style>
 
<body id="homeIndexBody">
 
<body id="homeIndexBody">
<div id="RightSection"></div>
+
<div id="RightSection"></div>
 
+
<div id="title">
+
 
+
<div id="firstTitle"><p><B>JUDGING</B></p></div>
+
</div>
+
  
<div id="RightContent">
+
<div id="title">
<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 id="firstTitle">
<div class="slide" id="slide2" data-slide="2" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;">
+
<p>
<div class="container clearfix">
+
<B>JUDGING</B>
+
</p>
<div  class="grid_12">
+
<h3>6/6 Bronze Requirements</h3>
+
 
</div>
 
</div>
<div class="clear"></div>
 
 
<div >
 
<div class="grid_8">
 
<h4>6/6 Bronze Requirements</h4>
 
<p>Morbi rutrum, elit ac fermentum egestas, tortor ante vestibulum est, eget scelerisque nisl velit eget tellus. Fusce porta facilisis luctus. Integer neque dolor, rhoncus nec euismod eget, pharetra et tortor. Nulla id pulvinar nunc. Vestibulum auctor nisl vel lectus ullamcorper sed pellentesque dolor eleifend. Praesent lobortis magna vel diam mattis sagittis.</p>
 
<p>Mauris porta odio eu risus scelerisque id facilisis ipsum dictum vitae volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar neque eu purus sollicitudin et sollicitudin dui ultricies. Maecenas cursus auctor tellus sit amet blandit. Maecenas a erat ac nibh molestie interdum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed lorem enim, ultricies sed sodales id, convallis molestie ipsum. Morbi eget dolor ligula. Vivamus accumsan rutrum nisi nec elementum. Pellentesque at nunc risus. Phasellus ullamcorper bibendum varius.  Quisque quis ligula sit amet felis ornare porta. Aenean viverra lacus et mi elementum mollis. Praesent eu justo elit.</p>
 
</div>
 
<div class="clear"></div>
 
 
</div>
 
 
 
</div>
 
</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 class="slide" id="slide2" data-slide="8" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;">
+
<div id="RightContentText">
<div class="container clearfix">
+
<div class="slide" id="slide2" data-slide="2" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;">
+
<div class="container clearfix">
<div class="grid_12">
+
<div id='bronze'>
<h3>4/4 Silver Requirements</h3>
+
<h3>6/6 Bronze Requirements</h3>
</div>
+
</div>
<div class="clear"></div>
+
<div class="req_list">
+
<h1>6/6 Bronze Requirements</h1>
<div >
+
<p>
<div class="grid_8">
+
Morbi rutrum, elit ac fermentum egestas, tortor ante vestibulum est, eget scelerisque nisl velit eget tellus. Fusce porta facilisis luctus.  
<h4>Biography</h4>
+
</p>
<p>Morbi rutrum, elit ac fermentum egestas, tortor ante vestibulum est, eget scelerisque nisl velit eget tellus. Fusce porta facilisis luctus. Integer neque dolor, rhoncus nec euismod eget, pharetra et tortor. Nulla id pulvinar nunc. Vestibulum auctor nisl vel lectus ullamcorper sed pellentesque dolor eleifend. Praesent lobortis magna vel diam mattis sagittis.</p>
+
<h1>6/6 Bronze Requirements</h1>
<p>Mauris porta odio eu risus scelerisque id facilisis ipsum dictum vitae volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar neque eu purus sollicitudin et sollicitudin dui ultricies. Maecenas cursus auctor tellus sit amet blandit. Maecenas a erat ac nibh molestie interdum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed lorem enim, ultricies sed sodales id, convallis molestie ipsum. Morbi eget dolor ligula. Vivamus accumsan rutrum nisi nec elementum. Pellentesque at nunc risus. Phasellus ullamcorper bibendum varius.  Quisque quis ligula sit amet felis ornare porta. Aenean viverra lacus et mi elementum mollis. Praesent eu justo elit.</p>
+
<p>
 +
Morbi rutrum, elit ac fermentum egestas, tortor ante vestibulum est, eget scelerisque nisl velit eget tellus. Fusce porta facilisis luctus.  
 +
</p>
 +
</div>
 +
</div>
 
</div>
 
</div>
<div class="clear"></div>
 
 
</div>
 
 
</div>
 
</div>
 
  
<div class="slide" id="slide2" data-slide="8" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;">
+
<div class="slide" id="slide2" data-slide="2" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;">
<div class="container clearfix">
+
<div class="container clearfix">
+
<div id='silver'>
<div class="grid_12">
+
<h3>4/4 Silver Requirements</h3>
<h3>3/3 Gold Requirements</h3>
+
</div>
</div>
+
<div class="req_list">
<div class="clear"></div>
+
<h1>6/6 Bronze Requirements</h1>
+
<p>
<div >
+
Morbi rutrum, elit ac fermentum egestas, tortor ante vestibulum est, eget scelerisque nisl velit eget tellus. Fusce porta facilisis luctus.  
<div class="grid_8">
+
</p>
<h4>Biography</h4>
+
</div>
<p>Morbi rutrum, elit ac fermentum egestas, tortor ante vestibulum est, eget scelerisque nisl velit eget tellus. Fusce porta facilisis luctus. Integer neque dolor, rhoncus nec euismod eget, pharetra et tortor. Nulla id pulvinar nunc. Vestibulum auctor nisl vel lectus ullamcorper sed pellentesque dolor eleifend. Praesent lobortis magna vel diam mattis sagittis.</p>
+
</div>
<p>Mauris porta odio eu risus scelerisque id facilisis ipsum dictum vitae volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar neque eu purus sollicitudin et sollicitudin dui ultricies. Maecenas cursus auctor tellus sit amet blandit. Maecenas a erat ac nibh molestie interdum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed lorem enim, ultricies sed sodales id, convallis molestie ipsum. Morbi eget dolor ligula. Vivamus accumsan rutrum nisi nec elementum. Pellentesque at nunc risus. Phasellus ullamcorper bibendum varius.  Quisque quis ligula sit amet felis ornare porta. Aenean viverra lacus et mi elementum mollis. Praesent eu justo elit.</p>
+
 
</div>
 
</div>
<div class="clear"></div>
 
 
</div>
 
 
</div>
 
</div>
 
  
 +
<div class="slide" id="slide2" data-slide="2" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;">
 +
<div class="container clearfix">
 +
<div id='gold'>
 +
<h3>6/6 Gold Requirements</h3>
 +
</div>
 +
<div class="req_list">
 +
<h1>6/6 Bronze Requirements</h1>
 +
<p>
 +
Morbi rutrum, elit ac fermentum egestas, tortor ante vestibulum est, eget scelerisque nisl velit eget tellus. Fusce porta facilisis luctus.
 +
</p>
 +
</div>
 +
</div>
 +
</div>
  
 +
</div>
  
 
+
</div>
</div>
+
</div>
+
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 04:39, 4 September 2015

<!DOCTYPE html>

JUDGING

  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.

6/6 Bronze Requirements

6/6 Bronze Requirements

Morbi rutrum, elit ac fermentum egestas, tortor ante vestibulum est, eget scelerisque nisl velit eget tellus. Fusce porta facilisis luctus.

6/6 Bronze Requirements

Morbi rutrum, elit ac fermentum egestas, tortor ante vestibulum est, eget scelerisque nisl velit eget tellus. Fusce porta facilisis luctus.

4/4 Silver Requirements

6/6 Bronze Requirements

Morbi rutrum, elit ac fermentum egestas, tortor ante vestibulum est, eget scelerisque nisl velit eget tellus. Fusce porta facilisis luctus.

6/6 Gold Requirements

6/6 Bronze Requirements

Morbi rutrum, elit ac fermentum egestas, tortor ante vestibulum est, eget scelerisque nisl velit eget tellus. Fusce porta facilisis luctus.