Team:CIDEB-UANL Mexico/menutemplate

From 2013hs.igem.org

(Difference between revisions)
(Created page with "{{:Team:CIDEB-UANL_Mexico/style}} {{:Team:CIDEB-UANL_Mexico/menu}} <html> <head> <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/cs...")
Line 1: Line 1:
{{:Team:CIDEB-UANL_Mexico/style}}
{{:Team:CIDEB-UANL_Mexico/style}}
-
{{:Team:CIDEB-UANL_Mexico/menu}}
+
{{:Team:CIDEB-UANL_Mexico/css}}
-
<html>
+
{{:Team:CIDEB-UANL_Mexico/menustyle}}
 +
{{:Team:CIDEB-UANL_Mexico/java1}}
 +
{{:Team:CIDEB-UANL_Mexico/java2}}
 +
<html lang="en">
<head>
<head>
 +
<title>Sliding Background Image Menu with jQuery</title>
 +
<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=PT+Sans+Narrow' rel='stylesheet' type='text/css' />
-
<style>
+
<link href='http://fonts.googleapis.com/css?family=News+Cycle&v1' rel='stylesheet' type='text/css' />
-
 
+
<link href='http://fonts.googleapis.com/css?family=Dosis:400,700' rel='stylesheet' type='text/css'>
-
#texto {
+
<style type="text/css">
-
float: left;
+
.Estilo3 { font-size: 50px;
-
background-color: #FFFFFF;
+
font-family: 'PT Sans Narrow';
-
font-family: 'PT Sans Narrow';
+
  font-style: normal;
-
font-size:18px;
+
color: #FFFFFF;
-
 
+
}
}
-
 
+
        .Estilo8 {
-
.Estilo6 {
+
font-size: 31px;
-
        font-family: 'PT Sans Narrow';
+
color: #000000;
-
        color: #FFFFFF;
+
}
}
-
#title {height: 55px; padding-left: 10px; background-color: #0A2A12; font-size:50px; color:white; font-weight:bold; text-decoration:none; text-align:left;}
+
        .Estilo10 { font-size: 36px;
-
#subtitle {height: 35px; padding-left: 10px; background-color: #0B3B24; font-size:30px; color:white; font-weight:bold; text-decoration:none; text-align:left;}
+
color: #FFFFFF;
-
p {padding: 14px;}
+
}
-
 
+
.Estilo6 {
-
</style>
+
color: #FFFFFF;
-
 
+
font-size: 20px;
 +
font-family: 'Dosis', sans-serif;
 +
padding: 20px;
 +
}
 +
        </style>
</head>
</head>
-
 
+
    <body>
-
<body>
+
-
 
+
<div class="header">
-
<table id="title" width="100%">
+
  <div style="background-color: #000000"align="center">
-
<tr>
+
    <table width="100%" border="0" bgcolor="#000000">
-
<td>
+
      <tr>
-
<div class="Estilo6">
+
        <td><div align="center" class="Estilo3">THERMONATOR: THE CROP GUARDIAN</div></td>
-
Project</div>
+
          </tr>
-
</td>
+
        </table>
-
</tr>
+
      </div>
-
</table>
+
</div>
-
 
+
-
<table id="subtitle" width="100%">
+
<div class="content">
-
<tr>
+
  <div id="sbi_container" class="sbi_container">  
-
<td>
+
    <div class="sbi_panel" data-bg="images/1.jpg"> <a href="#" class="sbi_label">Project</a>  
-
<div class="Estilo6">
+
      <div class="sbi_content">  
-
Abstract
+
        <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="images/2.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="images/3.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="images/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="images/5.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="images/6.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="images/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="images/8.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>
</div>
-
</td>
+
-
</tr>
+
     
-
</table>
+
<table border="0" align="center" cellpadding="10" cellspacing="10">
-
 
+
  <tr >
-
<table style="background-color: #FFFFFF;" width="100%" id="texto">
+
       
-
<tr>
+
    <td>
-
<td>
+
<p align="center" class="Estilo10">Welcome to the IGEM-CIDEB UANL's wiki TOUR</p>
-
<p><b>Thermonator III: The crop guardian</b></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>
-
<p align="justify">Our project is about a genetic engineered machine in E. coli with the ability to produce Vip3ca3 which acts as a pesticide protein. Vip3ca3 production will be regulated by specific temperatures in order to avoid overproduction and it will show activity against target organisms Coleoptera and Lepidoptera, which are related to a local problem concerning potato crops. The Vip3ca3 production is regulated with a constitutive promoter and a riboswitch that initiate translation around 32°C. Since we want to produce the Vip3ca3 below the 32°C, we use a set of promoter-repressors in order to invert the activation of the protein production. This model may be used as a regulator in future transgenic plant generations for the production of substances against plagues, avoiding pesticide overproduction, thus reducing the effect in Non-Target Organisms and bioaccumulation and can be used with different temperature ranges and/or different proteins to attack other target organisms.</p>
+
        <td><a class="twitter-timeline" href="https://twitter.com/iGEM_CIDEB" data-widget-id="342537625611149313">Tweets por @iGEM_CIDEB</a>
-
</td>
+
<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 style="background-color: #FFFFFF;">
+
                      </td>
-
<img src="https://static.igem.org/mediawiki/2013hs/d/d3/D9b5b18226b32476e3e16622aae4da9e.jpg" height="300px" />
+
          </tr>
-
</td>
+
        </table>
-
</tr>
+
       
-
</table>
+
-
 
+
-
 
+
-
 
+
-
</body>
+
 +
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
 +
<script type="text/javascript">
 +
$(function() {
 +
$('#sbi_container').bgImageMenu({
 +
defaultBg : 'images/default.jpg',
 +
menuSpeed : 300,
 +
border : 1,
 +
type : {
 +
mode : 'verticalSlideAlt',
 +
speed : 450,
 +
easing : 'easeOutBack'
 +
}
 +
});
 +
});
 +
</script>
 +
    </body>
</html>
</html>
{{:Team:CIDEB-UANL_Mexico/footer}}
{{:Team:CIDEB-UANL_Mexico/footer}}

Revision as of 23:14, 17 June 2013

Sliding Background Image Menu with jQuery

THERMONATOR: THE CROP GUARDIAN

Welcome to the IGEM-CIDEB UANL's wiki TOUR

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.
cideb
cideb
Contact us! Follow us on twitter and facebook or send us a mail.
CIDEB UANL Team. Centro de Investigación y Desarrollo de Educación Bilingüe
facebooktwitterenvelope

Retrieved from "http://2013hs.igem.org/Team:CIDEB-UANL_Mexico/menutemplate"