Difference between revisions of "Team:CHINA CD UESTC/Safety"
(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{CHINA_CD_UESTC}} | + | {{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 | ||
+ | ***********************************************/ | ||
+ | #RightSection { | ||
+ | position: fixed; | ||
+ | left: 260px; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | height:100%; | ||
+ | background:#F0F0F0; | ||
+ | background-image:url("https://static.igem.org/mediawiki/2015/8/81/CHINA_CD_UESTC_RESULTSbg.jpg"); | ||
+ | overflow-y: scroll; | ||
+ | background-repeat: repeat; | ||
+ | background-size: 180px; | ||
− | + | transition: all 200ms ease-out; | |
+ | transform: translate3d(0, 0, 0); | ||
+ | z-index:1; | ||
− | + | } | |
+ | /************************************************* | ||
+ | first title | ||
+ | ***********************************************/ | ||
+ | #title { | ||
+ | position: fixed; | ||
+ | font-size: 80px; | ||
+ | left:480px; | ||
+ | z-index: 5; | ||
− | + | } | |
− | + | #firstTitle { | |
− | + | font-family: Arial, Helvetica, sans-serif; | |
− | + | position: fixed; | |
− | + | margin-top:0; | |
− | + | margin-bottom:0; | |
+ | top: 30px; | ||
+ | font-size: 80px; | ||
+ | left:600px; | ||
+ | color: #fdf7c1; | ||
+ | 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: #fdf7c1; | ||
− | + | } | |
+ | 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:#fdf7c1; | ||
+ | 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>RESULTS</B></p></div> | ||
+ | <div id="secondTitle"><span class="intro_line"></span><span class="secondTitle">Overview</span><span class="intro_line"></span><br></div> | ||
</div> | </div> | ||
+ | |||
+ | <div id="RightContent"> | ||
+ | <div class="transparent_class "> | ||
+ | <p class="blockWords"> 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="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"> | ||
+ | <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="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> | ||
+ | |||
+ | </body> | ||
</html> | </html> |
Revision as of 03:47, 6 July 2015
<!DOCTYPE html>
RESULTS
Overview
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.