|
|
Line 1: |
Line 1: |
- | {{:Team:UANL_Mty-Mexico/csstemplate2}} | + | {{:Team:UANL_Mty-Mexico/csstemplate3style}} |
- | {{:Team:UANL_Mty-Mexico/csstemplate2-1}} | + | {{:Team:UANL_Mty-Mexico/csstemplate3menu}} |
- | {{:Team:UANL_Mty-Mexico/csstemplate2-2}}
| + | |
- | {{:Team:UANL_Mty-Mexico/csstemplate2-3}}
| + | |
- | {{:Team:UANL_Mty-Mexico/csstemplate2-4}}
| + | |
- | {{:Team:UANL_Mty-Mexico/csstemplate2-5}}
| + | |
- | {{:Team:UANL_Mty-Mexico/javatemplate2}}
| + | |
- | {{:Team:UANL_Mty-Mexico/javatemplate2-1}}
| + | |
- | {{:Team:UANL_Mty-Mexico/javatemplate2-2}}
| + | |
- | {{:Team:UANL_Mty-Mexico/javatemplate2-3}}
| + | |
- | {{:Team:UANL_Mty-Mexico/javatemplate2-4}}
| + | |
- | {{:Team:UANL_Mty-Mexico/cssr}}
| + | |
- | | + | |
| <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="" />
| + | |
- | | + | |
- | <script src="https://2014.igem.org/Team:UANL_Mty-Mexico/javatemplate2"></script>
| + | |
- | <script src="https://2014.igem.org/Team:UANL_Mty-Mexico/javatemplate2-1"></script>
| + | |
- | <script src="https://2014.igem.org/Team:UANL_Mty-Mexico/javatemplate2-2"></script>
| + | |
- | <script src="https://2014.igem.org/Team:UANL_Mty-Mexico/javatemplate2-3"></script>
| + | |
- | <script src="https://2014.igem.org/Team:UANL_Mty-Mexico/javatemplate2-4"></script>
| + | |
- | <noscript>
| + | |
- | <link rel="stylesheet" href="https://2014.igem.org/Team:UANL_Mty-Mexico/csstemplate2" />
| + | |
- | <link rel="stylesheet" href="https://2014.igem.org/Team:UANL_Mty-Mexico/csstemplate2-1" />
| + | |
- | <link rel="stylesheet" href="https://2014.igem.org/Team:UANL_Mty-Mexico/csstemplate2-2" />
| + | |
- | <link rel="stylesheet" href="https://2014.igem.org/Team:UANL_Mty-Mexico/csstemplate2-3" />
| + | |
- | <link rel="stylesheet" href="https://2014.igem.org/Team:UANL_Mty-Mexico/csstemplate2-4" />
| + | |
- | <link rel="stylesheet" href="https://2014.igem.org/Team:UANL_Mty-Mexico/csstemplate2-5" />
| + | |
- | </noscript>
| + | |
- | </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: 12px; |
| + | } |
| + | #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"> |
| + | BIENVENIDO</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
| + | A la Wiki del equipo iGEM CIDEB UANL Mexico |
- | <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"><img src="https://static.igem.org/mediawiki/2013hs/7/7a/FOTO_HOMEEEEEEE.jpg" height="500px" width="800px" /></p> |
| + | <p align="center"><iframe width="800" height="500" src="http://www.youtube.com/embed/Cw7QtvS7kvs" frameborder="0" allowfullscreen></iframe></p> |
| + | <p align="center"><font size="30">Selecciona tu idioma</font></p> |
| + | <p align="center">Puedes ver este sitio en <a href="https://2013hs.igem.org/Team:CIDEB-UANL_Mexico";><font color="blue"> Inglés </font></a> o en <a href="https://2013hs.igem.org/Team:CIDEB-UANL_Mexico/Español";><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>© Untitled. All rights reserved</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
| |
- | </ul>
| |
- | </div>
| |
| | | |
- | </footer>
| + | </body> |
| | | |
- | </body>
| |
| </html> | | </html> |