Team:UANL Mty-Mexico/tupapa

From 2014.igem.org

(Difference between revisions)
 
(39 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:UANL_Mty-Mexico/CCS-skel}}
+
{{:Team:UANL_Mty-Mexico/csstemplate3menu}}
-
{{:Team:UANL_Mty-Mexico/CCS-style}}
+
{{:Team:UANL_Mty-Mexico/csstemplate3style}}
-
{{:Team:UANL_Mty-Mexico/CCS-style-mobile}}
+
-
{{:Team:UANL_Mty-Mexico/CCS-style-narrow}}
+
-
{{:Team:UANL_Mty-Mexico/CCS-style-narrower}}
+
-
{{:Team:UANL_Mty-Mexico/CCS-style-normal}}
+
-
{{:Team:UANL_Mty-Mexico/CCS-style-noscript}}
+
-
{{:Team:UANL_Mty-Mexico/js-initil}}
+
-
{{:Team:UANL_Mty-Mexico/js-2}}
+
-
{{:Team:UANL_Mty-Mexico/js-3}}
+
-
{{:Team:UANL_Mty-Mexico/js-4}}
+
-
{{:Team:UANL_Mty-Mexico/js-5}}
+
-
{{:Team:UANL_Mty-Mexico/js-6}}
+
-
{{:Team:UANL_Mty-Mexico/js-7}}
+
-
 
+
<html>
<html>
-
<head>
+
<head>
-
<title>Helios by HTML5 UP</title>
+
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css' />
-
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
<style>
-
<meta name="description" content="" />
+
-
<meta name="keywords" content="" />
+
-
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
+
-
+
-
</head>
+
-
<body class="homepage">
+
-
 
+
-
<!-- Header -->
+
-
<div id="header">
+
-
+
-
<!-- Inner -->
+
-
<div class="inner">
+
-
<header>
+
-
<h1><a href="index.html" id="logo">Helios</a></h1>
+
-
<hr />
+
-
<p>Another fine freebie by HTML5 UP</p>
+
-
</header>
+
-
<footer>
+
-
<a href="#banner" class="button circled scrolly">Start</a>
+
-
</footer>
+
-
</div>
+
-
+
-
<!-- Nav -->
+
-
<nav id="nav">
+
-
<ul>
+
-
<li><a href="index.html">Home</a></li>
+
-
<li>
+
-
<a href="">Dropdown</a>
+
-
<ul>
+
-
<li><a href="#">Lorem ipsum dolor</a></li>
+
-
<li><a href="#">Magna phasellus</a></li>
+
-
<li><a href="#">Etiam dolore nisl</a></li>
+
-
<li>
+
-
<a href="">And a submenu &hellip;</a>
+
-
<ul>
+
-
<li><a href="#">Lorem ipsum dolor</a></li>
+
-
<li><a href="#">Phasellus consequat</a></li>
+
-
<li><a href="#">Magna phasellus</a></li>
+
-
<li><a href="#">Etiam dolore nisl</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="#">Veroeros feugiat</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="left-sidebar.html">Left Sidebar</a></li>
+
-
<li><a href="right-sidebar.html">Right Sidebar</a></li>
+
-
<li><a href="no-sidebar.html">No Sidebar</a></li>
+
-
</ul>
+
-
</nav>
+
-
 
+
-
</div>
+
-
+
-
<!-- Banner -->
+
-
<section id="banner">
+
-
<header>
+
-
<h2>Hi. You're looking at <strong>Helios</strong>.</h2>
+
-
<p>
+
-
A (free) responsive site template by <a href="http://html5up.net">HTML5 UP</a>.
+
-
Built on <strong>skel</strong> and released under the <a href="http://html5up.net/license">CCA</a> license.
+
-
</p>
+
-
</header>
+
-
</section>
+
-
<!-- Carousel -->
+
#texto {
-
<section class="carousel">
+
float: left;
-
<div class="reel">
+
background-color: #FFFFFF;
 +
font-family: 'PT Sans Narrow';
 +
font-size:18px;
-
<article>
+
}
-
<a href="#" class="image featured"><img src="images/pic01.jpg" alt="" /></a>
+
-
<header>
+
-
<h3><a href="#">Pulvinar sagittis congue</a></h3>
+
-
</header>
+
-
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
+
-
</article>
+
-
+
-
<article>
+
-
<a href="#" class="image featured"><img src="images/pic02.jpg" alt="" /></a>
+
-
<header>
+
-
<h3><a href="#">Fermentum sagittis proin</a></h3>
+
-
</header>
+
-
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
+
-
</article>
+
-
+
-
<article>
+
-
<a href="#" class="image featured"><img src="images/pic03.jpg" alt="" /></a>
+
-
<header>
+
-
<h3><a href="#">Sed quis rhoncus placerat</a></h3>
+
-
</header>
+
-
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
+
-
</article>
+
-
+
-
<article>
+
-
<a href="#" class="image featured"><img src="images/pic04.jpg" alt="" /></a>
+
-
<header>
+
-
<h3><a href="#">Ultrices urna sit lobortis</a></h3>
+
-
</header>
+
-
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
+
-
</article>
+
-
+
-
<article>
+
-
<a href="#" class="image featured"><img src="images/pic05.jpg" alt="" /></a>
+
-
<header>
+
-
<h3><a href="#">Varius magnis sollicitudin</a></h3>
+
-
</header>
+
-
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
+
-
</article>
+
-
<article>
+
.Estilo6 {
-
<a href="#" class="image featured"><img src="images/pic01.jpg" alt="" /></a>
+
        font-family: 'PT Sans Narrow';
-
<header>
+
        color: #FFFFFF;
-
<h3><a href="#">Pulvinar sagittis congue</a></h3>
+
        padding:0 12;
-
</header>
+
}
-
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
+
#title {height: 55px; align:center; padding-left: 10px; background-color: #0A2A12; font-size:50px; color:white; font-weight:bold; text-decoration:none; text-align:left;}
-
</article>
+
#subtitle {height: 35px; padding-left: 10px;align:center; background-color: #0B3B24; font-size:30px; color:white; font-weight:bold; text-decoration:none; text-align:left;}
-
+
p {padding: 14px;}
-
<article>
+
-
<a href="#" class="image featured"><img src="images/pic02.jpg" alt="" /></a>
+
-
<header>
+
-
<h3><a href="#">Fermentum sagittis proin</a></h3>
+
-
</header>
+
-
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
+
-
</article>
+
-
+
-
<article>
+
-
<a href="#" class="image featured"><img src="images/pic03.jpg" alt="" /></a>
+
-
<header>
+
-
<h3><a href="#">Sed quis rhoncus placerat</a></h3>
+
-
</header>
+
-
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
+
-
</article>
+
-
+
-
<article>
+
-
<a href="#" class="image featured"><img src="images/pic04.jpg" alt="" /></a>
+
-
<header>
+
-
<h3><a href="#">Ultrices urna sit lobortis</a></h3>
+
-
</header>
+
-
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
+
-
</article>
+
-
+
-
<article>
+
-
<a href="#" class="image featured"><img src="images/pic05.jpg" alt="" /></a>
+
-
<header>
+
-
<h3><a href="#">Varius magnis sollicitudin</a></h3>
+
-
</header>
+
-
<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>
+
-
</article>
+
-
</div>
+
</style>
-
</section>
+
-
+
-
<!-- Main -->
+
-
<div class="wrapper style2">
+
-
<article id="main" class="container special">
+
</head>
-
<a href="#" class="image featured"><img src="images/pic06.jpg" alt="" /></a>
+
-
<header>
+
-
<h2><a href="#">Sed massa imperdiet magnis</a></h2>
+
-
<p>
+
-
Sociis aenean eu aenean mollis mollis facilisis primis ornare penatibus aenean. Cursus ac enim
+
-
pulvinar curabitur morbi convallis. Lectus malesuada sed fermentum dolore amet.
+
-
</p>
+
-
</header>
+
-
<p>
+
-
Commodo id natoque malesuada sollicitudin elit suscipit. Curae suspendisse mauris posuere accumsan massa
+
-
posuere lacus convallis tellus interdum. Amet nullam fringilla nibh nulla convallis ut venenatis purus
+
-
sit arcu sociis. Nunc fermentum adipiscing tempor cursus nascetur adipiscing adipiscing. Primis aliquam
+
-
mus lacinia lobortis phasellus suscipit. Fermentum lobortis non tristique ante proin sociis accumsan
+
-
lobortis. Auctor etiam porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum
+
-
consequat integer interdum integer purus sapien. Nibh eleifend nulla nascetur pharetra commodo mi augue
+
-
interdum tellus. Ornare cursus augue feugiat sodales velit lorem. Semper elementum ullamcorper lacinia
+
-
natoque aenean scelerisque.
+
-
</p>
+
-
<footer>
+
-
<a href="#" class="button">Continue Reading</a>
+
-
</footer>
+
-
</article>
+
-
</div>
+
<body>
-
<!-- Features -->
+
<table id="title" width="100%">
-
<div class="wrapper style1">
+
<tr>
-
+
<td>
-
<section id="features" class="container special">
+
<div align="center" class="Estilo6">
-
<header>
+
Welcome!</div>
-
<h2>Morbi ullamcorper et varius leo lacus</h2>
+
</td>
-
<p>Ipsum volutpat consectetur orci metus consequat imperdiet duis integer semper magna.</p>
+
</tr>
-
</header>
+
</table>
-
<div class="row">
+
-
<article class="4u special">
+
-
<a href="#" class="image featured"><img src="images/pic07.jpg" alt="" /></a>
+
-
<header>
+
-
<h3><a href="#">Gravida aliquam penatibus</a></h3>
+
-
</header>
+
-
<p>
+
-
Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
+
-
porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
+
-
</p>
+
-
</article>
+
-
<article class="4u special">
+
-
<a href="#" class="image featured"><img src="images/pic08.jpg" alt="" /></a>
+
-
<header>
+
-
<h3><a href="#">Sed quis rhoncus placerat</a></h3>
+
-
</header>
+
-
<p>
+
-
Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
+
-
porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
+
-
</p>
+
-
</article>
+
-
<article class="4u special">
+
-
<a href="#" class="image featured"><img src="images/pic09.jpg" alt="" /></a>
+
-
<header>
+
-
<h3><a href="#">Magna laoreet et aliquam</a></h3>
+
-
</header>
+
-
<p>
+
-
Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
+
-
porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
+
-
</p>
+
-
</article>
+
-
</div>
+
-
</section>
+
-
</div>
+
<table id="subtitle" width="100%">
 +
<tr>
 +
<td>
 +
<div align="center" class="Estilo6">
 +
Our wiki
 +
</div>
 +
</td>
 +
</tr>
 +
</table>
-
<!-- Footer -->
+
<table bgcolor="#FFFFFF" align="center" width="100%" id="texto">
-
<div id="footer">
+
<tr>
-
<div class="container">
+
<td>
-
<div class="row">
+
<p align="center"><iframe width="1000" height="600" src="//www.youtube.com/embed/ku1mRfsCS3Q" frameborder="0" allowfullscreen></iframe>
-
+
<p align="center"><font size="30">Select your language</font></p>
-
<!-- Tweets -->
+
<p align="center">Puedes ver este sitio en <a href="#";><font color="blue"> Español</font></a></p>
-
<section class="4u">
+
</td>
-
<header>
+
</tr>
-
<h2 class="icon fa-twitter circled"><span class="label">Tweets</span></h2>
+
</table>
-
</header>
+
-
<ul class="divided">
+
-
<li>
+
-
<article class="tweet">
+
-
Amet nullam fringilla nibh nulla convallis tique ante sociis accumsan.
+
-
<span class="timestamp">5 minutes ago</span>
+
-
</article>
+
-
</li>
+
-
<li>
+
-
<article class="tweet">
+
-
Hendrerit rutrum quisque.
+
-
<span class="timestamp">30 minutes ago</span>
+
-
</article>
+
-
</li>
+
-
<li>
+
-
<article class="tweet">
+
-
Curabitur donec nulla massa laoreet nibh. Lorem praesent montes.
+
-
<span class="timestamp">3 hours ago</span>
+
-
</article>
+
-
</li>
+
-
<li>
+
-
<article class="tweet">
+
-
Lacus natoque cras rhoncus curae dignissim ultricies. Convallis orci aliquet.
+
-
<span class="timestamp">5 hours ago</span>
+
-
</article>
+
-
</li>
+
-
</ul>
+
-
</section>
+
-
<!-- Posts -->
 
-
<section class="4u">
 
-
<header>
 
-
<h2 class="icon fa-file circled"><span class="label">Posts</span></h2>
 
-
</header>
 
-
<ul class="divided">
 
-
<li>
 
-
<article class="post stub">
 
-
<header>
 
-
<h3><a href="#">Nisl fermentum integer</a></h3>
 
-
</header>
 
-
<span class="timestamp">3 hours ago</span>
 
-
</article>
 
-
</li>
 
-
<li>
 
-
<article class="post stub">
 
-
<header>
 
-
<h3><a href="#">Phasellus portitor lorem</a></h3>
 
-
</header>
 
-
<span class="timestamp">6 hours ago</span>
 
-
</article>
 
-
</li>
 
-
<li>
 
-
<article class="post stub">
 
-
<header>
 
-
<h3><a href="#">Magna tempus consequat</a></h3>
 
-
</header>
 
-
<span class="timestamp">Yesterday</span>
 
-
</article>
 
-
</li>
 
-
<li>
 
-
<article class="post stub">
 
-
<header>
 
-
<h3><a href="#">Feugiat lorem ipsum</a></h3>
 
-
</header>
 
-
<span class="timestamp">2 days ago</span>
 
-
</article>
 
-
</li>
 
-
</ul>
 
-
</section>
 
-
<!-- Photos -->
 
-
<section class="4u">
 
-
<header>
 
-
<h2 class="icon fa-camera circled"><span class="label">Photos</span></h2>
 
-
</header>
 
-
<div class="row quarter no-collapse">
 
-
<div class="6u">
 
-
<a href="#" class="image fit"><img src="images/pic10.jpg" alt="" /></a>
 
-
</div>
 
-
<div class="6u">
 
-
<a href="#" class="image fit"><img src="images/pic11.jpg" alt="" /></a>
 
-
</div>
 
-
</div>
 
-
<div class="row quarter no-collapse">
 
-
<div class="6u">
 
-
<a href="#" class="image fit"><img src="images/pic12.jpg" alt="" /></a>
 
-
</div>
 
-
<div class="6u">
 
-
<a href="#" class="image fit"><img src="images/pic13.jpg" alt="" /></a>
 
-
</div>
 
-
</div>
 
-
<div class="row quarter no-collapse">
 
-
<div class="6u">
 
-
<a href="#" class="image fit"><img src="images/pic14.jpg" alt="" /></a>
 
-
</div>
 
-
<div class="6u">
 
-
<a href="#" class="image fit"><img src="images/pic15.jpg" alt="" /></a>
 
-
</div>
 
-
</div>
 
-
</section>
 
-
</div>
+
</body>
-
<hr />
+
-
<div class="row">
+
-
<div class="12u">
+
-
+
-
<!-- Contact -->
+
-
<section class="contact">
+
-
<header>
+
-
<h3>Nisl turpis nascetur interdum?</h3>
+
-
</header>
+
-
<p>Urna nisl non quis interdum mus ornare ridiculus egestas ridiculus lobortis vivamus tempor aliquet.</p>
+
-
<ul class="icons">
+
-
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
+
-
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
+
-
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
+
-
<li><a href="#" class="icon fa-pinterest"><span class="label">Pinterest</span></a></li>
+
-
<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
+
-
<li><a href="#" class="icon fa-linkedin"><span class="label">Linkedin</span></a></li>
+
-
</ul>
+
-
</section>
+
-
+
-
<!-- Copyright -->
+
-
<div class="copyright">
+
-
<ul class="menu">
+
-
<li>&copy; Untitled. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
+
-
</ul>
+
-
</div>
+
-
+
-
</div>
+
-
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</body>
 
</html>
</html>
 +
{{:Team:UANL_Mty-Mexico/footer}}

Latest revision as of 21:57, 17 October 2014

Welcome!
Our wiki

Select your language

Puedes ver este sitio en Español
Thank you for visiting our wiki. Follow us in:
facebooktwitter

Retrieved from "http://2014.igem.org/Team:UANL_Mty-Mexico/tupapa"