Team:CIDEB-UANL Mexico/menutemplate

{{:Team:CIDEB-UANL_Mexico/style}}
{{:Team:CIDEB-UANL_Mexico/css}}
{{:Team:CIDEB-UANL_Mexico/cssreset}}
{{:Team:CIDEB-UANL_Mexico/menustyle}}
{{:Team:CIDEB-UANL_Mexico/java1}}
{{:Team:CIDEB-UANL_Mexico/java2}}
{{:Team:CIDEB-UANL_Mexico/header}}
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="description" content="Sliding Background Image Menu with jQuery" />
<meta name="keywords" content="jquery, background image, image, menu, navigation, panels" />
<meta name="author" content="Codrops" />
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=News+Cycle&v1' rel='stylesheet' type='text/css' />
<style type="text/css">
		.Estilo3 {	font-size: 50px;
		font-family: 'PT Sans Narrow';
  font-style: normal;
	color: #FFFFFF;
}
        .Estilo8 {
	font-size: 31px;
	color: #000000;
}
        .Estilo10 {	font-size: 36px;
	color: #FFFFFF;
}
 .Estilo6 {
	color: #000000;
	font-size: 20px;
font-family: 'PT Sans Narrow';
	padding: 20px;
}
        </style>
</head>
    <body>
<div class="content"> 
  <div id="sbi_container" class="sbi_container"> 
    <div class="sbi_panel" data-bg="https://static.igem.org/mediawiki/2013hs/b/b0/Menu1-2106.jpg"> <a href="#" class="sbi_label">Project</a> 
      <div class="sbi_content"> 
        <ul>
          <li><a href="#">Our Story</a></li>
          <li><a href="#">Family</a></li>
          <li><a href="#">Mission</a></li>
        </ul>
      </div>
    </div>
    <div class="sbi_panel" data-bg="https://static.igem.org/mediawiki/2013hs/c/c7/Menu2-2106.JPG"> <a href="#" class="sbi_label">Team</a> 
      <div class="sbi_content"> 
        <ul>
          <li><a href="#">Vegetarian</a></li>
          <li><a href="#">Seafood</a></li>
          <li><a href="#">Salads</a></li>
          <li><a href="#">Summer Special</a></li>
        </ul>
      </div>
    </div>
    <div class="sbi_panel" data-bg="https://static.igem.org/mediawiki/2013hs/0/07/Menu3-2106.jpg"> <a href="#" class="sbi_label">Lab</a> 
      <div class="sbi_content"> 
        <ul>
          <li><a href="#">Restaurant</a></li>
          <li><a href="#">Country</a></li>
        </ul>
      </div>
    </div>
    <div class="sbi_panel" data-bg="https://static.igem.org/mediawiki/2013hs/d/d0/4.jpg"> <a href="#" class="sbi_label">Math</a> 
      <div class="sbi_content"> 
        <ul>
          <li><a href="#">Mauro Sousa</a></li>
        </ul>
      </div>
    </div>
    <div class="sbi_panel" data-bg="https://static.igem.org/mediawiki/2013hs/a/a7/Menu5-2106.jpg"> <a href="#" class="sbi_label">HP</a> 
      <div class="sbi_content"> 
        <ul>
          <li><a href="#">Subitem</a></li>
          <li><a href="#">Subitem</a></li>
          <li><a href="#">Subitem</a></li>
        </ul>
      </div>
    </div>
    <div class="sbi_panel" data-bg="https://static.igem.org/mediawiki/2013hs/3/3e/Menu6-2106.jpg"> <a href="#" class="sbi_label">Software</a> 
      <div class="sbi_content"> 
        <ul>
          <li><a href="#">Subitem</a></li>
          <li><a href="#">Subitem</a></li>
          <li><a href="#">Subitem</a></li>
        </ul>
      </div>
    </div>
    <div class="sbi_panel" data-bg="https://static.igem.org/mediawiki/2013hs/f/fe/7.jpg"> <a href="#" class="sbi_label">Safety</a> 
      <div class="sbi_content"> 
        <ul>
          <li><a href="#">Subitem</a></li>
          <li><a href="#">Subitem</a></li>
          <li><a href="#">Subitem</a></li>
        </ul>
      </div>
    </div>
    <div class="sbi_panel" data-bg="https://static.igem.org/mediawiki/2013hs/4/45/Menu8-2106.jpg"> <a href="#" class="sbi_label">Photos</a> 
      <div class="sbi_content"> 
        <ul>
          <li><a href="#">Subitem</a></li>
          <li><a href="#">Subitem</a></li>
          <li><a href="#">Subitem</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>
	 
      
<table border="0" align="center" cellpadding="10" cellspacing="10">
  <tr >
				        
    <td>
<p align="center" class="Estilo10">Welcome to the IGEM-CIDEB UANL's wiki TOUR</p>
                        <p align="justify" class="Estilo6">This is Vip-Tor, our best agent. He will guide you through this wiki for you to know everything about his mission. You just have to click on Vip-Tor, that is at the bottom of each page, to go to the next section. If you want to skip one part you just have to go to the navigation menu that is above of the page. The first part of the TOUR is in the PROJECT section. We hope you enjoy this tour.</p></td>
				        <td><a class="twitter-timeline" href="https://twitter.com/iGEM_CIDEB" data-widget-id="342537625611149313">Tweets por @iGEM_CIDEB</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
                      </td>
			          </tr>
			        </table>
        

 
		
		<script type="text/javascript">
			$(function() {
				$('#sbi_container').bgImageMenu({
					defaultBg	: 'https://static.igem.org/mediawiki/2013hs/3/3a/Default-2106.jpg',
					menuSpeed	: 300,
					border		: 1,
					type		: {
						mode		: 'verticalSlideAlt',
						speed		: 450,
						easing		: 'easeOutBack'
					}
				});
			});
		</script>
    </body>
</html>
{{:Team:CIDEB-UANL_Mexico/footer}}