Difference between revisions of "Team:Pumas Mexico/Team"

Line 2: Line 2:
 
<html>
 
<html>
  
 +
<html lang="en">
 +
<head>
 +
<meta charset="utf-8">
 +
 +
<link rel="Shortcut Icon" type="image/ico" href="imgs/favicon.ico" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1" />
 +
 
 +
<title>Airy Photography Theme</title>
 +
 
 +
<!-- CSS _____________________________________________-->
 +
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans:400,600&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
 +
 +
<link rel="stylesheet" href="css/icomoon.css" media="screen" />
 +
<link rel="stylesheet" href="css/magnificpopup.css" media="screen" />
 +
<link rel="stylesheet" href="style.css" media="screen" /> 
 +
 +
<!-- Fixing Internet Explorer ______________________________________-->
 +
<!--[if lt IE 9]>
 +
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 +
<link rel="stylesheet" href="css/ie.css" />
 +
<![endif]-->
 +
 +
</head>
 +
<body class="">
 +
<!-- Loader _______________________________-->
 +
<div class="loadreveal"></div>
 +
<div id="loadscreen"><div id="loader"><span></span></div></div>
 +
 +
<!-- HEADER _____________________________________________-->
 +
<header role="banner" id="header">
 +
 +
<div class="wrapper">
 +
 +
<!-- Logo __-->
 +
<h1 id="logo">
 +
<a href="index.html" rel="home" id="logo-svg-animated">
 +
<img src="imgs/logo.png" alt="logo" />
 +
</a>
 +
</h1>
 +
 +
<!-- Main menu __-->
 +
<nav id="mainmenu" role="navigation">
 +
 +
<div id="menu-burger"><i class="icon-menu"></i></div>
 +
<div id="searchicon">
 +
<i class="icon-search"></i>
 +
<form action="/" method="get" id="searchbar">
 +
<fieldset>
 +
<input type="text" name="s" id="searchbar-input" value="" />
 +
<button type="submit" id="searchbar-submit"></button>
 +
</fieldset>
 +
</form>
 +
</div>
 +
<div id="menu">
 +
<ul>
 +
<li class="menu-item-has-children"><a href="#">Home</a>
 +
<ul class="sub-menu">
 +
<li><a href="index.html">Fullscreen Image</a></li>
 +
<li><a href="gallery-fullscreen.html">Fullscreen Gallery</a></li>
 +
<li><a href="gallery-fullscreen-kenburns.html">Fullscreen KenBurns</a></li>
 +
<li><a href="gallery-fullscreen-video.html">Fullscreen Video</a></li>
 +
</ul>
 +
</li>
 +
<li class="current_page_parent menu-item-has-children"><a href="#">Galleries</a>
 +
<ul class="sub-menu">
 +
<li><a href="gallery-masonry.html">Masonry Grid Gallery</a></li>
 +
<li><a href="gallery-horizontal.html">Horizontal Gallery</a></li>
 +
<li><a href="gallery-vertical.html">Vertical Gallery</a></li>
 +
<li><a href="gallery-fullscreen.html">Fullscreen Gallery</a></li>
 +
<li><a href="before-after.html">Before &amp; After</a></li>
 +
<li><a href="photo-story.html">Photo Story</a></li>
 +
<li><a href="password-protected.html">Password Protected</a></li>
 +
<li><a href="gallery-archive.html">Gallery Albums</a></li>
 +
</ul>
 +
</li>
 +
<li class="menu-item-has-children"><a href="#">Pages</a>
 +
<ul class="sub-menu">
 +
<li><a href="about.html">About</a></li>
 +
<li><a href="pricing.html">Pricing</a></li>
 +
<li><a href="elements.html">Typography & Elements</a></li>
 +
<li><a href="404.html">404 Page</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="docs.html">Docs</a></li>
 +
<li><a href="blog.html">Journal</a>
 +
</li>
 +
<li><a href="contact.html">Contact</a></li>
 +
</ul>
 +
</div>
 +
</nav>
 +
</div> <!-- END .wrapper -->
 +
 +
</header>
 +
 +
 +
 +
<!-- MAIN CONTENT SECTION  _____________________________________________-->
 +
<section id="content" role="main">
 +
<div class="wrapper">
 +
 +
<!-- WYSIWYG -->
 +
<h2>Vertical Gallery</h2>
 +
<p class="no-padding">Once upon a time, there was a cute vertical-slide gallery.</p>
 +
 +
<div class="gallery vertical-gallery">
 +
<figure class="gallery-item landscapes">
 +
<header class='gallery-icon'>
 +
<a href="imgs/photography/landscape01-600x400.jpg" class="popup"><img src="imgs/photography/landscape01-600x400.jpg"alt="" /></a>
 +
</header>
 +
<figcaption class='gallery-caption'>
 +
<div class="entry-summary">
 +
<h3>Sunset Photoshoot: <br />Rocks on a Beach</h3>
 +
<p>Summer 2014, Seychelles</p>
 +
</div>
 +
</figcaption>
 +
</figure>
 +
 +
<figure class="gallery-item landscapes">
 +
<header class='gallery-icon'>
 +
<a href="imgs/photography/landscape02-600x400.jpg" class="popup"><img src="imgs/photography/landscape02-600x400.jpg"alt="" /></a>
 +
</header>
 +
<figcaption class='gallery-caption'>
 +
<div class="entry-summary">
 +
<h3>Caption of This Beauty</h3>
 +
<p>Description of an image</p>
 +
</div>
 +
</figcaption>
 +
</figure>
 +
 +
<figure class="gallery-item landscapes">
 +
<header class='gallery-icon'>
 +
<a href="imgs/photography/landscape03-600x400.jpg" class="popup"><img src="imgs/photography/landscape03-600x400.jpg"alt="" /></a>
 +
</header>
 +
<figcaption class='gallery-caption'>
 +
<div class="entry-summary">
 +
<h3>Caption of This Beauty</h3>
 +
<p>Description of an image</p>
 +
</div>
 +
</figcaption>
 +
</figure>
 +
 +
<figure class="gallery-item landscapes">
 +
<header class='gallery-icon'>
 +
<a href="imgs/photography/landscape04-600x400.jpg" class="popup"><img src="imgs/photography/landscape04-600x400.jpg"alt="" /></a>
 +
</header>
 +
<figcaption class='gallery-caption'>
 +
<div class="entry-summary">
 +
<h3>Caption of This Beauty</h3>
 +
<p>Description of an image</p>
 +
</div>
 +
</figcaption>
 +
</figure>
 +
 +
<figure class="gallery-item landscapes">
 +
<header class='gallery-icon'>
 +
<a href="imgs/photography/landscape05-600x366.jpg" class="popup"><img src="imgs/photography/landscape05-600x366.jpg"alt="" /></a>
 +
</header>
 +
<figcaption class='gallery-caption'>
 +
<div class="entry-summary">
 +
<h3>Caption of This Beauty</h3>
 +
<p>Description of an image</p>
 +
</div>
 +
</figcaption>
 +
</figure>
 +
 +
<figure class="gallery-item landscapes">
 +
<header class='gallery-icon'>
 +
<a href="imgs/photography/landscape06-600x400.jpg" class="popup"><img src="imgs/photography/landscape06-600x400.jpg"alt="" /></a>
 +
</header>
 +
<figcaption class='gallery-caption'>
 +
<div class="entry-summary">
 +
<h3>Caption of This Beauty</h3>
 +
<p>Description of an image</p>
 +
</div>
 +
</figcaption>
 +
</figure>
 +
 +
<figure class="gallery-item landscapes">
 +
<header class='gallery-icon'>
 +
<a href="imgs/photography/landscape07-600x400.jpg" class="popup"><img src="imgs/photography/landscape07-600x400.jpg"alt="" /></a>
 +
</header>
 +
<figcaption class='gallery-caption'>
 +
<div class="entry-summary">
 +
<h3>Caption of This Beauty</h3>
 +
<p>Description of an image</p>
 +
</div>
 +
</figcaption>
 +
</figure>
 +
 +
<figure class="gallery-item landscapes">
 +
<header class='gallery-icon'>
 +
<a href="imgs/photography/landscape08-600x300.jpg" class="popup"><img src="imgs/photography/landscape08-600x300.jpg"alt="" /></a>
 +
</header>
 +
<figcaption class='gallery-caption'>
 +
<div class="entry-summary">
 +
<h3>Caption of This Beauty</h3>
 +
<p>Description of an image</p>
 +
</div>
 +
</figcaption>
 +
</figure>
 +
 +
<figure class="gallery-item landscapes">
 +
<header class='gallery-icon'>
 +
<a href="imgs/photography/landscape09-600x400.jpg" class="popup"><img src="imgs/photography/landscape09-600x400.jpg"alt="" /></a>
 +
</header>
 +
<figcaption class='gallery-caption'>
 +
<div class="entry-summary">
 +
<h3>Caption of This Beauty</h3>
 +
<p>Description of an image</p>
 +
</div>
 +
</figcaption>
 +
</figure>
 +
 +
<figure class="gallery-item landscapes">
 +
<header class='gallery-icon'>
 +
<a href="imgs/photography/landscape10-600x400.jpg" class="popup"><img src="imgs/photography/landscape10-600x400.jpg"alt="" /></a>
 +
</header>
 +
<figcaption class='gallery-caption'>
 +
<div class="entry-summary">
 +
<h3>Caption of This Beauty</h3>
 +
<p>Description of an image</p>
 +
</div>
 +
</figcaption>
 +
</figure>
 +
 +
<figure class="gallery-item landscapes">
 +
<header class='gallery-icon'>
 +
<a href="imgs/photography/landscape11-600x400.jpg" class="popup"><img src="imgs/photography/landscape11-600x400.jpg"alt="" /></a>
 +
</header>
 +
<figcaption class='gallery-caption'>
 +
<div class="entry-summary">
 +
<h3>Caption of This Beauty</h3>
 +
<p>Description of an image</p>
 +
</div>
 +
</figcaption>
 +
</figure>
 +
 +
<figure class="gallery-item landscapes">
 +
<header class='gallery-icon'>
 +
<a href="imgs/photography/landscape12-600x400.jpg" class="popup"><img src="imgs/photography/landscape12-600x400.jpg"alt="" /></a>
 +
</header>
 +
<figcaption class='gallery-caption'>
 +
<div class="entry-summary">
 +
<h3>Caption of This Beauty</h3>
 +
<p>Description of an image</p>
 +
</div>
 +
</figcaption>
 +
</figure>
 +
 +
<figure class="gallery-item landscapes">
 +
<header class='gallery-icon'>
 +
<a href="imgs/photography/landscape13-600x400.jpg" class="popup"><img src="imgs/photography/landscape13-600x400.jpg"alt="" /></a>
 +
</header>
 +
<figcaption class='gallery-caption'>
 +
<div class="entry-summary">
 +
<h3>Caption of This Beauty</h3>
 +
<p>Description of an image</p>
 +
</div>
 +
</figcaption>
 +
</figure>
 +
 +
<figure class="gallery-item landscapes">
 +
<header class='gallery-icon'>
 +
<a href="imgs/photography/landscape14-600x400.jpg" class="popup"><img src="imgs/photography/landscape14-600x400.jpg"alt="" /></a>
 +
</header>
 +
<figcaption class='gallery-caption'>
 +
<div class="entry-summary">
 +
<h3>Caption of This Beauty</h3>
 +
<p>Description of an image</p>
 +
</div>
 +
</figcaption>
 +
</figure>
 +
</div>
 +
 +
 +
<!-- END WYSIWYG -->
 +
</div><!-- END .wrapper -->
 +
</section>
 +
 +
 +
<footer id="footer" role="contentinfo">
 +
<div class="entry-social">
 +
<p><a href="javascript:void(0)" class="button" id="votelikebutton">&hearts; Like</a>  128 Likes <span class="sharers">Share: &nbsp;<a href="#">Facebook</a> <a href="#">Twitter</a> <a href="#">Google+</a></span></p>
 +
</div>
 +
 +
<p class="back-to-top"><a href="#header">Back to top ↑</a></p>
 +
<p class="copyright">Airy Theme &copy; 2016</p>
 +
<ul class="social-icons">
 +
<li><a href="#" target="_blank" title="Flickr"><i class="icon-flickr"></i></a></li>
 +
<li><a href="#" target="_blank" title="Facebook"><i class="icon-facebook"></i></a></li>
 +
<li><a href="#" target="_blank" title="Twitter"><i class="icon-twitter"></i></a></li>
 +
</ul>
 +
</footer>
 +
 +
<!-- Javascripts ______________________________________-->
 +
<script src="js/jquery.min.js"></script>
 +
<script src="js/retina.min.js"></script>
 +
<!-- include image popups -->
 +
<script src="js/jquery.magnific-popup.min.js"></script>
 +
<!-- include gallery cycle plugin -->
 +
<script src="js/jquery.cycle.min.js"></script>
 +
<!-- include mousewheel plugin -->
 +
<script src="js/jquery.mousewheel.min.js"></script>
 +
<!--
 
<div class="column full_size" >
 
<div class="column full_size" >
 
<img src="https://static.igem.org/mediawiki/2016/3/3c/T--Pumas_Mexico--Portada.jpg">
 
<img src="https://static.igem.org/mediawiki/2016/3/3c/T--Pumas_Mexico--Portada.jpg">

Revision as of 02:41, 15 October 2016

Airy Photography Theme

Vertical Gallery

Once upon a time, there was a cute vertical-slide gallery.

Sunset Photoshoot:
Rocks on a Beach

Summer 2014, Seychelles

Caption of This Beauty

Description of an image

Caption of This Beauty

Description of an image

Caption of This Beauty

Description of an image

Caption of This Beauty

Description of an image

Caption of This Beauty

Description of an image

Caption of This Beauty

Description of an image

Caption of This Beauty

Description of an image

Caption of This Beauty

Description of an image

Caption of This Beauty

Description of an image

Caption of This Beauty

Description of an image

Caption of This Beauty

Description of an image

Caption of This Beauty

Description of an image

Caption of This Beauty

Description of an image