Team:Sheffield/team1

From 2014.igem.org

(Difference between revisions)
Line 21: Line 21:
<script src="https://2014.igem.org/Team:Sheffield/Template:team2hover_pack.js?action=raw&ctype=text/javascript"></script>
<script src="https://2014.igem.org/Team:Sheffield/Template:team2hover_pack.js?action=raw&ctype=text/javascript"></script>
 +
 +
 +
 +
 +
 +
<!-- Custom Theme files -->
 +
<link href="https://2014.igem.org/Team:Sheffield/Template:team3style.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
 +
<script src="https://2014.igem.org/Team:Sheffield/Template:team3jquery.min.js?action=raw&ctype=text/javascript"></script>
 +
<!-- Custom Theme files -->
 +
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
 +
<!---//webfonts--->
 +
<!---- start-smoth-scrolling---->
 +
<script type="text/javascript" src="https://2014.igem.org/Team:Sheffield/Template:move-top.js?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:Sheffield/Template:easing.js?action=raw&ctype=text/javascript"></script>
 +
 +
Line 146: Line 163:
</div>
</div>
<div class="clearfix"></div>
<div class="clearfix"></div>
-
        </div>
+
            </div>
             </div>
             </div>
 +
</div>
<!-- Our Team Ends Here -->
<!-- Our Team Ends Here -->
-
    </div>
+
 +
  <!--- portfolio ---->
 +
<div id="portfolio" class="portfolio">
 +
<div class="container">
 +
<div class="head-section text-center">
 +
<h3>Team Gallery </h3>
 +
  <span1> </span1>
 +
  <p>bla bla bla</p>
 +
</div>
 +
</div>
 +
 +
 +
<!--- Portfolio --->
 +
<div id="port" class="portfolio-box">
 +
<div class="container">
 +
<ul id="filters" class="clearfix">
 +
<li><span class="filter active" data-filter="app card icon logo web">All</span></li>
 +
<li><span class="filter" data-filter="app">Boot Camp</span></li>
 +
<li><span class="filter" data-filter="card">Team Photos</span></li>
 +
<li><span class="filter" data-filter="icon">Wet Labs</span></li>
 +
<li><span class="filter" data-filter="logo">Meet Up</span></li>
 +
<li><span class="filter" data-filter="web">Waste Plant Visit</span></li>
 +
</ul>
 +
</div>
 +
<div id="portfoliolist">
 +
<div class="portfolio icon mix_all" data-cat="icon" style="display: inline-block;width:25%; opacity: 1;">
 +
    <div class="portfolio-wrapper">
 +
<a class="lightbox" href="#goofy">
 +
  <img src="https://static.igem.org/mediawiki/2014/0/0d/SheffieldJay1.jpg"/>
 +
</a>
 +
<div class="lightbox-target" id="goofy">
 +
<img src="https://static.igem.org/mediawiki/2014/0/0d/SheffieldJay1.jpg"/>
 +
  <a class="lightbox-close" href="#"></a>
 +
</div>
 +
</div>
 +
            </div>
 +
<div class="portfolio web mix_all" data-cat="web" style="display: inline-block;width:25%; opacity: 1;">
 +
<div class="portfolio-wrapper">
 +
<a class="lightbox" href="#goofy">
 +
  <img src="https://static.igem.org/mediawiki/2014/0/0d/SheffieldJay1.jpg"/>
 +
</a>
 +
    </div>
 +
</div>
 +
<div class="portfolio card mix_all" data-cat="card" style="display: inline-block;width:25%; opacity: 1;">
 +
<div class="portfolio-wrapper">
 +
<a class="lightbox" href="#goofy">
 +
  <img src="https://static.igem.org/mediawiki/2014/0/0d/SheffieldJay1.jpg"/>
 +
</a>
 +
    </div>
 +
</div>
 +
<div class="portfolio logo mix_all" data-cat="logo" style="display: inline-block;width:25%; opacity: 1;">
 +
<div class="portfolio-wrapper">
 +
<a class="lightbox" href="#goofy">
 +
  <img src="https://static.igem.org/mediawiki/2014/0/0d/SheffieldJay1.jpg"/>
 +
</a>
 +
</div>
 +
</div>
 +
<div class="portfolio card mix_all" data-cat="card" style="display: inline-block;width:25%; opacity: 1;">
 +
<div class="portfolio-wrapper">
 +
<a class="lightbox" href="#goofy">
 +
<img src="https://static.igem.org/mediawiki/2014/0/0d/SheffieldJay1.jpg"/>
 +
</a>
 +
</div>
 +
</div>
 +
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block;width:25%; opacity: 1;">
 +
<div class="portfolio-wrapper">
 +
<a class="lightbox" href="#goofy">
 +
  <img src="https://static.igem.org/mediawiki/2014/0/0d/SheffieldJay1.jpg"/>
 +
</a>
 +
    </div>
 +
</div>
 +
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block;width:25%; opacity: 1;">
 +
<div class="portfolio-wrapper">
 +
<a class="lightbox" href="#goofy">
 +
  <img src="https://static.igem.org/mediawiki/2014/0/0d/SheffieldJay1.jpg"/>
 +
</a>
 +
    </div>
 +
</div>
 +
    <div class="portfolio app mix_all" data-cat="icon" style="display: inline-block;width:25%; opacity: 1;">
 +
  <div class="portfolio-wrapper">
 +
<a class="lightbox" href="#goofy">
 +
  <img src="https://static.igem.org/mediawiki/2014/0/0d/SheffieldJay1.jpg"/>
 +
</a>
 +
    </div>
 +
</div>
 +
<div class="clearfix"></div>
 +
</div>
 +
    </div>
 +
            <!---- start-portfolio-script----->
 +
<script type="text/javascript" src="https://2014.igem.org/Team:Sheffield/Template:jquery.mixitup.min.js?action=raw&ctype=text/javascript"></script>
 +
<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('.label1').stop().animate({bottom: 0}, 200, 'easeOutQuad');
 +
$(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad');
 +
},
 +
function () {
 +
$(this).find('.label1').stop().animate({bottom: -40}, 200, 'easeInQuad');
 +
$(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');
 +
}
 +
);
 +
 +
}
 +
 +
};
 +
// Run the show!
 +
filterList.init();
 +
});
 +
</script>
 +
</div>
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
/*
 +
var defaults = {
 +
  containerID: 'toTop', // fading element id
 +
containerHoverID: 'toTopHover', // fading element hover id
 +
scrollSpeed: 1200,
 +
easingType: 'linear'
 +
};
 +
*/
 +
 +
$().UItoTop({ easingType: 'easeOutQuart' });
 +
 +
});
 +
</script>
 +
<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
 +
 
</body>
</body>
</html>
</html>

Revision as of 17:53, 8 October 2014

Sheffield iGEM 2014


bla bla bla

Student Researchers


bla bla bla

Jianxing Qin

Control Systems Engineer

Ben Madden

bla bla bla

Alex

Aerospace Engineer

Ben Lomax

bla bla bla

Mustafa

Control Systems Engineer

Erika

bla bla bla

Sharan

bla bla bla

Lara

bla bla bla

Team Gallery

bla bla bla

  • All
  • Boot Camp
  • Team Photos
  • Wet Labs
  • Meet Up
  • Waste Plant Visit

Retrieved from "http://2014.igem.org/Team:Sheffield/team1"