|
|
Line 1: |
Line 1: |
| {{Peking}} | | {{Peking}} |
− | <html> | + | <!DOCTYPE html> |
| + | <!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]--> |
| + | <!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]--> |
| + | <!--[if (gte IE 8)|!(IE)]><!--> |
| + | <html class="no-js" lang="en"> |
| + | <!--<![endif]--> |
| + | <head> |
| | | |
− | <!-- Navigation --> | + | <!--- Basic Page Needs |
| + | ================================================== --> |
| + | <meta charset="utf-8"> |
| + | <title>Team</title> |
| + | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" /> |
| + | <meta name="description" content="Wiki of Peking iGEM 2016" /> |
| + | <meta name="author" content="Li Jiamian & Wang Yuqing"> |
| + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| + | |
| + | <!-- Mobile Specific Metas |
| + | ================================================== --> |
| + | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
| + | |
| + | |
| + | |
| + | <!-----------------------------black-min-----------------------------------> |
| + | <link href="css/bootstrap.min.css" rel="stylesheet" /> |
| + | <link href="css/style.css" rel="stylesheet" /> |
| + | |
| + | |
| + | <!----------------------------custom----------------------------------------> |
| + | |
| + | <!--quotations from flexslider: start--> |
| + | <!-- MAIN THEME STYLESHEET --> |
| + | <link rel="stylesheet" type="text/css" media="all" href="css/fstyle.css" /> |
| + | <link rel='stylesheet' id='responsive-css' href='css/responsive.css' type='text/css' media='all' /> |
| + | <link rel='stylesheet' id='polaroid-slider-css' href='css/fpolaroid.css' type='text/css' media='all' /> |
| + | <script type='text/javascript' src='js/fjquery.js'></script> |
| + | <!--quotations from flexslider: end--> |
| + | |
| + | |
| + | <!-- CSS |
| + | ================================================== --> |
| + | <link rel="stylesheet" href="css/default.css"> |
| + | <link rel="stylesheet" href="css/layout.css"> |
| + | <link rel="stylesheet" href="css/media-queries.css"> |
| + | <!-- Script |
| + | ================================================== --> |
| + | <script src="js/modernizr.js"></script> |
| + | <!-- Favicons |
| + | ================================================== --> |
| + | <link rel="shortcut icon" href="favicon.ico" > |
| + | |
| + | |
| + | </head> |
| + | |
| + | <body> |
| + | |
| + | <!-- Navigation --> |
| <div id="navigation" class="navbar navbar-fixed-top"> | | <div id="navigation" class="navbar navbar-fixed-top"> |
| <div class="navbar-inner "> | | <div class="navbar-inner "> |
| <div class="container no-padding"> | | <div class="container no-padding"> |
| | | |
− | <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse">
| + | |
| + | <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"> |
| <span class="show-menu-bar"></span> | | <span class="show-menu-bar"></span> |
| </a> | | </a> |
| | | |
− | <div id="logo"><a class="external" href="Black-min.html"></a></div> | + | <div id="logo" style="max-width:170px"><a class="external" href="Home.html"></a></div> |
| + | |
| <div class="nav-collapse collapse"> | | <div class="nav-collapse collapse"> |
| <ul class="nav"> | | <ul class="nav"> |
− | <li class="menu-1"><a class="colapse-menu1" href="#home" >Home</a></li> | + | <li class="menu-1"><a class="colapse-menu1" href="Home.html" >Home</a></li> |
− | <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#we-are-newave">Project</a> | + | <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project</a> |
| <ul class="dropdown-menu"> | | <ul class="dropdown-menu"> |
| <li><a class="external" href="#description" >Decription</a></li> | | <li><a class="external" href="#description" >Decription</a></li> |
Line 24: |
Line 80: |
| </ul> | | </ul> |
| </li> | | </li> |
− | <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#services" >Parts</a> | + | <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Parts</a> |
| <ul class="dropdown-menu"> | | <ul class="dropdown-menu"> |
| <li><a class="external" href="blog.html" >Basic parts</a></li> | | <li><a class="external" href="blog.html" >Basic parts</a></li> |
Line 30: |
Line 86: |
| </ul> | | </ul> |
| </li> | | </li> |
− | <li class="menu-4"><a class="colapse-menu1" href="#clients" >Modeling</a></li> | + | <li class="menu-4"><a class="colapse-menu1" href="#clients" >Practices</a></li> |
− | <li class="menu-6"><a class="colapse-menu1" href="#portfolio" >Practices</a></li> | + | <li class="menu-5"><a class="colapse-menu1" href="#portfolio" >Collaboration</a></li> |
− | <li class="menu-6"><a class="colapse-menu1" href="#contact-parallax" >Collaboration</a></li> | + | <li class="menu-6"><a class="colapse-menu1" href="#contact-parallax" >Modeling</a></li> |
| <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Team</a> | | <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Team</a> |
| <ul class="dropdown-menu"> | | <ul class="dropdown-menu"> |
− | <li><a class="external" href="blog.html" >Team members</a></li> | + | <li><a class="external" href="Team.html" >Team members</a></li> |
− | <li><a class="external" href="blog-masonry.html" >Advisors</a></li> | + | <li><a class="external" href="#instructors" >Advisors</a></li> |
− | <li><a class="external" href="blog-post.html" >Mentors </a></li> | + | <li><a class="external" href="Team.html" >Mentors </a></li> |
| </ul> | | </ul> |
| </li> | | </li> |
− | <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="shortcodes.html" >Attribution</a> | + | <li class="dropdown menu-8"><a class="dropdown-toggle" data-toggle="dropdown" href="shortcodes.html" >Attribution</a> |
− | <ul class="dropdown-menu">
| + | <ul class="dropdown-menu"> |
| <li><a class="external" href="blog.html" >Assignment</a></li> | | <li><a class="external" href="blog.html" >Assignment</a></li> |
| <li><a class="external" href="blog-masonry.html" >Support</a></li> | | <li><a class="external" href="blog-masonry.html" >Support</a></li> |
Line 50: |
Line 106: |
| </ul> | | </ul> |
| </div> | | </div> |
− | </div>
| |
| </div> | | </div> |
| + | </div> |
| </div> | | </div> |
| <!--/Navigation --> | | <!--/Navigation --> |
Line 58: |
Line 114: |
| ================================================== --> | | ================================================== --> |
| <div id="page-title"> | | <div id="page-title"> |
− |
| |
| <div class="row"> | | <div class="row"> |
− |
| |
| <div class="twelve columns centered text-center"> | | <div class="twelve columns centered text-center"> |
| <h1>Our Team<span>.</span></h1> | | <h1>Our Team<span>.</span></h1> |
− | | + | <p>The team of Peking iGEM 2016, consisting of future scientists, doctors, an engineer, and an applied mathematician, has become a professional and passionate team over the past six months.</p> |
− | <p>The team of Peking iGEM 2015, consisting of future scientists, doctors, an engineer, and an applied mathematician, has become a professional and passionate team over the past six months.</p> | + | |
| </div> | | </div> |
− |
| |
| </div> | | </div> |
| + | </div> |
| + | <!-- Page Title End--> |
| | | |
− | </div> <!-- Page Title End-->
| |
| | | |
| <!-- Content | | <!-- Content |
Line 101: |
Line 154: |
| </div> | | </div> |
| | | |
− | <script type="text/javascript"> | + | |
| + | <script type="text/javascript"> |
| jQuery(document).ready(function($){ | | jQuery(document).ready(function($){ |
| $('#slider-polaroid-0').polaroid({ | | $('#slider-polaroid-0').polaroid({ |
Line 109: |
Line 163: |
| }); | | }); |
| </script> | | </script> |
| + | |
| | | |
| <div class="mobile-slider"> | | <div class="mobile-slider"> |
Line 115: |
Line 170: |
| </div> | | </div> |
| </div> | | </div> |
− | </div>
| + | </div> |
| | | |
| <!-- END HEADER --> | | <!-- END HEADER --> |
| + | |
| + | |
| + | |
| | | |
− | <div id="page-content" class="row page">
| + | <div id="page-content" class="row page"> |
− | | + | <div id="primary" class="twelve columns"> |
− | <div id="primary" class="twelve columns">
| + | |
| | | |
− | <section>
| + | <section> |
− |
| + | <div class="row"> |
− | <div class="row">
| + | <h1 class="text-center">Meet our talented team.</h1> |
− |
| + | <p class="lead">On this page, you can find the information about everybody who has contributed to the project. We would like to express our special gratitude to our instructors for their continuous support and encouragement. Furthermore, we would like to acknowledge our sponsors and all the others who provided valuable advices and essential materials to us. The following is our amazing team.</p> |
− |
| + | |
− | <h1 class="text-center">Meet our talented team.</h1>
| + | |
− | | + | |
− | <p class="lead">On this page, you can find the information about everybody who has contributed to the project. We would like to express our special gratitude to our instructors for their continuous support and encouragement. Furthermore, we would like to acknowledge our sponsors and all the others who provided valuable advices and essential materials to us. The following is our amazing team.</p>
| + | |
| | | |
| | | |
− | | + | <hr style="border:2px dashed; height:2px" color="#666666"> |
− | <hr style="border:2px dashed; height:2px" color="#666666"> | + | |
| | | |
| | | |
− | <div id="team-wrapper" class="bgrid-thirds cf">
| + | <div id="team-wrapper" class="bgrid-thirds cf"> |
− | | + | |
| <div class="column member" > | | <div class="column member" > |
− | | + | <img src="images/team/lc.jpg" alt="Li Cheng"/> |
− | <img src="images/team/team-img-01.jpg" alt=""/>
| + | <div class"member-name"> |
− | | + | <h5>Li Cheng</h5> |
− | <div class"member-name">
| + | <span>Life Sciences</span> |
− | <h5>Naruto Uzumaki</h5>
| + | </div> |
− | <span>Creative Director</span>
| + | <p>Li Cheng is the team leader of Peking iGEM team 2016,participating in designing and optimization of this project, meanwhile he works as a technician. As the captain, he can unite his fellows with humorous style. He is interested in synthetic biology because he wanna creat something new to benefit humans. A living machine? That is the most exciting thing in the universe! Out of the lab, he enjoys flowers, Bilibili and history.</p> |
− | </div>
| + | |
− | | + | </div> |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| + | |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| + | |
− | | + | |
− | </div>
| + | |
| | | |
| <div class="column member"> | | <div class="column member"> |
| + | <img src="images/team/yxy.jpg" alt="Yang Xiaoyu"/> |
| + | <div class"member-name"> |
| + | <h5>Yang Xiaoyu</h5> |
| + | <span>Life Sciences</span> |
| + | </div> |
| + | <p>Yang Xiaoyu is a rising junior at the Peking University, majoring in Life Science. His involvement in the Peking iGEM team is his first major research project. During the project he participated in plasmid construction, protein purification as well as lab management. He aimed to devote all his passion to the research of synthetic biology. During free time Xiaoyu enjoyed traveling around the world. </p> |
| | | |
− | <img src="images/team/team-img-02.jpg" alt=""/>
| + | </div> |
| + | |
| + | <div class="column member"> |
| + | <img src="images/team/zsj.jpg" alt="Zhao Shijun"/> |
| + | <div class"member-name"> |
| + | <h5>Zhao shijun</h5> |
| + | <span>Life Sciences</span> |
| + | </div> |
| + | <p>Zhao Shijun is an undergraduate from the School of Life Sciences, Peking University. He is the major experiment designer of molecular cloning including part construction. He also participates in the secretion part. He enjoys fighting for the same goals with other members. When he is at leisure during experiments,Zhao Shijun enjoys playing the computer games LOL and the World of Warship.And he makes a lot of fun in the lab. </p> |
| | | |
− | <div class"member-name">
| + | </div> |
− | <h5>Sakura Haruno</h5>
| + | |
− | <span>Lead Creative</span>
| + | |
− | </div>
| + | |
| | | |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| + | <div class="column member"> |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| + | <img src="images/team/bk.jpg" alt="Bai Ke"/> |
− | | + | <div class"member-name"> |
− | </div>
| + | <h5>Bai Ke</h5> |
| + | <span>Life Sciences</span> |
| + | </div> |
| + | <p>Be Ke is an undergraduate from Peking University, majoring in Life Science. He focuses on the secretion part of the project, which includes molecular cloning, selection of signal peptides and assessment of secretion efficiency. </p> |
| | | |
| + | </div> |
| + | |
| <div class="column member"> | | <div class="column member"> |
| + | <img src="images/team/wjy.jpg" alt="Wei Jingyi"/> |
| + | <div class"member-name"> |
| + | <h5>Wei Jingyi</h5> |
| + | <span>Life Sciences</span> |
| + | </div> |
| + | <p>Wei Jingyi is a junior undergraduate from Peking University, school of Life Sciences. She is responsible for the secretion part in B. subtilis, including host cultivation, signal peptide construction and transformation. She also participates in wiki building and Human Practice. In her spare time, she enjoys reading novels and drawing, which boosts her imagination and creativity. </p> |
| | | |
− | <img src="images/team/team-img-03.jpg" alt=""/>
| + | </div> |
| + | |
| + | <div class="column member"> |
| + | <img src="images/team/cxy.jpg" alt="Chang Xuyao"/> |
| + | <div class"member-name"> |
| + | <h5>Chang Xuyao</h5> |
| + | <span>Clinical Medicine</span> |
| + | </div> |
| + | <p>Chang Xuyao is a junior undergraduate majoring in Clinical Medicine in the 4th Medical College of Peking University. He participates in the construction of the secretion system and also has to deal with laborious but joyful molecular cloning. He enjoys being a member of iGEM lab fighting to achieve the same goal with a bunch of buddies. He loves piano music, especially those composed by Joe Hisaishi in movies directed by Hayao Miyazaki. </p> |
| | | |
− | <div class"member-name"> | + | </div> |
− | <h5>Sasuke Uchiha</h5>
| + | |
− | <span>Lead Web Designer</span>
| + | <div class="column member"> |
| + | <img src="images/team/nx.jpg" alt="Ning Xin"/> |
| + | <div class"member-name"> |
| + | <h5>Ning Xin</h5> |
| + | <span>Clinical Medicine</span> |
| </div> | | </div> |
| + | <p>Ning Xin is an undergraduate from Peking University, majoring in Clinical Medicine. He is a member of the secretion group and mainly dealt with molecular cloning. Attracted by the charm of synthetic and quantitative biology, he decided to join Peking iGEM team, and he feels very happy to work along with such excellent and funny teammates.</p> |
| | | |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| + | </div> |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| + | |
− | | + | <div class="column member"> |
− | </div>
| + | <img src="images/team/ljm.jpg" alt=""/> |
− | | + | <div class"member-name"> |
− | <div class="column member">
| + | <h5>Li Jiamian</h5> |
− | | + | <span>Life Sciences</span> |
− | <img src="images/team/team-img-03.jpg" alt=""/>
| + | |
− | | + | |
− | <div class"member-name">
| + | |
− | <h5>Shikamaru Nara</h5>
| + | |
− | <span>Web Designer</span>
| + | |
| </div> | | </div> |
| + | <p>Li Jiamian is a rising junior at the School of Life Sciences of PKU, who has worked on Wiki building and graphic designing in our very team. He loves photography and doing some designing by using Adobe stuff. The interests of him in synthetic biology is paper-based Isothermal nucleic acid amplification of Influenza. He really enjoys the life working hard for a goal with a team.</p> |
| | | |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| + | </div> |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| + | |
− | | + | |
− | </div>
| + | |
| <div class="column member"> | | <div class="column member"> |
− | | + | <img src="images/team/wyq.jpg" alt=""/> |
− | <img src="images/team/team-img-03.jpg" alt=""/>
| + | <div class"member-name"> |
− | | + | <h5>Wang Yuqing</h5> |
− | <div class"member-name">
| + | <span>Basic Medical Sciences</span> |
− | <h5>Sasuke Uchiha</h5>
| + | |
− | <span>Lead Web Designer</span>
| + | |
| </div> | | </div> |
| + | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, |
| + | nisi elit consequat ipsum, nec sagittis sem nibh id elit.Li Jiamian is a rising junior at the School of Life Sciences of PKU, who has worked on Wiki building anm. He loves photography adfdsafdga dag daf dsf dd d sdf him in synthetic biology is paper-based df df df adf df df dfj l ldfl djl </p> |
| + | </div> |
| | | |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| + | |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| + | |
| | | |
− | </div>
| |
| <div class="column member"> | | <div class="column member"> |
| + | <img src="images/team/lny1.jpg" alt="Lv Nayun"/> |
| + | <div class"member-name"> |
| + | <h5>LV Nanyun</h5> |
| + | <span>Basic Medicine Science</span> |
| + | </div> |
| + | <p>LV Nayun is a junior undergraduate from Peking University, majoring in basic medicine science. She took part in the wet lab, firstly in molecular cloning and then protein extraction. She loves iGEM, as well as calligraphy, table tennis and reading. </p> |
| | | |
− | <img src="images/team/team-img-03.jpg" alt=""/>
| + | </div> |
| | | |
− | <div class"member-name">
| |
− | <h5>Sasuke Uchiha</h5>
| |
− | <span>Lead Web Designer</span>
| |
− | </div>
| |
− |
| |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| |
− |
| |
− | </div>
| |
| <div class="column member"> | | <div class="column member"> |
− | | + | <img src="images/team/thy.jpg" alt=""/> |
− | <img src="images/team/team-img-03.jpg" alt=""/>
| + | <div class"member-name"> |
− | | + | <h5>Teng Huaiyuan</h5> |
− | <div class"member-name">
| + | <span>Physics</span> |
− | <h5>Sasuke Uchiha</h5>
| + | |
− | <span>Lead Web Designer</span>
| + | |
| </div> | | </div> |
| + | <p>TengHuaiyuan has been working on an automation programming task in one of PKU's condensed physics lab. He wishes to try different engineerings so he is now taking part in IGEM. Sometimes he can't help Inserting fancy graphical interface in his program.</p> |
| | | |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| + | </div> |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| + | |
| | | |
− | </div>
| + | |
− | <div class="column member">
| + | |
− | | + | |
− | <img src="images/team/team-img-03.jpg" alt=""/>
| + | |
− | | + | |
− | <div class"member-name">
| + | |
− | <h5>Sasuke Uchiha</h5>
| + | |
− | <span>Lead Web Designer</span>
| + | |
− | </div>
| + | |
− | | + | |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| + | |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| + | |
| | | |
− | </div>
| |
| <div class="column member"> | | <div class="column member"> |
− | | + | <img src="images/team/dym.jpg" alt=""/> |
− | <img src="images/team/team-img-03.jpg" alt=""/>
| + | <div class"member-name"> |
− | | + | <h5>Dong Yiming</h5> |
− | <div class"member-name">
| + | <span>Center for Quantitative Biology</span> |
− | <h5>Sasuke Uchiha</h5>
| + | |
− | <span>Lead Web Designer</span>
| + | |
| </div> | | </div> |
| + | <p>DONG Yiming is a graduate student majoring in Life Science. She is one student leader of our team. She helped us solve the problem together. She also participated in the laborious molecular cloning and protein purification with other team members. “Teamwork divides the task and multiplies the success.” She enjoys working together with our fellows for the same goal.</p> |
| | | |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| + | </div> |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| + | |
− | | + | |
− | </div>
| + | |
| <div class="column member"> | | <div class="column member"> |
− | | + | <img src="images/team/ycr.jpg" alt=""/> |
− | <img src="images/team/team-img-03.jpg" alt=""/>
| + | <div class"member-name"> |
− | | + | <h5>Yang Changru</h5> |
− | <div class"member-name">
| + | <span>Life Sciences</span> |
− | <h5>Sasuke Uchiha</h5>
| + | |
− | <span>Lead Web Designer</span>
| + | |
| </div> | | </div> |
| + | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p> |
| | | |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| + | </div> |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| + | |
− | | + | |
− | </div>
| + | |
− | <div class="column member">
| + | |
− | | + | |
− | <img src="images/team/team-img-03.jpg" alt=""/>
| + | |
| | | |
− | <div class"member-name">
| + | <div class="column member"> |
− | <h5>Sasuke Uchiha</h5>
| + | <img src="images/team/lyx.jpg" alt=""/> |
− | <span>Lead Web Designer</span>
| + | <div class"member-name"> |
| + | <h5>Li Yuexuan</h5> |
| + | <span>Lead Web Designer</span> |
| </div> | | </div> |
− | | + | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| + | |
| nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p> | | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p> |
| | | |
− | </div>
| + | </div> |
− | <div class="column member">
| + | <div class="column member"> |
− | | + | <img src="images/team/wdy1.jpg" alt=""/> |
− | <img src="images/team/team-img-03.jpg" alt=""/>
| + | <div class"member-name"> |
− | | + | <h5>Wang Dingyu</h5> |
− | <div class"member-name">
| + | <span>Lead Web Designer</span> |
− | <h5>Sasuke Uchiha</h5>
| + | </div> |
− | <span>Lead Web Designer</span>
| + | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, |
− | </div> | + | |
− | | + | |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| + | |
| nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p> | | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p> |
| | | |
− | </div>
| + | </div> |
− | <div class="column member">
| + | |
| + | |
| + | |
| + | <hr /> |
| | | |
− | <img src="images/team/team-img-03.jpg" alt=""/>
| + | |
| + | </div> <div id="team-wrapper" class="bgrid-thirds cf"><!--stop the influence of 'team-wrapper'--> |
| | | |
− | <div class"member-name">
| |
− | <h5>Sasuke Uchiha</h5>
| |
− | <span>Lead Web Designer</span>
| |
− | </div>
| |
| | | |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| + | <a id="instructors" ></a><!--the target of 'instructor' of Home.html--> |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| + | |
| | | |
− | </div>
| + | <h2>instructors</h2> |
− | <div class="column member">
| + | <hr style="border:2px dashed; height:2px" color="#666666"> |
| | | |
− | <img src="images/team/team-img-03.jpg" alt=""/>
| + | <div class="column member"> |
| + | <img src="images/team/oyq.jpg" alt=""/> |
| + | <div class"member-name"> |
| + | <h5>Ouyang Qi</h5> |
| + | <span>Center for Quantitative Biology</span> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="column member"> |
| | | |
− | <div class"member-name"> | + | <img src="images/team/lcb.jpg" alt=""/> |
− | <h5>Sasuke Uchiha</h5>
| + | |
− | <span>Lead Web Designer</span>
| + | |
− | </div>
| + | |
| | | |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| + | <div class"member-name"> |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| + | <h5>Lou Chunbo</h5> |
| + | <span>Institute of Microbiology</span> |
| + | </div> |
| | | |
− | </div>
| |
− | <div class="column member">
| |
| | | |
− | <img src="images/team/team-img-03.jpg" alt=""/>
| + | </div> |
| + | |
| | | |
− | <div class"member-name">
| + | <div class="column member"> |
− | <h5>Sasuke Uchiha</h5>
| + | |
− | <span>Lead Web Designer</span>
| + | |
− | </div>
| + | |
| | | |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, | + | <img src="images/team/zwb.jpg" alt=""/> |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| + | |
| | | |
− | </div>
| + | <div class"member-name"> |
− | <div class="column member">
| + | <h5>Zhang Wenbin</h5> |
| + | <span>Chemistry and Molecular Engineering</span> |
| + | </div> |
| | | |
− | <img src="images/team/team-img-03.jpg" alt=""/>
| + | |
| + | </div> |
| | | |
− | <div class"member-name">
| + | <div class="column member"> |
− | <h5>Sasuke Uchiha</h5>
| + | |
− | <span>Lead Web Designer</span>
| + | |
− | </div>
| + | |
− | | + | |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| + | |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| + | |
− | | + | |
− | </div><div class="column member">
| + | |
| | | |
| <img src="images/team/team-img-03.jpg" alt=""/> | | <img src="images/team/team-img-03.jpg" alt=""/> |
| | | |
− | <div class"member-name">
| + | <div class"member-name"> |
− | <h5>Sasuke Uchiha</h5> | + | <h5>Du Pei</h5> |
− | <span>Lead Web Designer</span> | + | <span>Institute of Microbiology</span> |
− | </div>
| + | </div> |
| + | </div> |
| | | |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| + | <div class="column member"> |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| + | |
| | | |
− | </div>
| + | <img src="images/team/zhq.jpg" alt=""/> |
− | <div class="column member"> | + | |
| | | |
− | <img src="images/team/team-img-03.jpg" alt=""/>
| + | <div class"member-name"> |
| + | <h5>Zhang Haoqian</h5> |
| + | <span>Center for Quantitative Biology</span> |
| + | </div> |
| | | |
− | <div class"member-name">
| + | |
− | <h5>Sasuke Uchiha</h5>
| + | |
− | <span>Lead Web Designer</span>
| + | |
− | </div>
| + | |
| | | |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| + | </div> |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| + | |
− | | + | |
− | </div>
| + | |
− | <div class="column member">
| + | |
− | | + | |
− | <img src="images/team/team-img-03.jpg" alt=""/>
| + | |
− | | + | |
− | <div class"member-name">
| + | |
− | <h5>Sasuke Uchiha</h5>
| + | |
− | <span>Lead Web Designer</span>
| + | |
− | </div>
| + | |
− | | + | |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| + | |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| + | |
− | | + | |
− | </div>
| + | |
− | <div class="column member">
| + | |
− | | + | |
− | <img src="images/team/team-img-03.jpg" alt=""/>
| + | |
− | | + | |
− | <div class"member-name">
| + | |
− | <h5>Sasuke Uchiha</h5>
| + | |
− | <span>Lead Web Designer</span>
| + | |
− | </div>
| + | |
− | | + | |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| + | |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| + | |
− | | + | |
− | </div>
| + | |
− | <div class="column member">
| + | |
− | | + | |
− | <img src="images/team/team-img-03.jpg" alt=""/>
| + | |
− | | + | |
− | <div class"member-name">
| + | |
− | <h5>Sasuke Uchiha</h5>
| + | |
− | <span>Lead Web Designer</span>
| + | |
− | </div>
| + | |
− | | + | |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| + | |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| + | |
− | | + | |
− | </div>
| + | |
− | <hr/>
| + | |
− | <h2>instructors</h2>
| + | |
− | <hr style="border:2px dashed; height:2px" color="#666666">
| + | |
| | | |
| <div class="column member"> | | <div class="column member"> |
| | | |
− | <img src="images/team/team-img-03.jpg" alt=""/> | + | <img src="images/team/zyh.jpg" alt=""/> |
| | | |
− | <div class"member-name">
| + | <div class"member-name"> |
− | <h5>Sasuke Uchiha</h5> | + | <h5>Zhang Yihao</h5> |
− | <span>Lead Web Designer</span> | + | <span>Center for Quantitative Biology</span> |
− | </div>
| + | </div> |
| | | |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| + | |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| + | |
| | | |
− | </div><div class="column member">
| |
| | | |
− | <img src="images/team/team-img-03.jpg" alt=""/>
| |
− |
| |
− | <div class"member-name">
| |
− | <h5>Sasuke Uchiha</h5>
| |
− | <span>Lead Web Designer</span>
| |
− | </div>
| |
− |
| |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| |
− |
| |
− | </div><div class="column member">
| |
− |
| |
− | <img src="images/team/team-img-03.jpg" alt=""/>
| |
− |
| |
− | <div class"member-name">
| |
− | <h5>Sasuke Uchiha</h5>
| |
− | <span>Lead Web Designer</span>
| |
− | </div>
| |
− |
| |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| |
− |
| |
− | </div><div class="column member">
| |
− |
| |
− | <img src="images/team/team-img-03.jpg" alt=""/>
| |
− |
| |
− | <div class"member-name">
| |
− | <h5>Sasuke Uchiha</h5>
| |
− | <span>Lead Web Designer</span>
| |
− | </div>
| |
− |
| |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| |
− |
| |
− | </div><div class="column member">
| |
− |
| |
− | <img src="images/team/team-img-03.jpg" alt=""/>
| |
− |
| |
− | <div class"member-name">
| |
− | <h5>Sasuke Uchiha</h5>
| |
− | <span>Lead Web Designer</span>
| |
− | </div>
| |
− |
| |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| |
− |
| |
− | </div><div class="column member">
| |
− |
| |
− | <img src="images/team/team-img-03.jpg" alt=""/>
| |
− |
| |
− | <div class"member-name">
| |
− | <h5>Sasuke Uchiha</h5>
| |
− | <span>Lead Web Designer</span>
| |
− | </div>
| |
− |
| |
− | <p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor,
| |
− | nisi elit consequat ipsum, nec sagittis sem nibh id elit. </p>
| |
− |
| |
− | </div>
| |
| | | |
| + | </div> |
| | | |
| | | |
Line 511: |
Line 449: |
| <!-- footer | | <!-- footer |
| ================================================== --> | | ================================================== --> |
| + | |
| + | |
| + | |
| + | <style> |
| + | footer .copyright span:before { |
| + | content: "|"; |
| + | padding-left: 10px; |
| + | padding-right: 12px; |
| + | color: #b4bbbb; |
| + | } |
| + | footer .copyright span:after { |
| + | content: "|"; |
| + | padding-left: 10px; |
| + | padding-right: 12px; |
| + | color: #b4bbbb; |
| + | } |
| + | </style> |
| + | |
| <footer id="page-footer"> | | <footer id="page-footer"> |
| | | |
Line 516: |
Line 472: |
| | | |
| <div class="twelve columns" > | | <div class="twelve columns" > |
− |
| |
− | <!-- <ul class="footer-social">
| |
− | <li><a href="#"><i class="fa fa-facebook"></i></a></li>
| |
− | <li><a href="#"><i class="fa fa-twitter"></i></a></li>
| |
− | <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
| |
− | <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
| |
− | <li><a href="#"><i class="fa fa-skype"></i></a></li>
| |
− | <li><a href="#"><i class="fa fa-rss"></i></a></li>
| |
− | </ul>-->
| |
| | | |
| <ul class="copyright"> | | <ul class="copyright"> |
| <!--<li>© 2014 Sparrow</li> --> | | <!--<li>© 2014 Sparrow</li> --> |
| <li><a href="Home.html">Home</a> <a href="#">Contact</a></li> | | <li><a href="Home.html">Home</a> <a href="#">Contact</a></li> |
− | <li> ©2016 PEKING IGEM. All Rights Reserved.</li> | + | <span> ©2016 PEKING IGEM. All Rights Reserved.</span> |
| <li>Based on Bootstrap</a></li> | | <li>Based on Bootstrap</a></li> |
| </ul> | | </ul> |
Line 581: |
Line 528: |
| | | |
| | | |
| + | </body> |
| | | |
| </html> | | </html> |