Team:Tec-Monterrey/Team

From 2012.igem.org

(Difference between revisions)
(`)
Line 1: Line 1:
-
<head>
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
<title>Igem 2012 Tec Monterrey</title>
+
<head>
-
<style type="text/css">
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-
<!--
+
<title>Tec Igem 2012</title>
-
@charset "utf-8";
+
<link href="awesome.css" rel="stylesheet" type="text/css"/>
-
body {
+
</head>
-
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
+
-
background: #FFF;
+
-
margin: 0;
+
-
padding: 0;
+
-
color: #000;
+
-
}
+
-
ul, ol, dl {
+
-
padding: 0;
+
-
margin: 0;
+
-
}
+
-
h1, h2, h3, h4, h5, h6, p {
+
-
margin-top: 0;
+
-
padding-right: 15px;
+
-
padding-left: 15px;
+
-
}
+
-
a img {
+
-
border: none;
+
-
}
+
-
a:link {
+
-
color:#414958;
+
-
text-decoration: underline;
+
-
}
+
-
a:visited {
+
-
color: #4E5869;
+
-
text-decoration: underline;
+
-
}
+
-
a:hover, a:active, a:focus {
+
-
text-decoration: none;
+
-
}
+
-
.container {
+
-
width: 80%;
+
-
max-width: 1260px;
+
-
min-width: 780px;
+
-
margin: 0 auto;
+
-
}
+
-
.header {
+
-
min-height:145px;
+
-
}
+
-
.content {
+
-
padding: 10px 0;
+
-
}
+
-
.content ul, .content ol {
+
-
padding: 0 15px 15px 40px;
+
-
}
+
-
.footer {
+
-
padding: 10px 0;
+
-
}
+
-
.fltrt {
+
-
float: right;
+
-
margin-left: 8px;
+
-
}
+
-
.fltlft {
+
-
float: left;
+
-
margin-right: 8px;
+
-
}
+
-
.clearfloat {
+
-
clear:both;
+
-
height:0;
+
-
font-size: 1px;
+
-
line-height: 0px;
+
-
}
+
-
.center-div {
+
-
margin-left:auto;
+
-
margin-right:auto;
+
-
}
+
-
.logo {
+
-
width:20%;
+
-
height:145px;
+
-
float:left;
+
-
background:url(img/teamlogo_normal.png) no-repeat;
+
-
}
+
-
.logo:hover {
+
-
background:url(img/teamlogo_hover.png) no-repeat;
+
-
}
+
-
.menu #sp1{ background:url(img/igemlogo_normal.png) no-repeat; border:none; height:64px; width:64px;}
 
-
.menu #sp1:hover{ background:url(img/igemlogo_hover.png) no-repeat;}
 
-
 
-
.menu #bt1{ background:url(img/allergen_normal.jpg) no-repeat; border:none; height:65px; width:152px;}
 
-
.menu #bt1:hover{ background:url(img/allergen_hover.jpg) no-repeat;}
 
-
.menu #bt2{ background:url(img/antifreeze_normal.jpg) no-repeat; border:none; height:65px; width:152px;}
 
-
.menu #bt2:hover{ background:url(img/antifreeze_hover.jpg) no-repeat;}
 
-
.menu #bt3{ background:url(img/humanpractice_normal.jpg) no-repeat; border:none; height:65px; width:152px;}
 
-
.menu #bt3:hover{ background:url(img/humanpractice_hover.jpg) no-repeat;}
 
-
.menu #bt4{ background:url(img/extras_normal.jpg) no-repeat; border:none; height:65px; width:152px;}
 
-
.menu #bt4:hover{ background:url(img/extras_hover.jpg) no-repeat;}
 
-
.menu #bt5{ background:url(img/team_normal.jpg) no-repeat; border:none; height:65px; width:152px;}
 
-
.menu #bt5:hover{ background:url(img/team_hover.jpg) no-repeat;}
 
-
 
-
.content #s1,#s2,#s3{ background:url(img/bgaleria_allergen_normal.png) no-repeat; border:none; height:25px; width:35px;}
 
-
.content #s1:hover,#s2:hover,#s3:hover { background:url(img/bgaleria_allergen_selec.png) no-repeat;}
 
-
.content #s4,#s5,#s6{ background:url(img/bgaleria_antifreeze_normal.png) no-repeat; border:none; height:25px; width:35px;}
 
-
.content #s4:hover,#s5:hover,#s6:hover { background:url(img/bgaleria_antifreeze_selec.png) no-repeat;}
 
-
 
-
.foot-left {
 
-
height:100px;
 
-
}
 
-
.foot-mid {
 
-
height:200px;
 
-
}
 
-
.foot-rite {
 
-
height:100px;
 
-
}
 
-
-->
 
-
</style>
 
-
</head>
 
<body>
<body>
<div class="container">
<div class="container">
-
<div class="header">
+
<div class="header">
-
<div class="logo">
+
<div class="logo">
-
</div>
+
</div>
-
<div class="menu">
+
<div class="menu">
-
<table width="80%">
+
<table width="80%">
-
<tr>
+
<tr>
-
<td align="right"><button type="button" id="sp1">&nbsp;</button></td>
+
<td align="right"><button type="button" id="sp1">&nbsp;</button></td>
-
</tr>
+
</tr>
-
<tr>
+
<tr>
-
<td valign="bottom"align="right">
+
<td valign="bottom"align="right">
-
<button type="button" id="bt1">&nbsp;</button><button type="button" id="bt2">&nbsp;</button><button type="button" id="bt3">&nbsp;</button><button type="button" id="bt4">&nbsp;</button><button type="button" id="bt5">&nbsp;</button>
+
<button type="button" id="bt1">&nbsp;</button><button type="button" id="bt2">&nbsp;</button><button type="button" id="bt3">&nbsp;</button><button type="button" id="bt4">&nbsp;</button><button type="button" id="bt5">&nbsp;</button>
-
</td>
+
</td>
-
</tr>
+
</tr>
-
</table>
+
</table>
-
</div>
+
</div>
-
</div>
+
</div>
-
<div class="content">
+
-
<table align="center">
+
<div class="content">
-
<tr>
+
<table align="center">
-
<td> <img src="img/welcome.png" alt="slide" longdesc="slide"> </td>
+
<tr>
-
</tr>
+
<td> <img src="img/welcome.png" alt="slide" longdesc="slide"> </td>
-
<tr>
+
</tr>
-
<td>
+
<tr>
-
<div id="slideshow">
+
<td>
-
<img src="img/1.jpg" alt="Slide1">
+
-
</div>
+
<div id="slideshow">
-
</td>
+
<ul id="nav">
-
</tr>
+
<li id="prev"><a href="#">Prev</a></li>
-
<tr>
+
<li id="next"><a href="#">Next</a></li>
-
<td align="center">
+
</ul>
-
<button type="button" id="s1">&nbsp;</button><button type="button" id="s2">&nbsp;</button><button type="button" id="s3">&nbsp;</button><button type="button" id="s4">&nbsp;</button><button type="button" id="s5">&nbsp;</button><button type="button" id="s6">&nbsp;</button>
+
<ul id="slides">
-
</td>
+
<li><img src="img/1.jpg" alt="Slide1"></li>
-
</tr>
+
<li><img src="img/2.jpg" alt="Slide2"></li>
-
<tr>
+
<li><img src="img/3.jpg" alt="Slide3"></li>
-
<td align="center">
+
</ul>
-
We are team tec monterrey
+
</div>
-
</td>
+
-
</tr>
+
</td>
-
</table>
+
</tr>
-
</div>
+
<tr>
-
<div class="footer">
+
<td align="center">
-
<table width="100%">
+
<button type="button" id="s1">&nbsp;</button><button type="button" id="s2">&nbsp;</button><button type="button" id="s3">&nbsp;</button><button type="button" id="s4">&nbsp;</button><button type="button" id="s5">&nbsp;</button><button type="button" id="s6">&nbsp;</button>
-
<tr valign="top">
+
</td>
-
<td width="25%">
+
</tr>
-
<div class="foot-left">
+
<tr>
-
Alergen Yeast
+
<td align="center">
-
</div>
+
We are team tec monterrey
-
</td>
+
</td>
-
<td width="50%">
+
</tr>
-
<div class="foot-mid">
+
</table>
-
Loren ipsum
+
</div>
-
</div>
+
-
</td>
+
<div class="footer">
-
<td width="25%">
+
<table width="100%">
-
<div class="foot-rite">
+
<tr valign="top">
-
Antifreeze Protein
+
<td width="25%">
-
</div>
+
<div class="foot-left">
-
</td>
+
Alergen Beast
-
</tr>
+
</div>
-
</table>
+
</td>
-
</div>
+
<td width="50%">
 +
<div class="foot-mid">
 +
Loren ipsum
 +
</div>
 +
</td>
 +
<td width="25%">
 +
<div class="foot-rite">
 +
Antifreeze Brotein
 +
</div>
 +
</td>
 +
</tr>
 +
</table>
 +
</div>
 +
</div>
</div>
 +
</body>
</body>
</html>
</html>

Revision as of 20:56, 21 June 2012

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Tec Igem 2012

slide
We are team tec monterrey