Difference between revisions of "Team:NEFU China/Members"

Line 1: Line 1:
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
−
<meta charset="utf-8">
 
 
<title>Members</title>
 
<title>Members</title>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
 
<link href="https://2018.igem.org/wiki/index.php?title=Template:NEFU_China/CSS-menu&action=raw&ctype=text/css"  rel="stylesheet" type="text/css">
 
<link href="https://2018.igem.org/wiki/index.php?title=Template:NEFU_China/CSS-menu&action=raw&ctype=text/css"  rel="stylesheet" type="text/css">
 +
 +
<link href="https://2018.igem.org/wiki/index.php?title=Template:NEFU_China/CSS-bootstrap&action=raw&ctype=text/css"  rel="stylesheet" type="text/css">
 +
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:NEFU_China/JavaScript-jquery1.11.0-min&action=raw&ctype=text/javascript"></script>
 +
 +
<link href="https://2018.igem.org/wiki/index.php?title=Template:NEFU_China/CSS-style-members&action=raw&ctype=text/css"  rel="stylesheet" type="text/css">
 +
 
<link href="https://2018.igem.org/wiki/index.php?title=Template:NEFU_China/CSS-members-content&action=raw&ctype=text/css"  rel="stylesheet" type="text/css">
 
<link href="https://2018.igem.org/wiki/index.php?title=Template:NEFU_China/CSS-members-content&action=raw&ctype=text/css"  rel="stylesheet" type="text/css">
−
<link href="https://2018.igem.org/wiki/index.php?title=Template:NEFU_China/CSS-advisors-content&action=raw&ctype=text/css"  rel="stylesheet" type="text/css">
+
 
−
<link href="https://2018.igem.org/wiki/index.php?title=Template:NEFU_China/CSS-body-members&action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:NEFU_China/JavaScript-mixitup&action=raw&ctype=text/javascript"></script>
 +
 
 
<link href="https://2018.igem.org/wiki/index.php?title=Template:NEFU_China/CSS-members-foot&action=raw&ctype=text/css"  rel="stylesheet" type="text/css">
 
<link href="https://2018.igem.org/wiki/index.php?title=Template:NEFU_China/CSS-members-foot&action=raw&ctype=text/css"  rel="stylesheet" type="text/css">
 
<style>
 
<style>
Line 23: Line 32:
 
</style>
 
</style>
  
 +
 +
<script type="text/javascript">
 +
$(function () {
 +
 +
var filterList = {
 +
 +
init: function () {
 +
 +
// MixItUp plugin
 +
// http://mixitup.io
 +
$('#portfoliolist').mixitup({
 +
targetSelector: '.portfolio',
 +
filterSelector: '.filter',
 +
effects: ['fade'],
 +
easing: 'snap',
 +
// call the hover effect
 +
onMixEnd: filterList.hoverEffect()
 +
});
 +
 +
},
 +
 +
hoverEffect: function () {
 +
 +
// Simple parallax effect
 +
$('#portfoliolist .portfolio').hover(
 +
function () {
 +
$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad');
 +
$(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad');
 +
},
 +
function () {
 +
$(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad');
 +
$(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');
 +
}
 +
);
 +
 +
}
 +
 +
};
 +
 +
// Run the show!
 +
filterList.init();
 +
 +
 +
});
 +
</script>
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:NEFU_China/JavaScript-easing&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript">
 +
jQuery(document).ready(function($) {
 +
$(".scroll").click(function(event){
 +
event.preventDefault();
 +
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
 +
});
 +
});
 +
</script>
 
</head>
 
</head>
 
<body>
 
<body>
−
<!--menu-->
+
 
 
<div id="menu">
 
<div id="menu">
 
<li id="nav">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;
 
<li id="nav">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;
Line 105: Line 168:
 
</li>
 
</li>
 
</div>
 
</div>
 +
 
<div class="content">
 
<div class="content">
−
<img alt="ourteam" src="https://static.igem.org/mediawiki/2018/9/97/T--NEFU_China--ourteam.jpg" style="width:100%">
 
 
 
−
<div class="members" style="margin-top:100px;box-shadow:inset 0px 15px 15px -15px green;">
+
<img alt="ourteam" src="https://static.igem.org/mediawiki/2018/9/97/T--NEFU_China--ourteam.jpg" style="width:100%">
 +
<div class="members">
 
<article class="first-class">
 
<article class="first-class">
 
<h1>Members</h1>
 
<h1>Members</h1>
Line 118: Line 182:
 
</div>
 
</div>
 
</article>
 
</article>
−
<div class="members-block">
+
</div>
−
<div class="box-align-left">
+
−
<div class="img-block" style="float:left">
+
−
<img alt="lixudong" src="https://static.igem.org/mediawiki/2018/1/1e/T--NEFU_China--lixudong.jpg" class="img-box">
+
−
+
−
<div class="social-contact">
+
−
<ul class="social">
+
−
<li>
+
−
<a href="#" alt="linkedin" class="linkedin">Linkedin</a>
+
−
</li>
+
−
<li>
+
−
<a href="#" alt="google" class="google">Google</a>
+
−
</li>
+
−
<li>
+
−
<a href="#" alt="twitter" class="twitter">Twitter</a>
+
−
</li>
+
−
</ul>
+
−
   
+
−
</div>
+
  
 +
<div class="feature" id="work">
 +
<div class="container">
 +
<h3 class="top-title">Members</h3>
 +
<div class="portfolio">
 +
<ul id="filters" class="clearfix">
 +
<li><span class="filter active" data-filter="Gp1 Gp2 Gp3 Gp4">All MEMBERS</span></li>
 +
<li><span class="filter" data-filter="Gp1"> GROUP 1</span></li>
 +
<li><span class="filter" data-filter="Gp2">GROUP 2</span></li>
 +
<li><span class="filter" data-filter="Gp3">GROUP 3</span></li>
 +
<li><span class="filter" data-filter="Gp4">GROUP 4</span></li>
 +
</ul>
 +
<div id="portfoliolist">
 +
<div class="portfolio Gp1 mix_all" data-cat="Gp1" style="display: inline-block; opacity: 1;">
 +
<div class="portfolio-wrapper">
 +
<a href="#small-dialog1" class="b-link-stripe b-animate-go  thickbox popup-with-zoom-anim">
 +
    <img src="http://39.105.74.74/memebrs1.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="http://39.105.74.74/icon-eye.png" alt=""/></h2>
 +
  <p class="b-animate b-from-right    b-delay03 ">she has done something.<br>
 +
<span class="m_4">Name 1</span></p></div></a>
 +
                </div>
 +
</div>
 +
<div class="portfolio Gp1 mix_all" data-cat="Gp1" style="display: inline-block; opacity: 1;">
 +
<div class="portfolio-wrapper">
 +
<a href="#small-dialog2" class="b-link-stripe b-animate-go  thickbox popup-with-zoom-anim">
 +
    <img src="http://39.105.74.74/memebrs2.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="http://39.105.74.74/icon-eye.png" alt=""/></h2>
 +
  <p class="b-animate b-from-right    b-delay03 ">she has done something.<br>
 +
<span class="m_4">Name 2</span></p></div></a>
 +
                </div>
 +
</div>
 +
<div class="portfolio Gp1 mix_all" data-cat="Gp1" style="display: inline-block; opacity: 1;">
 +
<div class="portfolio-wrapper">
 +
<a href="#small-dialog3" class="b-link-stripe b-animate-go  thickbox popup-with-zoom-anim">
 +
    <img src="http://39.105.74.74/memebrs3.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="http://39.105.74.74/icon-eye.png" alt=""/></h2>
 +
  <p class="b-animate b-from-right    b-delay03 ">she has done something.<br>
 +
<span class="m_4">Name 3</span></p></div></a>
 +
                </div>
 +
</div>
 +
<div class="portfolio Gp2 mix_all" data-cat="Gp2" style="display: inline-block; opacity: 1;">
 +
<div class="portfolio-wrapper">
 +
<a href="#small-dialog4" class="b-link-stripe b-animate-go  thickbox popup-with-zoom-anim">
 +
    <img src="http://39.105.74.74/memebrs4.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="http://39.105.74.74/icon-eye.png" alt=""/></h2>
 +
  <p class="b-animate b-from-right    b-delay03 ">she has done something.<br>
 +
<span class="m_4">Name 4</span></p></div></a>
 +
                </div>
 +
</div>
 +
<div class="portfolio Gp2 mix_all" data-cat="Gp2" style="display: inline-block; opacity: 1;">
 +
<div class="portfolio-wrapper">
 +
<a href="#small-dialog5" class="b-link-stripe b-animate-go  thickbox popup-with-zoom-anim">
 +
    <img src="http://39.105.74.74/memebrs5.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="http://39.105.74.74/icon-eye.png" alt=""/></h2>
 +
  <p class="b-animate b-from-right    b-delay03 ">she has done something.<br>
 +
<span class="m_4">Name 5</span></p></div></a>
 +
                </div>
 +
</div>
 +
<div class="portfolio Gp2 mix_all" data-cat="Gp2" style="display: inline-block; opacity: 1;">
 +
<div class="portfolio-wrapper">
 +
<a href="#small-dialog6" class="b-link-stripe b-animate-go  thickbox popup-with-zoom-anim">
 +
    <img src="http://39.105.74.74/memebrs6.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="http://39.105.74.74/icon-eye.png" alt=""/></h2>
 +
  <p class="b-animate b-from-right    b-delay03 ">she has done something.<br>
 +
<span class="m_4">Name 6</span></p></div></a>
 +
                </div>
 +
</div>
 +
<div class="portfolio Gp3 mix_all" data-cat="Gp3" style="display: inline-block; opacity: 1;">
 +
<div class="portfolio-wrapper">
 +
<a href="#small-dialog7" class="b-link-stripe b-animate-go  thickbox popup-with-zoom-anim">
 +
    <img src="http://39.105.74.74/memebrs7.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="http://39.105.74.74/icon-eye.png" alt=""/></h2>
 +
  <p class="b-animate b-from-right    b-delay03 ">she has done something.<br>
 +
<span class="m_4">Name 7</span></p></div></a>
 +
                </div>
 +
</div>
 +
<div class="portfolio Gp3 mix_all" data-cat="Gp3" style="display: inline-block; opacity: 1;">
 +
<div class="portfolio-wrapper">
 +
<a href="#small-dialog8" class="b-link-stripe b-animate-go  thickbox popup-with-zoom-anim">
 +
    <img src="http://39.105.74.74/memebrs8.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="http://39.105.74.74/icon-eye.png" alt=""/></h2>
 +
  <p class="b-animate b-from-right    b-delay03 ">she has done something.<br>
 +
<span class="m_4">Name 8</span></p></div></a>
 +
                </div>
 +
</div>
 +
<div class="portfolio Gp3 mix_all" data-cat="Gp3" style="display: inline-block; opacity: 1;">
 +
<div class="portfolio-wrapper">
 +
<a href="#small-dialog9" class="b-link-stripe b-animate-go  thickbox popup-with-zoom-anim">
 +
    <img src="http://39.105.74.74/memebrs9.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="http://39.105.74.74/icon-eye.png" alt=""/></h2>
 +
  <p class="b-animate b-from-right    b-delay03 ">she has done something.<br>
 +
<span class="m_4">Name 9</span></p></div></a>
 +
                </div>
 +
</div>
 +
<div class="portfolio Gp4 mix_all" data-cat="Gp4" style="display: inline-block; opacity: 1;">
 +
<div class="portfolio-wrapper">
 +
<a href="#small-dialog10" class="b-link-stripe b-animate-go  thickbox popup-with-zoom-anim">
 +
    <img src="http://39.105.74.74/memebrs10.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="http://39.105.74.74/icon-eye.png" alt=""/></h2>
 +
  <p class="b-animate b-from-right    b-delay03 ">she has done something.<br>
 +
<span class="m_4">Name 10</span></p></div></a>
 +
                </div>
 +
</div>
 +
<div class="portfolio Gp4 mix_all" data-cat="Gp4" style="display: inline-block; opacity: 1;">
 +
<div class="portfolio-wrapper">
 +
<a href="#small-dialog11" class="b-link-stripe b-animate-go  thickbox popup-with-zoom-anim">
 +
    <img src="http://39.105.74.74/memebrs11.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="http://39.105.74.74/icon-eye.png" alt=""/></h2>
 +
  <p class="b-animate b-from-right    b-delay03 ">she has done something.<br>
 +
<span class="m_4">Name 11</span></p></div></a>
 +
                </div>
 +
</div>
 +
<div class="portfolio Gp4 mix_all" data-cat="Gp4" style="display: inline-block; opacity: 1;">
 +
<div class="portfolio-wrapper">
 +
<a href="#small-dialog12" class="b-link-stripe b-animate-go  thickbox popup-with-zoom-anim">
 +
    <img src="http://39.105.74.74/memebrs12.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="http://39.105.74.74/icon-eye.png" alt=""/></h2>
 +
  <p class="b-animate b-from-right    b-delay03 ">she has done something.<br>
 +
<span class="m_4">Name 12</span></p></div></a>
 +
                </div>
 +
</div>
 
</div>
 
</div>
 +
</div>
 +
<div class="clearfix"></div>
 +
 +
    <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:NEFU_China/JavaScript-modernizr&action=raw&ctype=text/javascript"></script>
 +
   
 +
    <link href="https://2018.igem.org/wiki/index.php?title=Template:NEFU_China/CSS-popuo-box&action=raw&ctype=text/css"  rel="stylesheet" type="text/css" media="all">
 +
 +
    <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:NEFU_China/JavaScript-popup&action=raw&ctype=text/javascript"></script>-->
 
 
−
<div class="text-block">
 
−
  <p>                 
 
−
  <h1>Li Xudong</h1>
 
−
 
 
−
  College: Computer science and technology. <br>
 
−
                 
 
−
 
 
−
  Attribute：
 
−
  <em>She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.</em>
 
−
 
−
<br>
 
−
Email:
 
−
<a href="mailto:18846831989@163.com" class="email">18846831989@163.com</a>
 
−
<br>
 
−
                    Others:"She is so ...."
 
−
<br>
 
−
 
−
Location:NEFU
 
−
  </p>
 
 
 
−
    </div>
+
<div id="small-dialog1" class="mfp-hide">
−
        </div>
+
<div class="box-align-left">
−
 
+
<div class="img-block" style="float:left">
−
    <article class="box-align-left">
+
<img alt="lixudong" src="https://static.igem.org/mediawiki/2018/1/1e/T--NEFU_China--lixudong.jpg" class="img-box">
−
<hr style="height: 2px!important;" color="#8f8d87">
+
 
−
<br>
+
<div class="social-contact">
−
<div class="img-block" style="float:left">
+
<ul class="social">
−
<img alt="lixudong" src="https://static.igem.org/mediawiki/2018/1/1e/T--NEFU_China--lixudong.jpg" class="img-box">
+
<li>
−
+
<a href="#" alt="linkedin" class="linkedin">Linkedin</a>
−
<div class="social-contact">
+
</li>
−
<ul class="social">
+
<li>
−
<li>
+
<a href="#" alt="google" class="google">Google</a>
−
<a href="#" alt="linkedin" class="linkedin">Linkedin</a>
+
</li>
−
</li>
+
<li>
−
<li>
+
<a href="#" alt="twitter" class="twitter">Twitter</a>
−
<a href="#" alt="google" class="google">Google</a>
+
</li>
−
</li>
+
</ul>
−
<li>
+
 
−
<a href="#" alt="twitter" class="twitter">Twitter</a>
+
</div>
−
</li>
+
 
−
</ul>
+
      </div>
−
   
+
 +
    <div class="text-block">
 +
<p>                 
 +
<h1>Li Xudong</h1>
 +
 
 +
<strong>College:</strong> Computer science and technology. <br>
 +
 
 +
 
 +
<strong>Attribute：</strong>
 +
<em>She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.</em>
 +
 
 +
<br>
 +
<strong>Email:</strong>
 +
<a href="mailto:18846831989@163.com" class="email">18846831989@163.com</a>
 +
<br>
 +
<strong>Others:</strong>"She is so ...."
 +
<br>
 +
 
 +
<strong>Location:</strong>NEFU
 +
    </p>
 +
 
 +
      </div>
 +
            </div>
 
</div>
 
</div>
 +
<div id="small-dialog2" class="mfp-hide">
 +
<div class="box-align-left">
 +
<div class="img-block" style="float:left">
 +
<img alt="lixudong" src="https://static.igem.org/mediawiki/2018/1/1e/T--NEFU_China--lixudong.jpg" class="img-box">
  
−
</div>
+
<div class="social-contact">
 +
<ul class="social">
 +
<li>
 +
<a href="#" alt="linkedin" class="linkedin">Linkedin</a>
 +
</li>
 +
<li>
 +
<a href="#" alt="google" class="google">Google</a>
 +
</li>
 +
<li>
 +
<a href="#" alt="twitter" class="twitter">Twitter</a>
 +
</li>
 +
</ul>
 +
 
 +
</div>
 +
 
 +
      </div>
 
 
−
<div class="text-block">
+
    <div class="text-block">
−
  <p>                   
+
<p>                   
−
  <h1>Li Xudong</h1>
+
<h1>Li Xudong</h1>
−
 
+
 
−
  College: Computer science and technology. <br>
+
<strong>College:</strong> Computer science and technology. <br>
−
                 
+
 
−
 
+
 
−
  Attribute：
+
<strong>Attribute：</strong>
−
  <em>She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.</em>
+
<em>She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.</em>
−
+
 
−
<br>
+
<br>
−
Email:
+
<strong>Email:</strong>
−
<a href="mailto:18846831989@163.com" class="email">18846831989@163.com</a>
+
<a href="mailto:18846831989@163.com" class="email">18846831989@163.com</a>
−
<br>
+
<br>
−
                    Others:"She is so ...."
+
<strong>Others:</strong>"She is so ...."
−
<br>
+
<br>
−
+
 
−
Location:NEFU
+
<strong>Location:</strong>NEFU
−
<br>
+
    </p>
−
  </p>
+
 
−
+
      </div>
−
    </div>
+
            </div>
−
        </article>
+
−
        <article class="box-align-left">
+
−
<hr style="height: 2px!important;" color="#8f8d87">
+
−
<br>
+
−
<div class="img-block" style="float:left">
+
−
<img alt="lixudong" src="https://static.igem.org/mediawiki/2018/1/1e/T--NEFU_China--lixudong.jpg" class="img-box">
+
−
+
−
<div class="social-contact">
+
−
<ul class="social">
+
−
<li>
+
−
<a href="#" alt="linkedin" class="linkedin">Linkedin</a>
+
−
</li>
+
−
<li>
+
−
<a href="#" alt="google" class="google">Google</a>
+
−
</li>
+
−
<li>
+
−
<a href="#" alt="twitter" class="twitter">Twitter</a>
+
−
</li>
+
−
</ul>
+
−
   
+
 
</div>
 
</div>
 +
<div id="small-dialog3" class="mfp-hide">
 +
<div class="box-align-left">
 +
<div class="img-block" style="float:left">
 +
<img alt="lixudong" src="https://static.igem.org/mediawiki/2018/1/1e/T--NEFU_China--lixudong.jpg" class="img-box">
  
−
</div>
+
<div class="social-contact">
 +
<ul class="social">
 +
<li>
 +
<a href="#" alt="linkedin" class="linkedin">Linkedin</a>
 +
</li>
 +
<li>
 +
<a href="#" alt="google" class="google">Google</a>
 +
</li>
 +
<li>
 +
<a href="#" alt="twitter" class="twitter">Twitter</a>
 +
</li>
 +
</ul>
 +
 
 +
</div>
 +
 
 +
      </div>
 
 
−
<div class="text-block">
+
    <div class="text-block">
−
  <p>                   
+
<p>                   
−
  <h1>Li Xudong</h1>
+
<h1>Li Xudong</h1>
−
 
+
−
  College: Computer science and technology. <br>
+
−
                 
+
−
 
+
−
  Attribute：
+
−
  <em>She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.</em>
+
−
+
−
<br>
+
−
Email:
+
−
<a href="mailto:18846831989@163.com" class="email">18846831989@163.com</a>
+
−
<br>
+
−
                    Others:"She is so ...."
+
−
<br>
+
−
+
−
Location:NEFU
+
−
<br>
+
−
  </p>
+
−
+
−
    </div>
+
−
        </article>
+
  
−
   
+
<strong>College:</strong> Computer science and technology. <br>
−
    </div>
+
−
</div>
+
−
 
+
−
    <div class="advisors">
+
−
<article class="first-class">
+
−
<h1>Advisors</h1>
+
−
<div class="members-content">
+
−
<p>
+
−
"We're proud of our team We're proud of our team We're proud of our team We're proud of our team We're proud of our team We're proud of our team We're proud of our team We're proud of our team We're proud of our team We're proud of our team We're proud of our team "
+
  
−
</p>
+
 
−
</div>
+
<strong>Attribute：</strong>
−
</article>
+
<em>She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.</em>
−
<div class="advisors-block">
+
 
−
<article class="box-align-left">
+
<br>
−
<div class="img-block" style="float:left">
+
<strong>Email:</strong>
−
<img alt="lixudong" src="https://static.igem.org/mediawiki/2018/1/1e/T--NEFU_China--lixudong.jpg" class="img-box">
+
<a href="mailto:18846831989@163.com" class="email">18846831989@163.com</a>
−
+
<br>
−
<div class="social-contact">
+
<strong>Others:</strong>"She is so ...."
−
<ul class="social">
+
<br>
−
<li>
+
 
−
<a href="#" alt="linkedin" class="linkedin">Linkedin</a>
+
<strong>Location:</strong>NEFU
−
</li>
+
    </p>
−
<li>
+
 
−
<a href="#" alt="google" class="google">Google</a>
+
      </div>
−
</li>
+
            </div>
−
<li>
+
−
<a href="#" alt="twitter" class="twitter">Twitter</a>
+
−
</li>
+
−
</ul>
+
−
   
+
 
</div>
 
</div>
 +
<div id="small-dialog4" class="mfp-hide">
 +
<div class="box-align-left">
 +
<div class="img-block" style="float:left">
 +
<img alt="lixudong" src="https://static.igem.org/mediawiki/2018/1/1e/T--NEFU_China--lixudong.jpg" class="img-box">
  
−
</div>
+
<div class="social-contact">
 +
<ul class="social">
 +
<li>
 +
<a href="#" alt="linkedin" class="linkedin">Linkedin</a>
 +
</li>
 +
<li>
 +
<a href="#" alt="google" class="google">Google</a>
 +
</li>
 +
<li>
 +
<a href="#" alt="twitter" class="twitter">Twitter</a>
 +
</li>
 +
</ul>
 +
 
 +
</div>
 +
 
 +
      </div>
 
 
−
<div class="text-block">
+
    <div class="text-block">
−
  <p>                   
+
<p>                   
−
  <h1>Li Xudong</h1>
+
<h1>Li Xudong</h1>
−
 
+
 
−
  College: Computer science and technology. <br>
+
<strong>College:</strong> Computer science and technology. <br>
−
                 
+
 
−
 
+
 
−
  Attribute：
+
<strong>Attribute：</strong>
−
  <em>She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.</em>
+
<em>She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.</em>
−
+
 
−
<br>
+
<br>
−
Email:
+
<strong>Email:</strong>
−
<a href="mailto:18846831989@163.com" class="email">18846831989@163.com</a>
+
<a href="mailto:18846831989@163.com" class="email">18846831989@163.com</a>
−
<br>
+
<br>
−
                    Others:"She is so ...."
+
<strong>Others:</strong>"She is so ...."
−
<br>
+
<br>
−
+
 
−
Location:NEFU
+
<strong>Location:</strong>NEFU
−
  </p>
+
    </p>
−
+
 
−
    </div>
+
      </div>
−
        </article>
+
            </div>
−
    <article class="box-align-left">
+
−
<hr style="height: 2px!important;" color="#8f8d87">
+
−
<br>
+
−
<div class="img-block" style="float:left">
+
−
<img alt="lixudong" src="https://static.igem.org/mediawiki/2018/1/1e/T--NEFU_China--lixudong.jpg" class="img-box">
+
−
+
−
<div class="social-contact">
+
−
<ul class="social">
+
−
<li>
+
−
<a href="#" alt="linkedin" class="linkedin">Linkedin</a>
+
−
</li>
+
−
<li>
+
−
<a href="#" alt="google" class="google">Google</a>
+
−
</li>
+
−
<li>
+
−
<a href="#" alt="twitter" class="twitter">Twitter</a>
+
−
</li>
+
−
</ul>
+
−
   
+
 
</div>
 
</div>
 +
<div id="small-dialog5" class="mfp-hide">
 +
<div class="box-align-left">
 +
<div class="img-block" style="float:left">
 +
<img alt="lixudong" src="https://static.igem.org/mediawiki/2018/1/1e/T--NEFU_China--lixudong.jpg" class="img-box">
  
−
</div>
+
<div class="social-contact">
 +
<ul class="social">
 +
<li>
 +
<a href="#" alt="linkedin" class="linkedin">Linkedin</a>
 +
</li>
 +
<li>
 +
<a href="#" alt="google" class="google">Google</a>
 +
</li>
 +
<li>
 +
<a href="#" alt="twitter" class="twitter">Twitter</a>
 +
</li>
 +
</ul>
 +
 
 +
</div>
 +
 
 +
      </div>
 
 
−
<div class="text-block">
+
    <div class="text-block">
−
  <p>                   
+
<p>                   
−
  <h1>Li Xudong</h1>
+
<h1>Li Xudong</h1>
−
 
+
 
−
  College: Computer science and technology. <br>
+
<strong>College:</strong> Computer science and technology. <br>
−
                 
+
 
−
 
+
 
−
  Attribute：
+
<strong>Attribute：</strong>
−
  <em>She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.</em>
+
<em>She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.</em>
−
+
 
−
<br>
+
<br>
−
Email:
+
<strong>Email:</strong>
−
<a href="mailto:18846831989@163.com" class="email">18846831989@163.com</a>
+
<a href="mailto:18846831989@163.com" class="email">18846831989@163.com</a>
−
<br>
+
<br>
−
                    Others:"She is so ...."
+
<strong>Others:</strong>"She is so ...."
−
<br>
+
<br>
−
+
 
−
Location:NEFU
+
<strong>Location:</strong>NEFU
−
<br>
+
    </p>
−
  </p>
+
 
−
+
      </div>
−
    </div>
+
            </div>
−
        </article>
+
−
        <article class="box-align-left">
+
−
<hr style="height: 2px!important;" color="#8f8d87">
+
−
<br>
+
−
<div class="img-block" style="float:left">
+
−
<img alt="lixudong" src="https://static.igem.org/mediawiki/2018/1/1e/T--NEFU_China--lixudong.jpg" class="img-box">
+
−
+
−
<div class="social-contact">
+
−
<ul class="social">
+
−
<li>
+
−
<a href="#" alt="linkedin" class="linkedin">Linkedin</a>
+
−
</li>
+
−
<li>
+
−
<a href="#" alt="google" class="google">Google</a>
+
−
</li>
+
−
<li>
+
−
<a href="#" alt="twitter" class="twitter">Twitter</a>
+
−
</li>
+
−
</ul>
+
−
   
+
 
</div>
 
</div>
 +
<div id="small-dialog6" class="mfp-hide">
 +
<div class="box-align-left">
 +
<div class="img-block" style="float:left">
 +
<img alt="lixudong" src="https://static.igem.org/mediawiki/2018/1/1e/T--NEFU_China--lixudong.jpg" class="img-box">
  
−
</div>
+
<div class="social-contact">
 +
<ul class="social">
 +
<li>
 +
<a href="#" alt="linkedin" class="linkedin">Linkedin</a>
 +
</li>
 +
<li>
 +
<a href="#" alt="google" class="google">Google</a>
 +
</li>
 +
<li>
 +
<a href="#" alt="twitter" class="twitter">Twitter</a>
 +
</li>
 +
</ul>
 +
 
 +
</div>
 +
 
 +
      </div>
 
 
−
<div class="text-block">
+
    <div class="text-block">
−
  <p>                   
+
<p>                   
−
  <h1>Li Xudong</h1>
+
<h1>Li Xudong</h1>
−
 
+
−
  College: Computer science and technology. <br>
+
−
                 
+
−
 
+
−
  Attribute：
+
−
  <em>She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.</em>
+
−
+
−
<br>
+
−
Email:
+
−
<a href="mailto:18846831989@163.com" class="email">18846831989@163.com</a>
+
−
<br>
+
−
                    Others:"She is so ...."
+
−
<br>
+
−
+
−
Location:NEFU
+
−
<br>
+
−
  </p>
+
−
+
−
    </div>
+
−
        </article>
+
−
</div>
+
−
</div>
+
  
−
 
+
<strong>College:</strong> Computer science and technology. <br>
  
 +
 +
<strong>Attribute：</strong>
 +
<em>She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.</em>
 +
 +
<br>
 +
<strong>Email:</strong>
 +
<a href="mailto:18846831989@163.com" class="email">18846831989@163.com</a>
 +
<br>
 +
<strong>Others:</strong>"She is so ...."
 +
<br>
 +
 +
<strong>Location:</strong>NEFU
 +
    </p>
 +
 +
      </div>
 +
            </div>
 +
</div>
 +
<div id="small-dialog7" class="mfp-hide">
 +
<div class="box-align-left">
 +
<div class="img-block" style="float:left">
 +
<img alt="lixudong" src="https://static.igem.org/mediawiki/2018/1/1e/T--NEFU_China--lixudong.jpg" class="img-box">
 +
 +
<div class="social-contact">
 +
<ul class="social">
 +
<li>
 +
<a href="#" alt="linkedin" class="linkedin">Linkedin</a>
 +
</li>
 +
<li>
 +
<a href="#" alt="google" class="google">Google</a>
 +
</li>
 +
<li>
 +
<a href="#" alt="twitter" class="twitter">Twitter</a>
 +
</li>
 +
</ul>
 +
 +
</div>
 +
 +
      </div>
 +
 +
    <div class="text-block">
 +
<p>                 
 +
<h1>Li Xudong</h1>
 +
 +
<strong>College:</strong> Computer science and technology. <br>
 +
 +
 +
<strong>Attribute：</strong>
 +
<em>She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.</em>
 +
 +
<br>
 +
<strong>Email:</strong>
 +
<a href="mailto:18846831989@163.com" class="email">18846831989@163.com</a>
 +
<br>
 +
<strong>Others:</strong>"She is so ...."
 +
<br>
 +
 +
<strong>Location:</strong>NEFU
 +
    </p>
 +
 +
      </div>
 +
            </div>
 +
</div>
 +
<div id="small-dialog8" class="mfp-hide">
 +
<div class="box-align-left">
 +
<div class="img-block" style="float:left">
 +
<img alt="lixudong" src="https://static.igem.org/mediawiki/2018/1/1e/T--NEFU_China--lixudong.jpg" class="img-box">
 +
 +
<div class="social-contact">
 +
<ul class="social">
 +
<li>
 +
<a href="#" alt="linkedin" class="linkedin">Linkedin</a>
 +
</li>
 +
<li>
 +
<a href="#" alt="google" class="google">Google</a>
 +
</li>
 +
<li>
 +
<a href="#" alt="twitter" class="twitter">Twitter</a>
 +
</li>
 +
</ul>
 +
 +
</div>
 +
 +
      </div>
 +
 +
    <div class="text-block">
 +
<p>                 
 +
<h1>Li Xudong</h1>
 +
 +
<strong>College:</strong> Computer science and technology. <br>
 +
 +
 +
<strong>Attribute：</strong>
 +
<em>She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.</em>
 +
 +
<br>
 +
<strong>Email:</strong>
 +
<a href="mailto:18846831989@163.com" class="email">18846831989@163.com</a>
 +
<br>
 +
<strong>Others:</strong>"She is so ...."
 +
<br>
 +
 +
<strong>Location:</strong>NEFU
 +
    </p>
 +
 +
      </div>
 +
            </div>
 +
</div>
 +
<div id="small-dialog9" class="mfp-hide">
 +
<div class="box-align-left">
 +
<div class="img-block" style="float:left">
 +
<img alt="lixudong" src="https://static.igem.org/mediawiki/2018/1/1e/T--NEFU_China--lixudong.jpg" class="img-box">
 +
 +
<div class="social-contact">
 +
<ul class="social">
 +
<li>
 +
<a href="#" alt="linkedin" class="linkedin">Linkedin</a>
 +
</li>
 +
<li>
 +
<a href="#" alt="google" class="google">Google</a>
 +
</li>
 +
<li>
 +
<a href="#" alt="twitter" class="twitter">Twitter</a>
 +
</li>
 +
</ul>
 +
 +
</div>
 +
 +
      </div>
 +
 +
    <div class="text-block">
 +
<p>                 
 +
<h1>Li Xudong</h1>
 +
 +
<strong>College:</strong> Computer science and technology. <br>
 +
 +
 +
<strong>Attribute：</strong>
 +
<em>She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.</em>
 +
 +
<br>
 +
<strong>Email:</strong>
 +
<a href="mailto:18846831989@163.com" class="email">18846831989@163.com</a>
 +
<br>
 +
<strong>Others:</strong>"She is so ...."
 +
<br>
 +
 +
<strong>Location:</strong>NEFU
 +
    </p>
 +
 +
      </div>
 +
            </div>
 +
</div>
 +
                    <div id="small-dialog10" class="mfp-hide">
 +
<div class="box-align-left">
 +
<div class="img-block" style="float:left">
 +
<img alt="lixudong" src="https://static.igem.org/mediawiki/2018/1/1e/T--NEFU_China--lixudong.jpg" class="img-box">
 +
 +
<div class="social-contact">
 +
<ul class="social">
 +
<li>
 +
<a href="#" alt="linkedin" class="linkedin">Linkedin</a>
 +
</li>
 +
<li>
 +
<a href="#" alt="google" class="google">Google</a>
 +
</li>
 +
<li>
 +
<a href="#" alt="twitter" class="twitter">Twitter</a>
 +
</li>
 +
</ul>
 +
 +
</div>
 +
 +
      </div>
 +
 +
    <div class="text-block">
 +
<p>                 
 +
<h1>Li Xudong</h1>
 +
 +
<strong>College:</strong> Computer science and technology. <br>
 +
 +
 +
<strong>Attribute：</strong>
 +
<em>She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.</em>
 +
 +
<br>
 +
<strong>Email:</strong>
 +
<a href="mailto:18846831989@163.com" class="email">18846831989@163.com</a>
 +
<br>
 +
<strong>Others:</strong>"She is so ...."
 +
<br>
 +
 +
<strong>Location:</strong>NEFU
 +
    </p>
 +
 +
      </div>
 +
            </div>
 +
</div>
 +
<div id="small-dialog11" class="mfp-hide">
 +
<div class="box-align-left">
 +
<div class="img-block" style="float:left">
 +
<img alt="lixudong" src="https://static.igem.org/mediawiki/2018/1/1e/T--NEFU_China--lixudong.jpg" class="img-box">
 +
 +
<div class="social-contact">
 +
<ul class="social">
 +
<li>
 +
<a href="#" alt="linkedin" class="linkedin">Linkedin</a>
 +
</li>
 +
<li>
 +
<a href="#" alt="google" class="google">Google</a>
 +
</li>
 +
<li>
 +
<a href="#" alt="twitter" class="twitter">Twitter</a>
 +
</li>
 +
</ul>
 +
 +
</div>
 +
 +
      </div>
 +
 +
    <div class="text-block">
 +
<p>                 
 +
<h1>Li Xudong</h1>
 +
 +
<strong>College:</strong> Computer science and technology. <br>
 +
 +
 +
<strong>Attribute：</strong>
 +
<em>She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.</em>
 +
 +
<br>
 +
<strong>Email:</strong>
 +
<a href="mailto:18846831989@163.com" class="email">18846831989@163.com</a>
 +
<br>
 +
<strong>Others:</strong>"She is so ...."
 +
<br>
 +
 +
<strong>Location:</strong>NEFU
 +
    </p>
 +
 +
      </div>
 +
            </div>
 +
</div>
 +
<div id="small-dialog12" class="mfp-hide">
 +
<div class="box-align-left">
 +
<div class="img-block" style="float:left">
 +
<img alt="lixudong" src="https://static.igem.org/mediawiki/2018/1/1e/T--NEFU_China--lixudong.jpg" class="img-box">
 +
 +
<div class="social-contact">
 +
<ul class="social">
 +
<li>
 +
<a href="#" alt="linkedin" class="linkedin">Linkedin</a>
 +
</li>
 +
<li>
 +
<a href="#" alt="google" class="google">Google</a>
 +
</li>
 +
<li>
 +
<a href="#" alt="twitter" class="twitter">Twitter</a>
 +
</li>
 +
</ul>
 +
 +
</div>
 +
 +
      </div>
 +
 +
    <div class="text-block">
 +
<p>                 
 +
<h1>Li Xudong</h1>
 +
 +
<strong>College:</strong> Computer science and technology. <br>
 +
 +
 +
<strong>Attribute：</strong>
 +
<em>She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.</em>
 +
 +
<br>
 +
<strong>Email:</strong>
 +
<a href="mailto:18846831989@163.com" class="email">18846831989@163.com</a>
 +
<br>
 +
<strong>Others:</strong>"She is so ...."
 +
<br>
 +
 +
<strong>Location:</strong>NEFU
 +
    </p>
 +
 +
      </div>
 +
            </div>
 +
</div>
 +
<script>
 +
$(document).ready(function() {
 +
$('.popup-with-zoom-anim').magnificPopup({
 +
type: 'inline',
 +
fixedContentPos: false,
 +
fixedBgPos: true,
 +
overflowY: 'auto',
 +
closeBtnInside: true,
 +
preloader: false,
 +
midClick: true,
 +
removalDelay: 300,
 +
mainClass: 'my-mfp-zoom-in'
 +
});
 +
 +
});
 +
</script>
 +
</div>
 +
</div>
 
</div>
 
</div>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 
<div class="foot">
 
<div class="foot">
 
<div id="foot-title">
 
<div id="foot-title">

Revision as of 08:49, 6 October 2018

Members

ourteam

Members

"We're proud of our team We're proud of our team We're proud of our team We're proud of our team We're proud of our team We're proud of our team We're proud of our team We're proud of our team We're proud of our team We're proud of our team We're proud of our team "

Members

  • All MEMBERS
  • GROUP 1
  • GROUP 2
  • GROUP 3
  • GROUP 4
-->
lixudong

Li Xudong

College: Computer science and technology.
Attribute： She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.
Email:
Others:"She is so ...."
Location:NEFU

lixudong

Li Xudong

College: Computer science and technology.
Attribute： She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.
Email:
Others:"She is so ...."
Location:NEFU

lixudong

Li Xudong

College: Computer science and technology.
Attribute： She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.
Email:
Others:"She is so ...."
Location:NEFU

lixudong

Li Xudong

College: Computer science and technology.
Attribute： She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.
Email:
Others:"She is so ...."
Location:NEFU

lixudong

Li Xudong

College: Computer science and technology.
Attribute： She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.
Email:
Others:"She is so ...."
Location:NEFU

lixudong

Li Xudong

College: Computer science and technology.
Attribute： She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.
Email:
Others:"She is so ...."
Location:NEFU

lixudong

Li Xudong

College: Computer science and technology.
Attribute： She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.
Email:
Others:"She is so ...."
Location:NEFU

lixudong

Li Xudong

College: Computer science and technology.
Attribute： She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.
Email:
Others:"She is so ...."
Location:NEFU

lixudong

Li Xudong

College: Computer science and technology.
Attribute： She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.
Email:
Others:"She is so ...."
Location:NEFU

lixudong

Li Xudong

College: Computer science and technology.
Attribute： She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.
Email:
Others:"She is so ...."
Location:NEFU

lixudong

Li Xudong

College: Computer science and technology.
Attribute： She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.
Email:
Others:"She is so ...."
Location:NEFU

lixudong

Li Xudong

College: Computer science and technology.
Attribute： She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple. She buy an apple.
Email:
Others:"She is so ...."
Location:NEFU





Userfull links

Home     Model    Project    Software   

Parts      Teams   Results   Notebook   

Human  Practice

Follow us

facebook     twitter     wehchat
facebook     twitter     wehchat

Contact us

iGEM-NEFU_China2018

Email: hexinglu@nefu.edu.cn

No.26 Hexing Road, Xiangfang
District, Harbin, Heilongjiang
Province 150000