|
|
(71 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-->
| + | .teamProfiles { |
- | <link href='http://fonts.googleapis.com/css?family=PT+Sans+Caption:100,300,400,500,600,700,800,900' rel='stylesheet' type='text/css'> | + | width: 960px; |
- | <link href='http://fonts.googleapis.com/css?family=Candal' rel='stylesheet' type='text/css'> | + | margin-left: auto; |
- | <script src="https://2014.igem.org/Team:Sheffield/Template:hover_pack.js?action=raw&ctype=text/javascript"></script> | + | margin-right: auto; |
- | <!-- Add fancyBox main JS and CSS files -->
| + | } |
- | <script src="https://2014.igem.org/Team:Sheffield/Template:jquery.magnific-popup.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
| + | .profilePicture { |
- | <link href="https://2014.igem.org/Team:Sheffield/Template:magnific-popup.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
| + | background: #ffffff; |
- | <script>
| + | -webkit-border-radius: 130px; |
- | $(document).ready(function() { | + | padding: 5px 0px; |
- | $('.popup-with-zoom-anim').magnificPopup({ | + | width: 250px; |
- | type: 'inline',
| + | height: 188px; |
- | fixedContentPos: false,
| + | } |
- | fixedBgPos: true,
| + | |
- | overflowY: 'auto',
| + | .headerImage { |
- | closeBtnInside: true,
| + | position: absolute; |
- | preloader: false,
| + | top: -450px; |
- | midClick: true,
| + | width: 100%; |
- | removalDelay: 300,
| + | height: 525px; |
- | mainClass: 'my-mfp-zoom-in'
| + | overflow: hidden; |
- | });
| + | z-index: -1; |
- | });
| + | } |
- | </script>
| + | |
- | </head>
| + | |
- | <body>
| + | |
- | <!----start-header---->
| + | |
| | | |
- | <!----end-header---->
| + | .headerImage img { |
- | <div class="main">
| + | width: 100%; |
| + | } |
| | | |
| + | .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; |
| + | } |
| | | |
| + | td { |
| + | text-align: center; |
| + | vertical-align: top; |
| + | } |
| | | |
- | <div class="work" id="work">
| + | table { |
- | <div class="container">
| + | background: transparent; |
- | <div class="slider">
| + | } |
- | <div id="firstSection">
| + | |
- | <div id="da-slider" class="da-slider">
| + | |
- | <div class="da-slide">
| + | |
- | <h2 class="m_3">Sheffield iGEM 2014</h2>
| + | |
- | <p class="m_5"><br>bla bla bla</p>
| + | |
- | </div>
| + | |
- | <div class="da-slide">
| + | |
- | <h2 class="m_3">Degrade Fatburg</h2>
| + | |
- | <p class="m_5"><br>bla bla bla</p>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:Sheffield/Template:slider.css?action=raw&ctype=text/css" /> | + | |
- | <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>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
| | | |
- | <div class="team" id='team'>
| + | |
- | <div class="container_wrapper">
| + | </style> |
- | <div class="top_box">
| + | </head> |
- | <h2>Our Team</h2>
| + | <body> |
- | <img src="./images/circles.png" alt=""/>
| + | <div class="headerImage"><img src="https://static.igem.org/mediawiki/2014/2/22/Grey_stripes_Sheffield2014.png"></div> |
- | </div>
| + | </body> |
- | <ul class="guy">
| + | |
- | <li class="guy_img"><img src="https://static.igem.org/mediawiki/2014/c/cc/Jay.JPG" class="img-responsive" alt=""/></li>
| + | |
- | <li class="guy_desc">
| + | |
- | <h3><a href="#">Duis autem</a></h3>
| + | |
- | <span class="ceo">C.e.o</span>
| + | |
- | <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,</p>
| + | |
- | </li>
| + | |
- | <div class="clearfix"> </div>
| + | |
- | </ul>
| + | |
- | <ul class="guy">
| + | |
- | <li class="guy_desc1">
| + | |
- | <h3><a href="#">Nam liber </a></h3>
| + | |
- | <span class="ceo">Graphic Designer</span>
| + | |
- | <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,</p>
| + | |
- | </li>
| + | |
- | <li class="guy_img1"><img src="https://static.igem.org/mediawiki/2014/c/cc/Jay.JPG" class="img-responsive" alt=""/></li>
| + | |
- | <div class="clearfix"> </div>
| + | |
- | </ul>
| + | |
- | <ul class="guy">
| + | |
- | <li class="guy_img"><img src="https://static.igem.org/mediawiki/2014/c/cc/Jay.JPG" class="img-responsive" alt=""/></li>
| + | |
- | <li class="guy_desc">
| + | |
- | <h3><a href="#">Eodem modo</a></h3>
| + | |
- | <span class="ceo">Web Developer</span>
| + | |
- | <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,</p>
| + | |
- | </li>
| + | |
- | <div class="clearfix"> </div>
| + | |
- | </ul>
| + | |
- | <ul class="guy">
| + | |
- | <li class="guy_desc1">
| + | |
- | <h3><a href="#">Tuis autem</a></h3>
| + | |
- | <span class="ceo">Photographer</span>
| + | |
- | <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,</p>
| + | |
- | </li>
| + | |
- | <li class="guy_img1"><img src="https://static.igem.org/mediawiki/2014/c/cc/Jay.JPG" class="img-responsive" alt=""/></li>
| + | |
- | <div class="clearfix"> </div>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="portfolio" id="blog">
| + | |
- | <div class="top_box">
| + | |
- | <h3>Gallery</h3>
| + | |
- | <img src="./images/circle_work.png" alt=""/>
| + | |
- | </div>
| + | |
- | <ul class="portfolio_grids">
| + | |
- | <li>
| + | |
- | <div class="view view-first">
| + | |
- | <img src="https://static.igem.org/mediawiki/2014/c/cc/Jay.JPG" class="img-responsive" alt=""/>
| + | |
- | <div class="mask">
| + | |
- | <a class="popup-with-zoom-anim" href="#small-dialog1"> <div class="info"><img src="./images/search.png" alt=""/></div></a>
| + | |
- | <div id="small-dialog1" class="mfp-hide">
| + | |
- | <div class="pop_up2">
| + | |
- | <img src="https://static.igem.org/mediawiki/2014/c/cc/Jay.JPG" class="img-responsive" alt=""/>
| + | |
- | <h3 class="popup"><a href="#">augue duis dolore te feugait</a></h3>
| + | |
- | <p class="m_5">claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.</p>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <div class="view view-first">
| + | |
- | <img src="./images/p2.jpg" class="img-responsive" alt=""/>
| + | |
- | <div class="mask">
| + | |
- | <a class="popup-with-zoom-anim" href="#small-dialog2"> <div class="info"><img src="./images/search.png" alt=""/></div></a>
| + | |
- | <div id="small-dialog2" class="mfp-hide">
| + | |
- | <div class="pop_up2">
| + | |
- | <img src="./images/p2.jpg" class="img-responsive" alt=""/>
| + | |
- | <h3 class="popup"><a href="#">augue duis dolore te feugait</a></h3>
| + | |
- | <p class="m_5">claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.</p>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <div class="view view-first">
| + | |
- | <img src="./images/p3.jpg" class="img-responsive" alt=""/>
| + | |
- | <div class="mask">
| + | |
- | <a class="popup-with-zoom-anim" href="#small-dialog3"> <div class="info"><img src="./images/search.png" alt=""/></div></a>
| + | |
- | <div id="small-dialog3" class="mfp-hide">
| + | |
- | <div class="pop_up2">
| + | |
- | <img src="./images/p3.jpg" class="img-responsive" alt=""/>
| + | |
- | <h3 class="popup"><a href="#">augue duis dolore te feugait</a></h3>
| + | |
- | <p class="m_5">claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.</p>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <div class="view view-first">
| + | |
- | <img src="./images/p4.jpg" class="img-responsive" alt=""/>
| + | |
- | <div class="mask">
| + | |
- | <a class="popup-with-zoom-anim" href="#small-dialog4"> <div class="info"><img src="./images/search.png" alt=""/></div></a>
| + | |
- | <div id="small-dialog4" class="mfp-hide">
| + | |
- | <div class="pop_up2">
| + | |
- | <img src="./images/p4.jpg" class="img-responsive" alt=""/>
| + | |
- | <h3 class="popup"><a href="#">augue duis dolore te feugait</a></h3>
| + | |
- | <p class="m_5">claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.</p>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <div class="view view-first">
| + | |
- | <img src="./images/p5.jpg" class="img-responsive" alt=""/>
| + | |
- | <div class="mask">
| + | |
- | <a class="popup-with-zoom-anim" href="#small-dialog5"> <div class="info"><img src="./images/search.png" alt=""/></div></a>
| + | |
- | <div id="small-dialog5" class="mfp-hide">
| + | |
- | <div class="pop_up2">
| + | |
- | <img src="./images/p5.jpg" class="img-responsive" alt=""/>
| + | |
- | <h3 class="popup"><a href="#">augue duis dolore te feugait</a></h3>
| + | |
- | <p class="m_5">claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.</p>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <div class="view view-first">
| + | |
- | <img src="./images/p6.jpg" class="img-responsive" alt=""/>
| + | |
- | <div class="mask">
| + | |
- | <a class="popup-with-zoom-anim" href="#small-dialog6"> <div class="info"><img src="./images/search.png" alt=""/></div></a>
| + | |
- | <div id="small-dialog6" class="mfp-hide">
| + | |
- | <div class="pop_up2">
| + | |
- | <img src="./images/p6.jpg" class="img-responsive" alt=""/>
| + | |
- | <h3 class="popup"><a href="#">augue duis dolore te feugait</a></h3>
| + | |
- | <p class="m_5">claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.</p>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <div class="clearfix"></div>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </body> | + | |
| </html> | | </html> |