Team:UANL Mty-Mexico/tupapa

From 2014.igem.org

(Difference between revisions)
 
(26 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{:Team:UANL_Mty-Mexico/csstemplate3menu}}
-
 
+
{{:Team:UANL_Mty-Mexico/csstemplate3style}}
<html>
<html>
-
<head>
+
<head>
-
<title>TXT 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]-->
+
-
<script src="js/jquery.min.js"></script>
+
-
<script src="js/jquery.dropotron.min.js"></script>
+
-
<script src="js/skel.min.js"></script>
+
-
<script src="js/skel-layers.min.js"></script>
+
-
<script src="js/init.js"></script>
+
-
<noscript>
+
-
<link rel="stylesheet" href="css/skel.css" />
+
-
<link rel="stylesheet" href="css/style.css" />
+
-
<link rel="stylesheet" href="css/style-desktop.css" />
+
-
</noscript>
+
-
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
+
-
</head>
+
-
<body class="homepage">
+
-
 
+
-
<!-- Header -->
+
-
<header id="header">
+
-
<div class="logo container">
+
-
<div>
+
-
<h1><a href="index.html" id="logo">TXT</a></h1>
+
-
<p>A responsive site template by HTML5 UP</p>
+
-
</div>
+
-
</div>
+
-
</header>
+
-
<!-- Nav -->
+
#texto {
-
<nav id="nav" class="skel-layers-fixed">
+
float: left;
-
<ul>
+
background-color: #FFFFFF;
-
<li class="current"><a href="index.html">Home</a></li>
+
font-family: 'PT Sans Narrow';
-
<li>
+
font-size:18px;
-
<a href="">Dropdown</a>
+
-
<ul>
+
-
<li><a href="#">Lorem ipsum dolor</a></li>
+
-
<li><a href="#">Magna phasellus</a></li>
+
-
<li>
+
-
<a href="">Phasellus consequat</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>
+
-
+
-
<!-- Banner -->
+
-
<div id="banner-wrapper">
+
-
<section id="banner">
+
-
<h2>Welcome to TXT by HTML5 UP</h2>
+
-
<p>A free responsive site template built on HTML5, CSS3, skel, and some other stuff</p>
+
-
<a href="#" class="button">Alright let's go</a>
+
-
</section>
+
-
</div>
+
-
<!-- Main -->
+
}
-
<div id="main-wrapper">
+
-
<div id="main" class="container">
+
-
<div class="row double">
+
-
<div class="12u">
+
-
+
-
<!-- Highlight -->
+
-
<section class="box highlight">
+
-
<ul class="special">
+
-
<li><a href="#" class="icon fa-search"><span class="label">Magnifier</span></a></li>
+
-
<li><a href="#" class="icon fa-tablet"><span class="label">Tablet</span></a></li>
+
-
<li><a href="#" class="icon fa-flask"><span class="label">Flask</span></a></li>
+
-
<li><a href="#" class="icon fa-cog"><span class="label">Cog?</span></a></li>
+
-
</ul>
+
-
<header>
+
-
<h2>A random assortment of icons in circles</h2>
+
-
<p>And some text that attempts to explain their significance</p>
+
-
</header>
+
-
<p>
+
-
Phasellus quam turpis, feugiat sit amet ornare in, hendrerit in lectus. Praesent semper mod quis eget mi. Etiam eu<br />
+
-
ante risus. Aliquam erat volutpat. Aliquam luctus et mattis lectus amet pulvinar. Nam nec turpis consequat.
+
-
</p>
+
-
</section>
+
-
</div>
+
.Estilo6 {
-
</div>
+
        font-family: 'PT Sans Narrow';
-
<div class="row double">
+
        color: #FFFFFF;
-
<div class="12u">
+
        padding:0 12;
 +
}
 +
#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;}
 +
#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;}
-
<!-- Features -->
+
</style>
-
<section class="box features">
+
-
<h2 class="major"><span>A Major Heading</span></h2>
+
-
<div>
+
-
<div class="row">
+
-
<div class="3u">
+
-
+
-
<!-- Feature -->
+
-
<section class="box feature">
+
-
<a href="#" class="image featured"><img src="images/pic01.jpg" alt="" /></a>
+
-
<h3><a href="#">A Subheading</a></h3>
+
-
<p>
+
-
Phasellus quam turpis, feugiat sit amet ornare in, a hendrerit in
+
-
lectus dolore. Praesent semper mod quis eget sed etiam eu ante risus.
+
-
</p>
+
-
</section>
+
-
+
-
</div>
+
-
<div class="3u">
+
-
+
-
<!-- Feature -->
+
-
<section class="box feature">
+
-
<a href="#" class="image featured"><img src="images/pic02.jpg" alt="" /></a>
+
-
<h3><a href="#">Another Subheading</a></h3>
+
-
<p>
+
-
Phasellus quam turpis, feugiat sit amet ornare in, a hendrerit in
+
-
lectus dolore. Praesent semper mod quis eget sed etiam eu ante risus.
+
-
</p>
+
-
</section>
+
-
+
-
</div>
+
-
<div class="3u">
+
-
+
-
<!-- Feature -->
+
-
<section class="box feature">
+
-
<a href="#" class="image featured"><img src="images/pic03.jpg" alt="" /></a>
+
-
<h3><a href="#">And Another</a></h3>
+
-
<p>
+
-
Phasellus quam turpis, feugiat sit amet ornare in, a hendrerit in
+
-
lectus dolore. Praesent semper mod quis eget sed etiam eu ante risus.
+
-
</p>
+
-
</section>
+
-
+
-
</div>
+
-
<div class="3u">
+
-
+
-
<!-- Feature -->
+
-
<section class="box feature">
+
-
<a href="#" class="image featured"><img src="images/pic04.jpg" alt="" /></a>
+
-
<h3><a href="#">And One More</a></h3>
+
-
<p>
+
-
Phasellus quam turpis, feugiat sit amet ornare in, a hendrerit in
+
-
lectus dolore. Praesent semper mod quis eget sed etiam eu ante risus.
+
-
</p>
+
-
</section>
+
-
+
-
</div>
+
-
</div>
+
-
<div class="row">
+
-
<div class="12u">
+
-
<ul class="actions">
+
-
<li><a href="#" class="button big">Do Something</a></li>
+
-
<li><a href="#" class="button alt big">Think About It</a></li>
+
-
</ul>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</section>
+
-
</div>
+
</head>
-
</div>
+
-
<div class="row double">
+
-
<div class="12u">
+
-
<!-- Blog -->
+
<body>
-
<section class="box blog">
+
-
<h2 class="major"><span>Another Major Heading</span></h2>
+
-
<div>
+
-
<div class="row">
+
-
<div class="9u">
+
-
<div class="content content-left">
+
-
+
-
<!-- Featured Post -->
+
-
<article class="box post">
+
-
<header>
+
-
<h3><a href="#">Here's a really big heading</a></h3>
+
-
<p>With a smaller subtitle that attempts to elaborate</p>
+
-
<ul class="meta">
+
-
<li class="icon fa-clock-o">15 minutes ago</li>
+
-
<li class="icon fa-comments"><a href="#">8</a></li>
+
-
</ul>
+
-
</header>
+
-
<a href="#" class="image featured"><img src="images/pic05.jpg" alt="" /></a>
+
-
<p>
+
-
Phasellus quam turpis, feugiat sit amet ornare in, a hendrerit in lectus. Praesent
+
-
semper mod quis eget mi. Etiam sed ante risus aliquam erat et volutpat. Praesent a
+
-
dapibus velit. Curabitur sed nisi nunc, accumsan vestibulum lectus. Lorem ipsum
+
-
dolor sit non aliquet sed, tempor et dolor.  Praesent a dapibus velit. Curabitur
+
-
accumsan.
+
-
</p>
+
-
<a href="#" class="button">Continue Reading</a>
+
-
</article>
+
-
+
-
</div>
+
-
</div>
+
-
<div class="3u">
+
-
<div class="sidebar">
+
-
+
-
<!-- Archives -->
+
-
<ul class="divided">
+
-
<li>
+
-
<article class="box post-summary">
+
-
<h3><a href="#">A Subheading</a></h3>
+
-
<ul class="meta">
+
-
<li class="icon fa-clock-o">6 hours ago</li>
+
-
<li class="icon fa-comments"><a href="#">34</a></li>
+
-
</ul>
+
-
</article>
+
-
</li>
+
-
<li>
+
-
<article class="box post-summary">
+
-
<h3><a href="#">Another Subheading</a></h3>
+
-
<ul class="meta">
+
-
<li class="icon fa-clock-o">9 hours ago</li>
+
-
<li class="icon fa-comments"><a href="#">27</a></li>
+
-
</ul>
+
-
</article>
+
-
</li>
+
-
<li>
+
-
<article class="box post-summary">
+
-
<h3><a href="#">And Another</a></h3>
+
-
<ul class="meta">
+
-
<li class="icon fa-clock-o">Yesterday</li>
+
-
<li class="icon fa-comments"><a href="#">184</a></li>
+
-
</ul>
+
-
</article>
+
-
</li>
+
-
<li>
+
-
<article class="box post-summary">
+
-
<h3><a href="#">And Another</a></h3>
+
-
<ul class="meta">
+
-
<li class="icon fa-clock-o">2 days ago</li>
+
-
<li class="icon fa-comments"><a href="#">286</a></li>
+
-
</ul>
+
-
</article>
+
-
</li>
+
-
<li>
+
-
<article class="box post-summary">
+
-
<h3><a href="#">And One More</a></h3>
+
-
<ul class="meta">
+
-
<li class="icon fa-clock-o">3 days ago</li>
+
-
<li class="icon fa-comments"><a href="#">8,086</a></li>
+
-
</ul>
+
-
</article>
+
-
</li>
+
-
</ul>
+
-
<a href="#" class="button alt">Browse Archives</a>
+
-
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</section>
+
-
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<!-- Footer -->
+
<table id="title" width="100%">
-
<footer id="footer" class="container">
+
<tr>
-
<div class="row double">
+
<td>
-
<div class="12u">
+
<div align="center" class="Estilo6">
 +
Welcome!</div>
 +
</td>
 +
</tr>
 +
</table>
-
<!-- About -->
+
<table id="subtitle" width="100%">
-
<section>
+
<tr>
-
<h2 class="major"><span>What's this about?</span></h2>
+
<td>
-
<p>
+
<div align="center" class="Estilo6">
-
This is <strong>TXT</strong>, yet another free responsive site template designed by
+
Our wiki
-
<a href="http://n33.co">AJ</a> for <a href="http://html5up.net">HTML5 UP</a>. It's released under the
+
</div>
-
<a href="http://html5up.net/license/">Creative Commons Attribution</a> license so feel free to use it for
+
</td>
-
whatever you're working on (personal or commercial), just be sure to give us credit for the design.
+
</tr>
-
That's basically it :)
+
</table>
-
</p>
+
-
</section>
+
-
</div>
+
<table bgcolor="#FFFFFF" align="center" width="100%" id="texto">
-
</div>
+
<tr>
-
<div class="row double">
+
<td>
-
<div class="12u">
+
<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>
 +
<p align="center">Puedes ver este sitio en <a href="#";><font color="blue"> Español</font></a></p>
 +
</td>
 +
</tr>
 +
</table>
-
<!-- Contact -->
 
-
<section>
 
-
<h2 class="major"><span>Get in touch</span></h2>
 
-
<ul class="contact">
 
-
<li><a class="icon fa-facebook" href="#"><span class="label">Facebook</span></a></li>
 
-
<li><a class="icon fa-twitter" href="#"><span class="label">Twitter</span></a></li>
 
-
<li><a class="icon fa-instagram" href="#"><span class="label">Instagram</span></a></li>
 
-
<li><a class="icon fa-dribbble" href="#"><span class="label">Dribbble</span></a></li>
 
-
<li><a class="icon fa-google-plus" href="#"><span class="label">Google+</span></a></li>
 
-
</ul>
 
-
</section>
 
-
 
-
</div>
 
-
</div>
 
-
<!-- Copyright -->
 
-
<div id="copyright">
 
-
<ul class="menu">
 
-
<li>&copy; Untitled. All rights reserved</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
 
-
</ul>
 
-
</div>
 
-
</footer>
+
</body>
-
</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"