Difference between revisions of "Team:Nankai/Team"

 
(9 intermediate revisions by one other user not shown)
Line 1: Line 1:
 
{{Nankai}}
 
{{Nankai}}
 
<html>
 
<html>
 
 
 
 
<title>Home</title>
 
<title>Home</title>
 
 
<link href="https://2015.igem.org/Template:Nankai/styleCSS1?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/>
 
<link href="https://2015.igem.org/Template:Nankai/styleCSS1?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/>
 
 
<link href="https://2015.igem.org/Template:Nankai/bootstrapminCSSforteam3?action=raw&ctype=text/css" type="text/css" rel="stylesheet"  media="all"/>
 
<link href="https://2015.igem.org/Template:Nankai/bootstrapminCSSforteam3?action=raw&ctype=text/css" type="text/css" rel="stylesheet"  media="all"/>
 
+
<script src="https://2015.igem.org/Template:Nankai/bootstrapmin?action=raw&ctype=text/javascript"></script>
<script src="https://2015.igem.org/Template:Nankai/bootstrapmin?action=raw&ctype=text/javascript"></script>
+
 
+
 
<script src="https://2015.igem.org/Template:Nankai/hover_packJS?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Template:Nankai/hover_packJS?action=raw&ctype=text/javascript"></script>
  
Line 18: Line 11:
 
$(function () {
 
$(function () {
 
var filterList = {
 
var filterList = {
 +
init: function () {
 
 
 +
// MixItUp plugin
 +
// http://mixitup.io
 +
$('#portfoliolist').mixitup({
 +
targetSelector: '.portfolio',
 +
filterSelector: '.filter',
 +
effects: ['fade'],
 +
easing: 'snap',
 +
// call the hover effect
  
 +
});
 +
 +
},
 
hoverEffect: function () {
 
hoverEffect: function () {
 
// Simple parallax effect
 
// Simple parallax effect
 
$('#portfoliolist .portfolio').hover(
 
$('#portfoliolist .portfolio').hover(
 
function () {
 
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');
 
}
 
}
 
);
 
);
Line 319: Line 329:
 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
 
    <h3>Jun Feng</h3>
 
    <h3>Jun Feng</h3>
    <p>My name is Jun Feng. I’m from Baoji city Shaanxi province. I’m a doctoral student in Nankai University and I am in the second grade of the doctoral program. My major is microbiology. I focus on the study of the synthesis and application of the natural microbial polymers. I like music and badminton</p>
+
    <p>My name is Jun Feng. I’m from Baoji city Shaanxi province. I’m a doctoral student in Nankai University and I am in the second grade of the doctoral program. My major is microbiology. I focus on the study of the synthesis and application of the natural microbial polymers. I like music and badminton.</p>
 
    </div>
 
    </div>
 
  </div>
 
  </div>
Line 459: Line 469:
 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
 
    <h3>Tianyi Huang</h3>
 
    <h3>Tianyi Huang</h3>
    <p>You’ll find me quite when I’m listening, excited when I find something funny. I like books, movies, and music, everything that can tell a good story. But the story I like best is the one I’ve been through with my lovely friends, so wish us good luck.  -- Tianyi Huang</p>
+
    <p>You’ll find me quite when I’m listening, excited when I find something funny. I like books, movies, and music, everything that can tell a good story. But the story I like best is the one I’ve been through with my lovely friends, so wish us good luck.  -- Tianyi Huang.</p>
 
    </div>
 
    </div>
 
  </div>
 
  </div>

Latest revision as of 16:26, 18 September 2015

Medigo Blue, free responsive template

Home
  • Your place: Home > Team
  • All
  • Instructor
  • Senior
  • Junior