|
|
(78 intermediate revisions by 8 users not shown) |
Line 1: |
Line 1: |
| {{Template:Team:CHINA_CD_UESTC/menu}} | | {{Template:Team:CHINA_CD_UESTC/menu}} |
| + | {{Template:Team:CHINA_CD_UESTC/cssstyle}} |
| + | |
| | | |
| <!DOCTYPE html> | | <!DOCTYPE html> |
− | <!-- saved from url=(0028)http://www.whitefrontier.ch/ -->
| + | <html > |
− | <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="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 |
− | 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;
| + | background-size: 180px; |
| | | |
| ***********************************************/ | | ***********************************************/ |
| #RightSection { | | #RightSection { |
− | position: fixed;
| + | position: fixed; |
− | left: 260px;
| + | left: 260px; |
− | top: 0;
| + | top: 0; |
− | right: 0;
| + | right: 0; |
− | height:100%;
| + | height:100%; |
− | 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; |
− | transition: all 200ms ease-out;
| + | background-size: 180px; |
− | transform: translate3d(0, 0, 0);
| + | |
− | z-index:1;
| + | |
| | | |
− | }
| + | transition: all 200ms ease-out; |
− | /*************************************************
| + | transform: translate3d(0, 0, 0); |
− | first title
| + | z-index:1; |
− | ***********************************************/
| + | |
− | #title {
| + | |
− | position: fixed;
| + | |
− | font-size: 80px;
| + | |
− | left:450px;
| + | |
− | z-index: 5;
| + | |
| | | |
| } | | } |
− | #firstTitle { | + | #RightContent img { |
− | font-family: Arial, Helvetica, sans-serif;
| + | border: 10px solid #fff; |
− | position: fixed; | + | box-shadow: 1px 1px 3px rgba(0,0,0,0.1); |
− | margin-top:0;
| + | } |
− | margin-bottom:0; | + | #HZpic { |
− | top: 30px;
| + | margin-left: 80px; |
− | font-size: 80px;
| + | |
− | left:450px;
| + | |
− | color: #FFD306;
| + | |
− | overflow: hidden;
| + | |
− | | + | |
| } | | } |
− | | + | #slide12 p{ |
− | /*************************************************
| + | font-family: Helvetica,'Microsoft Yahei'; |
− | 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:0px;
| |
− | }
| |
| </style> | | </style> |
| <body id="homeIndexBody"> | | <body id="homeIndexBody"> |
Line 163: |
Line 49: |
| | | |
| <div id="firstTitle"><p><B>MEET OUR TEAM</B></p></div> | | <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> |
| | | |
| <div id="RightContent"> | | <div id="RightContent"> |
| <div class="transparent_class "> | | <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>
| + | <p class="blockWords"> This is a great team consist of 11 students with common interests in biology. With the core purpose that design a project which is beneficial to society, we spent one of the best summer in our life on magnetotactic Laccase. Let`s meet the team members of CHINA_CD_UESTC.</p> |
| </div> | | </div> |
| | | |
| <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="HZpic"> |
− | <div id="content" class="grid_12">
| + | <img src="https://static.igem.org/mediawiki/2015/f/fb/CD_UESTC_Hz.jpg" width="80%" height="80%"> |
− | <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 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>Captain</h2> |
| + | </div> |
| + | <div class="clear"></div> |
| + | |
| + | <div class="grid_12"> |
| + | <div class="client_foto"> |
| + | <img src="https://static.igem.org/mediawiki/2015/4/4a/CD_UESTC_Zky.jpg"> |
| + | </div> |
| + | <h5>Kaiyue Zhang</h5> |
| + | <h6>Age: 22(college junior)</h6> |
| + | <h6>Major: Biotechnology</h6> |
| + | <p>Work: <br>Team leader<br>Coordinate the team<br>Design the whole experiment and biologic modeling</p> |
| + | <p>Hobbies: <br>Listening music, watching movies and playing basketball.</p> |
| + | <p>Why iGEM: <br>The aim of taking part in iGEM is to know myself better and improve myself. Meanwhile, I also want to learn biology knowledge and experiment skills,and foster work capacity. </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>Lab genius</h2> |
| + | </div> |
| + | <div class="clear"></div> |
| + | |
| + | <div class="grid_12"> |
| + | <div class="client_foto"> |
| + | <img src="https://static.igem.org/mediawiki/2015/0/0b/CD_UESTC_Lt.jpg"> |
| + | </div> |
| + | <h5>Tao Li</h5> |
| + | <h6>Age: 23(college junior)</h6> |
| + | <h6>Major: Biotechnology</h6> |
| + | <p>Work: <br>The main designer of the project<br>Design bio-element and biosynthesis of important element</p> |
| + | <p>Hobbies: <br>I am fond of sports,especially basketball.</p> |
| + | <p>Why iGEM: <br>Being interested in synthetic biology is my main reason of participation in iGEM, I also want to get more knowledge through iGEM.</p> |
| + | </div> |
| + | <div class="clear"></div> |
| | | |
− | <div class="slide" id="slide2" data-slide="4" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;">
| + | </div> |
− | <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 class="slide" id="slide2" data-slide="6" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;"> | + | <div class="slide" id="slide12" data-slide="12" data-stellar-background-ratio="0.5" style="background-position: 0px -1159px;"> |
− | <div class="container clearfix">
| + | <div class="container clearfix"> |
− |
| + | |
− | <div id="content" class="grid_12">
| + | <div id="content" class="grid_12"> |
− | <h2>About Me</h2>
| + | <h2>Lab genius</h2> |
− | </div>
| + | </div> |
− | <div class="clear"></div>
| + | <div class="clear"></div> |
− |
| + | |
− | <div id="content">
| + | <div class="grid_12"> |
− | <div class="grid_8">
| + | <div class="client_foto"> |
− | <h4>Biography</h4>
| + | <img src="https://static.igem.org/mediawiki/2015/a/a0/CD_UESTC_Qxy.jpg"> |
− | <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>
| + | <h5>Xingyang Qiu</h5> |
− | </div>
| + | <h6>Age: 21(college junior)</h6> |
− | <div class="grid_4 omega">
| + | <h6>Major: Biotechnology</h6> |
− | <h4>Personal Info</h4>
| + | <p>Work: <br>Taking charge of the construction of plasmid pACYCDuet</p> |
− | <ul class="det_inf">
| + | <p>Hobbies: <br>Light music,movies,playing the badminton and shuttlecock.</p> |
− | <li class="phone">(+1) 245 5462 252</li>
| + | <p>Why iGEM: <br>I am looking forward to realizing some ideas about synthetic biology through iGEM and enjoying the process of achieving team objective with partners. </p> |
− | <li class="address">3301 Lorem Ipsum, Dolor Sit St</li>
| + | </div> |
− | <li class="pers_mail"><a href="javascript:void(0);">support@lorem.com</a></li>
| + | <div class="clear"></div> |
− | <li class="pers_site"><a href="javascript:void(0);">www.lorem.com</a></li>
| + | |
− | </ul>
| + | </div> |
− | <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 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>Editor</h2> |
| + | </div> |
| + | <div class="clear"></div> |
| + | |
| + | <div class="grid_12"> |
| + | <div class="client_foto"> |
| + | <img src="https://static.igem.org/mediawiki/2015/1/12/CD_UESTC_Lx.jpg"> |
| + | </div> |
| + | <h5>Xue Liu</h5> |
| + | <h6>Age: 21(college junior)</h6> |
| + | <h6>Major: Biotechnology</h6> |
| + | <p>Work: <br>Taking charge of the copy writing and translation work <br>Performing some simple experiments</p> |
| + | <p>Hobbies: <br>In daily life,I like listening and singing songs,watching movies,reading books about Chinese history,especially Qing Dynasty.</p> |
| + | <p>Why iGEM: <br>I have been concerned about iGEM for a long time. I am curious about the current development tendency and application fields of synthetic biology. I also want to enrich my professional knowledge and enhance my professional ability.</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>Editor</h2> |
| + | </div> |
| + | <div class="clear"></div> |
| + | |
| + | <div class="grid_12"> |
| + | <div class="client_foto"> |
| + | <img src="https://static.igem.org/mediawiki/2015/1/1b/CD_UESTC_Thn.jpg"> |
| + | </div> |
| + | <h5>Haonan Tian</h5> |
| + | <h6>Age: 21(college junior)</h6> |
| + | <h6>Major: Measurement and control technology and instrumentation</h6> |
| + | <p>work:<br>Assist the experiment<br>Detect and measure the result<br>English,photograph and video support<br>Operate microblog public account</p> |
| + | <p>Hobbies: <br>photography,track and field</p> |
| + | <p>Why iGEM: <br>Stay hungry stay foolish. Interest lead me to iGEM and a willing to go abroad to have further study in biology field though I am not major in that. </p> |
| + | </div> |
| + | <div class="clear"></div> |
| | | |
− | <div class="slide" id="slide2" data-slide="4" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;">
| + | </div> |
− | <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 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>Lab genius</h2> |
| + | </div> |
| + | <div class="clear"></div> |
| + | |
| + | <div class="grid_12"> |
| + | <div class="client_foto"> |
| + | <img src="https://static.igem.org/mediawiki/2015/a/a4/CD_UESTC_Zg.jpg"> |
| + | </div> |
| + | <h5>Guang Zhang</h5> |
| + | <h6>Age: 21(college junior)</h6> |
| + | <h6>Major: Biotechnology</h6> |
| + | <p>Work: <br>Taking charge of the construction of recombinant expression vector piGEM-G6X</p> |
| + | <p>Hobbies: <br>Planting and swimming</p> |
| + | <p>Why iGEM: <br>I believe that iGEM will make my campus life more colorful. I will enjoy this summer like all the other members in our team. </p> |
| + | </div> |
| + | <div class="clear"></div> |
| | | |
− | <div class="slide" id="slide2" data-slide="8" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;">
| + | </div> |
− | <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 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>Lab genius</h2> |
| + | </div> |
| + | <div class="clear"></div> |
| + | |
| + | <div class="grid_12"> |
| + | <div class="client_foto"> |
| + | <img src="https://static.igem.org/mediawiki/2015/e/ea/CD_UESTC_Zz.jpg"> |
| + | </div> |
| + | <h5>Zhi Zeng</h5> |
| + | <h6>Age: 21(college junior)</h6> |
| + | <h6>Major: Biotechnology</h6> |
| + | <p>Work: <br>Experiment operation<br>Art design auxiliary</p> |
| + | <p>Hobbies: <br>I like photography, and cycling. I am interested in anime and movies. </p> |
| + | <p>Why iGEM: <br>I hope to cultivate my innovation thought and learn more leading edge experimental technique to gather experience so I can accomplish experiments independently in further. </p> |
| + | </div> |
| + | <div class="clear"></div> |
| | | |
− | <div class="slide" id="slide2" data-slide="10" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;">
| + | </div> |
− | <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 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>Wiki developer</h2> |
| + | </div> |
| + | <div class="clear"></div> |
| + | |
| + | <div class="grid_12"> |
| + | <div class="client_foto"> |
| + | <img src="https://static.igem.org/mediawiki/2015/f/fc/CD_UESTC_Zmn.jpg"> |
| + | </div> |
| + | <h5>Manni Zhang</h5> |
| + | <h6>Age: 21(college junior)</h6> |
| + | <h6>Major: Biotechnology</h6> |
| + | <p>Work: <br>Design and produce Wiki</p> |
| + | <p>Hobbies: <br>I have deep love for developing and participating in hand-on work. I also like spending time on learning other major's knowledge, such as programming.</p> |
| + | <p>Why iGEM: <br>Taking part in iGEM gives me chances to work and discuss with partners who have various abilities. To present our outcome more perfectly, I choose the design work of wiki naturally. </p> |
| + | </div> |
| + | <div class="clear"></div> |
| | | |
− | <div class="slide" id="slide2" data-slide="12" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;">
| + | </div> |
− | <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 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>Human Practice</h2> |
| + | </div> |
| + | <div class="clear"></div> |
| + | |
| + | <div class="grid_12"> |
| + | <div class="client_foto"> |
| + | <img src="https://static.igem.org/mediawiki/2015/f/fd/CD_UESTC_Zx.jpg"> |
| + | </div> |
| + | <h5>Xu Zhao</h5> |
| + | <h6>Age: 21(college junior)</h6> |
| + | <h6>Major: Biotechnology</h6> |
| + | <p>Work: <br>Taking charge of the activity planning and execution of human practice</p> |
| + | <p>Hobbies: <br>I love anime and US TV series. I also like playing tennis and badminton. </p> |
| + | <p>Why iGEM: <br>The reason why I want to take part in iGEM is that I am extremely interested in synthetic biology. I want to exercise my skills of cooperation, activity planning, spoken English, etc.</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>Human Practice</h2> |
| + | </div> |
| + | <div class="clear"></div> |
| + | |
| + | <div class="grid_12"> |
| + | <div class="client_foto"> |
| + | <img src="https://static.igem.org/mediawiki/2015/d/dc/CD_UESTC_Yk.jpg"> |
| + | </div> |
| + | <h5>Kun Yan</h5> |
| + | <h6>Age: 21(college junior)</h6> |
| + | <h6>Major: Biotechnology</h6> |
| + | <p>Work: <br>Taking charge of the activity planning and execution of human practice<br>Performing some experiments<br>Arts design</p> |
| + | <p>Hobbies: <br>I like music,movies,painting and all kinds of novel activities.</p> |
| + | <p>Why iGEM: <br>iGEM is a comprehensive competition.One thing, I can witness the process of a scientific research project; for another, I can get the chance to expand my horizon. </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>Art desiner</h2> |
| + | </div> |
| + | <div class="clear"></div> |
| + | |
| + | <div class="grid_12"> |
| + | <div class="client_foto"> |
| + | <img src="https://static.igem.org/mediawiki/2015/c/c4/CD_UESTC_Wj.jpg"> |
| + | </div> |
| + | <h5>Ju Wang</h5> |
| + | <h6>Age: 19(college sophomore)</h6> |
| + | <h6>Major: Biotechnology</h6> |
| + | <p>Work: <br>Arts design,including logo,poster,powerpoint</p> |
| + | <p>Hobbies: <br>My hobbies are visual design and writing codes. Meanwhile, as a biology-major student, I am also fascinated with biology.</p> |
| + | <p>Why iGEM: <br>I feel iGEM is very creative and forward-looking (This is so cool), I am looking forward to take part in it; Also, I hope I can get practice in the professional event like this, it will be a rare life experience.</p> |
| + | </div> |
| + | <div class="clear"></div> |
| | | |
− | | + | </div> |
| </div> | | </div> |
| + | |
| + | |
| + | |
| + | |
| + | |
| </div> | | </div> |
| </div> | | </div> |