|
|
(51 intermediate revisions not shown) |
Line 1: |
Line 1: |
| {{Team:Sheffield/NavigationBar}} | | {{Team:Sheffield/NavigationBar}} |
- | {{Team:Sheffield}} | + | {{Team:Sheffield/Content:Team}} |
| + | |
| <html> | | <html> |
- | <head> | + | <head> |
- | <title></title> | + | <title>Meet the Team</title> |
- | <link href="https://2014.igem.org/Team:Sheffield/Template:team1bootstrap.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
| + | <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> |
- | <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
| + | <link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'> |
- | <script src="https://2014.igem.org/Team:Sheffield/Template:team1jquery.min.js?action=raw&ctype=text/javascript"></script>
| + | <style> |
- | <!-- Custom Theme files -->
| + | /* Page Style */ |
- | <link href="https://2014.igem.org/Team:Sheffield/Template:team1style.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
| + | |
- | <!--webfont-->
| + | |
- | <link href='http://fonts.googleapis.com/css?family=PT+Sans+Caption:100,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'> | + | |
- | <link href='http://fonts.googleapis.com/css?family=Candal' rel='stylesheet' type='text/css'>
| + | |
- | <script src="https://2014.igem.org/Team:Sheffield/Template:hover_pack.js?action=raw&ctype=text/javascript"></script>
| + | |
- | | + | |
- | | + | |
- | <link href="https://2014.igem.org/Team:Sheffield/Template:team2bootstrap.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
| + | |
- | <link href="https://2014.igem.org/Team:Sheffield/Template:team2style.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
| + | |
- | <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
| + | |
- | <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700' rel='stylesheet' type='text/css'>
| + | |
- | | + | |
- | <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>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | </head>
| + | |
- | <body>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | <!-- Our Team Starts Here -->
| + | |
- | <div class="ourteam" id="team">
| + | |
- | | + | |
- | | + | |
- | <div class="main">
| + | |
- | | + | |
- | <div class="work" id="work">
| + | |
- | <div class="container">
| + | |
- | <div class="slider">
| + | |
| | | |
- | <div id="da-slider" class="da-slider">
| + | .teamProfiles { |
- | <div class="da-slide"> | + | width: 960px; |
- | <h2 class="m_3">Sheffield iGEM 2014</h2>
| + | margin-left: auto; |
- | <p class="m_5"><br>bla bla bla</p>
| + | margin-right: auto; |
- | </div>
| + | } |
- | <div class="da-slide"> | + | .profilePicture { |
- | <h2 class="m_3">Student Researchers</h2>
| + | background: #ffffff; |
- | <p class="m_5"><br>bla bla bla</p>
| + | -webkit-border-radius: 130px; |
- | </div>
| + | padding: 5px 0px; |
- | </div>
| + | width: 250px; |
- | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:Sheffield/Template:slider.css?action=raw&ctype=text/css" />
| + | height: 188px; |
- | <script type="text/javascript" src="https://2014.igem.org/Team:Sheffield/Template:modernizr.custom.28468.js?action=raw&ctype=text/javascript"></script>
| + | } |
- | <script type="text/javascript" src="https://2014.igem.org/Team:Sheffield/Template:jquery.cslider.js?action=raw&ctype=text/javascript"></script>
| + | |
- | <script type="text/javascript"> | + | |
- | $(function() { | + | |
- | | + | |
- | $('#da-slider').cslider({
| + | |
- | autoplay : true,
| + | |
- | bgincrement : 500
| + | |
- | });
| + | |
- | | + | |
- | }); | + | |
- | </script> | + | |
| | | |
- | </div> | + | .headerImage { |
- | </div>
| + | position: absolute; |
- | </div>
| + | top: -450px; |
| + | width: 100%; |
| + | height: 525px; |
| + | overflow: hidden; |
| + | z-index: -1; |
| + | } |
| | | |
| + | .headerImage img { |
| + | width: 100%; |
| + | } |
| | | |
- | <div class="container">
| + | .subPageTitle { |
| + | text-align: center; |
| + | font-family: 'Lato', sans-serif; |
| + | font-size: 60px; |
| + | letter-spacing: -2px; |
| + | color: white; |
| + | font-weight: 300; |
| + | margin-top: 100px; |
| + | margin-bottom: 70px; |
| + | border: none; |
| + | } |
| | | |
- | <div class="col-md-6 team-row-column">
| + | td { |
- | <img src="https://static.igem.org/mediawiki/2014/c/cc/Jay.JPG" class="img-responsive" alt=""/>
| + | text-align: center; |
- | <h4><a href="#">Jianxing Qin</a></h4>
| + | vertical-align: top; |
- | <p>Control Systems Engineer</p>
| + | } |
- | <ul class="social">
| + | |
- | <li><i class="tw"></i></li>
| + | |
- | <li><i class="ist"></i></li>
| + | |
- | </ul>
| + | |
- | </div> | + | |
- | <div class="col-md-6 team-row-column">
| + | |
- | <img src="https://static.igem.org/mediawiki/2014/9/94/BenM.JPG" class="img-responsive" alt=""/>
| + | |
- | <h4><a href="#">Ben Madden</a></h4>
| + | |
- | <p>bla bla bla</p>
| + | |
- | <ul class="social">
| + | |
- | <li><i class="tw"></i></li>
| + | |
- | <li><i class="ist"></i></li>
| + | |
- | </ul>
| + | |
- | </div> | + | |
- | <div class="col-md-6 team-row-column">
| + | |
- | <img src="https://static.igem.org/mediawiki/2014/f/f0/SheffieldAlex.JPG" class="img-responsive" alt=""/>
| + | |
- | <h4><a href="#">Alex</a></h4>
| + | |
- | <p>Aerospace Engineer</p>
| + | |
- | <ul class="social">
| + | |
- | <li><i class="tw"></i></li>
| + | |
- | <li><i class="ist"></i></li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | <div class="col-md-6 team-row-column">
| + | |
- | <img src="https://static.igem.org/mediawiki/2014/c/c8/SheffieldBen.JPG" class="img-responsive" alt=""/>
| + | |
- | <h4><a href="#">Ben Lomax</a></h4>
| + | |
- | <p>bla bla bla</p>
| + | |
- | <ul class="social">
| + | |
- | <li><i class="tw"></i></li>
| + | |
- | <li><i class="ist"></i></li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | <div class="col-md-6 team-row-column">
| + | |
- | <img src="https://static.igem.org/mediawiki/2014/3/3b/SheffieldMustafa.JPG" class="img-responsive" alt=""/>
| + | |
- | <h4><a href="#">Mustafa</a></h4>
| + | |
- | <p>Control Systems Engineer</p>
| + | |
- | <ul class="social">
| + | |
- | <li><i class="tw"></i></li>
| + | |
- | <li><i class="ist"></i></li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | <div class="col-md-6 team-row-column">
| + | |
- | <img src="https://static.igem.org/mediawiki/2014/6/63/SheffieldErika.JPG" class="img-responsive" alt=""/>
| + | |
- | <h4><a href="#">Erika</a></h4>
| + | |
- | <p>bla bla bla</p>
| + | |
- | <ul class="social">
| + | |
- | <li><i class="tw"></i></li>
| + | |
- | <li><i class="ist"></i></li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | <div class="col-md-6 team-row-column">
| + | |
- | <img src="https://static.igem.org/mediawiki/2014/4/46/SheffieldSharan.JPG" class="img-responsive" alt=""/>
| + | |
- | <h4><a href="#">Sharan</a></h4>
| + | |
- | <p>bla bla bla</p>
| + | |
- | <ul class="social">
| + | |
- | <li><i class="tw"></i></li>
| + | |
- | <li><i class="ist"></i></li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | <div class="col-md-6 team-row-column">
| + | |
- | <img src="https://static.igem.org/mediawiki/2014/4/4d/SheffieldLara.JPG" class="img-responsive" alt=""/>
| + | |
- | <h4><a href="#">Lara</a></h4>
| + | |
- | <p>bla bla bla</p>
| + | |
- | <ul class="social">
| + | |
- | <li><i class="tw"></i></li>
| + | |
- | <li><i class="ist"></i></li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | <div class="clearfix"></div>
| + | |
- | </div>
| + | |
| | | |
- | </div>
| + | table { |
- | </div>
| + | background: transparent; |
- | <!-- Our Team Ends Here -->
| + | } |
- |
| + | |
- | <!--- 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/09/SheffieldWetlab1.jpg"/>
| + | |
- | </a>
| + | |
- | <div class="lightbox-target" id="goofy">
| + | |
- | <img src="https://static.igem.org/mediawiki/2014/0/09/SheffieldWetlab1.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/06/SheffieldVisit1.jpg"/>
| + | |
- | </a>
| + | |
- | <div class="lightbox-target" id="goofy">
| + | |
- | <img src="https://static.igem.org/mediawiki/2014/0/06/SheffieldVisit1.jpg"/>
| + | |
- | <a class="lightbox-close" href="#"></a>
| + | |
- | </div>
| + | |
- | </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/b/b8/SheffieldTeam1.jpg"/>
| + | |
- | </a>
| + | |
- | <div class="lightbox-target" id="goofy">
| + | |
- | <img src="https://static.igem.org/mediawiki/2014/b/b8/SheffieldTeam1.jpg"/>
| + | |
- | <a class="lightbox-close" href="#"></a>
| + | |
- | </div>
| + | |
- | </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/e/e7/Home3.jpg"/>
| + | |
- | </a>
| + | |
- | <div class="lightbox-target" id="goofy">
| + | |
- | <img src="https://static.igem.org/mediawiki/2014/e/e7/Home3.jpg"/>
| + | |
- | <a class="lightbox-close" href="#"></a>
| + | |
- | </div>
| + | |
- | </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/6/64/SheffieldBoot1.jpg"/>
| + | |
- | </a>
| + | |
- | <div class="lightbox-target" id="goofy">
| + | |
- | <img src="https://static.igem.org/mediawiki/2014/6/64/SheffieldBoot1.jpg"/>
| + | |
- | <a class="lightbox-close" href="#"></a>
| + | |
- | </div>
| + | |
- | </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> | + | |
| + | </style> |
| + | </head> |
| + | <body> |
| + | <div class="headerImage"><img src="https://static.igem.org/mediawiki/2014/2/22/Grey_stripes_Sheffield2014.png"></div> |
| + | </body> |
| </html> | | </html> |