Difference between revisions of "Team:CHINA CD UESTC/Members"
Zhangmanni (Talk | contribs) |
Zhangmanni (Talk | contribs) |
||
Line 5: | Line 5: | ||
<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"> | <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> | <head> | ||
− | < | + | <link rel="stylesheet" href="./Raymond Donovan - Professional Photographer_files/style.css" type="text/css" media="screen"> |
+ | |||
− | |||
− | |||
− | |||
− | |||
</head> | </head> | ||
<style type="text/css"> | <style type="text/css"> | ||
Line 16: | Line 13: | ||
whole right section | whole right section | ||
https://static.igem.org/mediawiki/2015/4/44/CHINA_CD_UESTC_TEAMbg.jpg | https://static.igem.org/mediawiki/2015/4/44/CHINA_CD_UESTC_TEAMbg.jpg | ||
+ | background-size: 180px; | ||
+ | |||
***********************************************/ | ***********************************************/ | ||
#RightSection { | #RightSection { | ||
Line 25: | Line 24: | ||
background:#F0F0F0; | background:#F0F0F0; | ||
background-image:url("https://static.igem.org/mediawiki/2015/4/44/CHINA_CD_UESTC_TEAMbg.jpg"); | background-image:url("https://static.igem.org/mediawiki/2015/4/44/CHINA_CD_UESTC_TEAMbg.jpg"); | ||
− | |||
− | |||
overflow-y: scroll; | overflow-y: scroll; | ||
background-repeat: repeat; | background-repeat: repeat; | ||
Line 79: | Line 76: | ||
span.intro_line { | span.intro_line { | ||
background-color:#FFD306; | background-color:#FFD306; | ||
− | width: | + | width: 200px; |
− | height: | + | height: 3px; |
display: inline-block; | display: inline-block; | ||
margin: 0 20px 12px 20px; | margin: 0 20px 12px 20px; | ||
Line 173: | Line 170: | ||
<div id="RightContentText"> | <div id="RightContentText"> | ||
− | < | + | <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="content" class="grid_12"> | |
− | + | <h2>About Me</h2> | |
− | + | </div> | |
− | + | <div class="clear"></div> | |
− | + | ||
− | < | + | <div id="content"> |
− | <p> | + | <div class="grid_8"> |
− | + | <h4>Biography</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> |
− | <p> | + | </div> |
− | + | <div class="grid_4 omega"> | |
− | + | <h4>Personal Info</h4> | |
− | < | + | <ul class="det_inf"> |
− | <p> | + | <li class="phone">(+1) 245 5462 252</li> |
− | + | <li class="address">3301 Lorem Ipsum, Dolor Sit St</li> | |
− | + | <li class="pers_mail"><a href="javascript:void(0);">support@lorem.com</a></li> | |
− | < | + | <li class="pers_site"><a href="javascript:void(0);">www.lorem.com</a></li> |
− | <p> | + | </ul> |
− | + | <h4>My Recent Tweets</h4> | |
− | + | <div class="ftr_twit"> | |
− | < | + | <div class="tweet_block"><p class="loading">loading tweets...</p></div> |
− | <p> | + | </div> |
− | + | </div> | |
− | + | <div class="clear"></div> | |
− | < | + | |
− | <p> | + | </div> |
− | + | ||
− | + | </div> | |
− | < | + | </div> |
+ | |||
+ | |||
+ | <div class="slide" id="slide2" data-slide="4" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;"> | ||
+ | <div class="container clearfix"> | ||
+ | |||
+ | <div id="content" class="grid_12"> | ||
+ | <h2>About Me</h2> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | |||
+ | <div id="content"> | ||
+ | <div class="grid_8"> | ||
+ | <h4>Biography</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="grid_4 omega"> | ||
+ | <h4>Personal Info</h4> | ||
+ | <ul class="det_inf"> | ||
+ | <li class="phone">(+1) 245 5462 252</li> | ||
+ | <li class="address">3301 Lorem Ipsum, Dolor Sit St</li> | ||
+ | <li class="pers_mail"><a href="javascript:void(0);">support@lorem.com</a></li> | ||
+ | <li class="pers_site"><a href="javascript:void(0);">www.lorem.com</a></li> | ||
+ | </ul> | ||
+ | <h4>My Recent Tweets</h4> | ||
+ | <div class="ftr_twit"> | ||
+ | <div class="tweet_block"><p class="loading">loading tweets...</p></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="slide" id="slide2" data-slide="6" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;"> | ||
+ | <div class="container clearfix"> | ||
+ | |||
+ | <div id="content" class="grid_12"> | ||
+ | <h2>About Me</h2> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | |||
+ | <div id="content"> | ||
+ | <div class="grid_8"> | ||
+ | <h4>Biography</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="grid_4 omega"> | ||
+ | <h4>Personal Info</h4> | ||
+ | <ul class="det_inf"> | ||
+ | <li class="phone">(+1) 245 5462 252</li> | ||
+ | <li class="address">3301 Lorem Ipsum, Dolor Sit St</li> | ||
+ | <li class="pers_mail"><a href="javascript:void(0);">support@lorem.com</a></li> | ||
+ | <li class="pers_site"><a href="javascript:void(0);">www.lorem.com</a></li> | ||
+ | </ul> | ||
+ | <h4>My Recent Tweets</h4> | ||
+ | <div class="ftr_twit"> | ||
+ | <div class="tweet_block"><p class="loading">loading tweets...</p></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="slide" id="slide2" data-slide="4" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;"> | ||
+ | <div class="container clearfix"> | ||
+ | |||
+ | <div id="content" class="grid_12"> | ||
+ | <h2>About Me</h2> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | |||
+ | <div id="content"> | ||
+ | <div class="grid_8"> | ||
+ | <h4>Biography</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="grid_4 omega"> | ||
+ | <h4>Personal Info</h4> | ||
+ | <ul class="det_inf"> | ||
+ | <li class="phone">(+1) 245 5462 252</li> | ||
+ | <li class="address">3301 Lorem Ipsum, Dolor Sit St</li> | ||
+ | <li class="pers_mail"><a href="javascript:void(0);">support@lorem.com</a></li> | ||
+ | <li class="pers_site"><a href="javascript:void(0);">www.lorem.com</a></li> | ||
+ | </ul> | ||
+ | <h4>My Recent Tweets</h4> | ||
+ | <div class="ftr_twit"> | ||
+ | <div class="tweet_block"><p class="loading">loading tweets...</p></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="container clearfix"> | ||
+ | |||
+ | <div id="content" class="grid_12"> | ||
+ | <h2>About Me</h2> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | |||
+ | <div id="content"> | ||
+ | <div class="grid_8"> | ||
+ | <h4>Biography</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="grid_4 omega"> | ||
+ | <h4>Personal Info</h4> | ||
+ | <ul class="det_inf"> | ||
+ | <li class="phone">(+1) 245 5462 252</li> | ||
+ | <li class="address">3301 Lorem Ipsum, Dolor Sit St</li> | ||
+ | <li class="pers_mail"><a href="javascript:void(0);">support@lorem.com</a></li> | ||
+ | <li class="pers_site"><a href="javascript:void(0);">www.lorem.com</a></li> | ||
+ | </ul> | ||
+ | <h4>My Recent Tweets</h4> | ||
+ | <div class="ftr_twit"> | ||
+ | <div class="tweet_block"><p class="loading">loading tweets...</p></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="slide" id="slide2" data-slide="10" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;"> | ||
+ | <div class="container clearfix"> | ||
+ | |||
+ | <div id="content" class="grid_12"> | ||
+ | <h2>About Me</h2> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | |||
+ | <div id="content"> | ||
+ | <div class="grid_8"> | ||
+ | <h4>Biography</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="grid_4 omega"> | ||
+ | <h4>Personal Info</h4> | ||
+ | <ul class="det_inf"> | ||
+ | <li class="phone">(+1) 245 5462 252</li> | ||
+ | <li class="address">3301 Lorem Ipsum, Dolor Sit St</li> | ||
+ | <li class="pers_mail"><a href="javascript:void(0);">support@lorem.com</a></li> | ||
+ | <li class="pers_site"><a href="javascript:void(0);">www.lorem.com</a></li> | ||
+ | </ul> | ||
+ | <h4>My Recent Tweets</h4> | ||
+ | <div class="ftr_twit"> | ||
+ | <div class="tweet_block"><p class="loading">loading tweets...</p></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="slide" id="slide2" data-slide="12" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;"> | ||
+ | <div class="container clearfix"> | ||
+ | |||
+ | <div id="content" class="grid_12"> | ||
+ | <h2>About Me</h2> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | |||
+ | <div id="content"> | ||
+ | <div class="grid_8"> | ||
+ | <h4>Biography</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="grid_4 omega"> | ||
+ | <h4>Personal Info</h4> | ||
+ | <ul class="det_inf"> | ||
+ | <li class="phone">(+1) 245 5462 252</li> | ||
+ | <li class="address">3301 Lorem Ipsum, Dolor Sit St</li> | ||
+ | <li class="pers_mail"><a href="javascript:void(0);">support@lorem.com</a></li> | ||
+ | <li class="pers_site"><a href="javascript:void(0);">www.lorem.com</a></li> | ||
+ | </ul> | ||
+ | <h4>My Recent Tweets</h4> | ||
+ | <div class="ftr_twit"> | ||
+ | <div class="tweet_block"><p class="loading">loading tweets...</p></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
</div> | </div> | ||
</div> | </div> |
Revision as of 13:33, 10 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.