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" >
 
−
<img src="https://static.igem.org/mediawiki/2016/3/3c/T--Pumas_Mexico--Portada.jpg">
 
−
</div>
 
  
 
<div class="column full_size" >
 
<div class="column full_size" >

Revision as of 02:59, 15 October 2016

In this page you can introduce your team members, instructors, and advisors.

inicio
Inspiration

You can look at what other teams did to get some inspiration!
Here are a few examples:

What should this page contain?
  • Include pictures of your teammates, don’t forget instructors and advisors!
  • You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.
  • Take team pictures! Show us your school, your lab and little bit of your city.
  • Remember that image galleries can help you showcase many pictures while saving space.