|
|
Line 1: |
Line 1: |
| <html> | | <html> |
- |
| |
| <head> | | <head> |
- | <title>CSS3_colour</title>
| + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
- | <meta name="description" content="website description" />
| + | <link rel="stylesheet" type="text/css" href="http://ceacatlan.com/ciencias/style.css" /> |
- | <meta name="keywords" content="website keywords, website keywords" />
| + | <title>..:: CIENCIAS-UNAM ::..</title> |
- | <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
| + | |
- | <link rel="stylesheet" type="text/css" href="http://ceacatlan.com/ciencias/css/style.css" />
| + | |
- | <!-- modernizr enables HTML5 elements and feature detects -->
| + | |
- | <script type="text/javascript" src="http://ceacatlan.com/ciencias/js/modernizr-1.5.min.js"></script>
| + | |
- | <style>
| + | |
- |
| + | |
- | @charset "utf-8";
| + | |
- | /*This kills the IGEM*/
| + | |
- | #top-section {
| + | |
- |
| + | |
- | height: 100px;
| + | |
- | border: none;
| + | |
- | height:20px
| + | |
- | }
| + | |
- | #p-logo {
| + | |
- | position: absolute;
| + | |
- | display: none;
| + | |
- |
| + | |
- | }
| + | |
- | #footer-box {
| + | |
- | display:none;
| + | |
- | }
| + | |
- | #catlinks {
| + | |
- | display:none;
| + | |
- | }
| + | |
- | #search-controls {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | #menubar { background: none repeat transparent; display:none;}
| + | |
- | #menubar ul li a { color: white; }
| + | |
- | .right-menu li a { | + | |
- | color: black;
| + | |
- | background: none repeat transparent;
| + | |
- | }
| + | |
- | #content {
| + | |
- | background: none repeat scroll 0 0 transparent;
| + | |
- | border-left: 0 solid;
| + | |
- | border-right: 0 solid;
| + | |
- | }
| + | |
- | #content{
| + | |
- | width: 80%;
| + | |
- | }
| + | |
- | #headover ul{
| + | |
- | list-style: none;
| + | |
- | display: none;
| + | |
- | position: absolute;
| + | |
- | top: 1.2em;
| + | |
- | left: 0.2em;
| + | |
- | }
| + | |
- | .firstHeading {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | /*Do not remove*/
| + | |
- | </style>
| + | |
| </head> | | </head> |
| | | |
| <body> | | <body> |
- | <div id="container">
| + | <div id="page"> |
- | <div id="main"> | + | <div id="pagetop"> |
- | <header> | + | <h1>IGEM 2012</h1> |
- | <div id="logo"><h1>CSS3_<a href="#">colour</a></h1></div>
| + | <div class="links"> |
- | <nav> | + | |
- | <ul class="lavaLampWithImage" id="lava_menu">
| + | |
- | <li class="current"><a href="index.html">home</a></li>
| + | |
- | <li><a href="examples.html">examples</a></li>
| + | |
- | <li><a href="page.html">a page</a></li>
| + | |
- | <li><a href="another_page.html">another page</a></li>
| + | |
- | <li><a href="contact.php">contact</a></li>
| + | |
- | </ul>
| + | |
- | </nav>
| + | |
- | </header>
| + | |
- | <div id="site_content">
| + | |
- | <div id="sidebar_container">
| + | |
- | <div class="sidebar">
| + | |
- | <h3>Latest News</h3>
| + | |
- | <h4>New Website Launched</h4>
| + | |
- | <h5>January 1st, 2012</h5>
| + | |
- | <p>2012 sees the redesign of our website. Take a look around and let us know what you think.<br /><a href="#">Read more</a></p>
| + | |
- | </div>
| + | |
- | <div class="sidebar">
| + | |
- | <h3>Useful Links</h3>
| + | |
| <ul> | | <ul> |
- | <li><a href="#">First Link</a></li>
| + | <li><a href="https://2012.igem.org/Team:Ciencias-UNAM">Home</a></li> |
- | <li><a href="#">Another Link</a></li>
| + | <li><a href="https://2012.igem.org/Team:Ciencias-UNAM/Team">Team</a></li> |
- | <li><a href="#">And Another</a></li>
| + | <li><a href="https://2012.igem.org/Team:Ciencias-UNAM/Project">Project</a></li> |
- | <li><a href="#">Last One</a></li>
| + | <li><a href="https://2012.igem.org/Team:Ciencias-UNAM/Parts">Parts</a></li> |
| + | <li><a href="https://2012.igem.org/Team:Ciencias-UNAM/Modeling">Modeling</a></li> |
| + | <li><a href="https://2012.igem.org/Team:Ciencias-UNAM/Safety">Safety</a></li> |
| + | <li><a href="https://2012.igem.org/Team:Ciencias-UNAM/Attribution">Attribution</a></li> |
| </ul> | | </ul> |
- | </div>
| |
| </div> | | </div> |
- | <div id="content"> | + | </div> |
- | <h1>Welcome to CSS3_colour</h1>
| + | |
- | <p>This standards compliant, fixed width website template is released as an 'open source' design (under a <a href="http://creativecommons.org/licenses/by/3.0">Creative Commons Attribution 3.0 Licence</a>), which means that you are free to use it for anything you want (including modifying and amending it). All I ask is that you leave the 'design from css3templates.co.uk' link in the footer of the template.</p>
| + | <div id="header"> EQUIPO CIENCIAS-UNAM</div> |
- | <p>The template uses a lavalamp menu (based on jQuery) from <a href="http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/">here</a>.</p>
| + | |
- | <h2>Browser Compatibility</h2>
| + | <div id="main"> |
- | <p>This template has been tested in the following browsers:</p>
| + | <div class="content"> |
- | <ul>
| + | <div class="main_top"> |
- | <li>Internet Explorer 8</li> | + | <h1>SAFETY</h1> |
- | <li>Internet Explorer 7</li> | + | </div> |
- | <li>FireFox 10</li>
| + | |
- | <li>Google Chrome 17</li>
| + | <div class="main_body"> |
- | </ul>
| + | <p> |
| + | <!-- AQUÍ EMPIEZAS A INTRODUCIR TEXTO --> |
| + | |
| + | <!-- AQUÍ DEJAS DE INTRODUCIR TEXTO ---> |
| + | </p> |
| + | </div> |
| + | |
| + | </div> |
| + | <div class="clear"> </div> |
| + | </div> |
| + | <div id="footer"> |
| + | <p> |
| + | Equipo Ciencias-UNAM. IGEM 2012.</p> |
| + | </div> |
| + | |
| + | |
| + | |
| </div> | | </div> |
- | </div>
| |
- | <footer>
| |
- | <p><a href="index.html">home</a> | <a href="about.html">about me</a> | <a href="portfolio.html">my portfolio</a> | <a href="blog.html">blog</a> | <a href="contact.php">contact</a></p>
| |
- | <p>© 2012 CSS3_colour. All Rights Reserved. | <a href="http://www.css3templates.co.uk">design from css3templates.co.uk</a></p>
| |
- | </footer>
| |
- | </div>
| |
- | </div>
| |
- | <!-- javascript at the bottom for fast page loading -->
| |
- | <script type="text/javascript" src="http://ceacatlan.com/ciencias/js/jquery.min.js"></script>
| |
- | <script type="text/javascript" src="http://ceacatlan.com/ciencias/js/jquery.easing.min.js"></script>
| |
- | <script type="text/javascript" src="http://ceacatlan.com/ciencias/js/jquery.lavalamp.min.js"></script>
| |
- | <script type="text/javascript">
| |
- | $(function() {
| |
- | $("#lava_menu").lavaLamp({
| |
- | fx: "backout",
| |
- | speed: 700
| |
- | });
| |
- | });
| |
- | </script>
| |
| </body> | | </body> |
| </html> | | </html> |