Team:Valencia/PruebaDocs6
From 2009.igem.org
(Removing all content from page) |
|||
Line 1: | Line 1: | ||
+ | <html "xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" "> | ||
+ | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | ||
+ | <title>College Music</title> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | |||
+ | html { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | body { | ||
+ | background: #CDC2B3 url(images/bg.gif); | ||
+ | color: #5F3E2F; | ||
+ | font: 11px verdana, sans-serif; | ||
+ | margin: 20px; | ||
+ | padding: 20px 0px 20px 0px; | ||
+ | |||
+ | } | ||
+ | |||
+ | a { | ||
+ | color: #5F3E2F; | ||
+ | font-weight: bold; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | a:hover { | ||
+ | color: #1D110B; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | |||
+ | img { | ||
+ | border: 0px; | ||
+ | } | ||
+ | #wrapper { | ||
+ | width: 778px; | ||
+ | margin: auto; | ||
+ | text-align: left; | ||
+ | } | ||
+ | #header p { | ||
+ | font-size:18px; | ||
+ | font-style:italic; | ||
+ | color:#FFFFFF; | ||
+ | font-family:Georgia, "Times New Roman", Times, serif; | ||
+ | } | ||
+ | #header p.more { | ||
+ | padding-right: 45px; | ||
+ | |||
+ | } | ||
+ | #header { | ||
+ | height: 320px; | ||
+ | background: url(images/header.jpg) no-repeat; | ||
+ | } | ||
+ | |||
+ | #header div { | ||
+ | padding: 183px 213px 0px 82px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #header p { | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | #header a { | ||
+ | color:#FFFFFF; | ||
+ | } | ||
+ | #nav { | ||
+ | width: 740px; | ||
+ | height:48px; | ||
+ | margin: 0px 0px 0px 20px; | ||
+ | background-image:url(images/nav.gif); | ||
+ | background-repeat:no-repeat; | ||
+ | display:inline; | ||
+ | float:left; | ||
+ | |||
+ | } | ||
+ | #nav a { | ||
+ | font-size:18px; | ||
+ | font-style:italic; | ||
+ | color:#260403; | ||
+ | font-family:Georgia, "Times New Roman", Times, serif; | ||
+ | margin: 12px 0px 10px 0px; | ||
+ | padding: 0px 20px 0px 20px; | ||
+ | display:inline; | ||
+ | float:left; | ||
+ | border-right-width: 2px; | ||
+ | border-right-style: inset; | ||
+ | border-right-color: #76644f; | ||
+ | } | ||
+ | #nav a:hover { | ||
+ | color:#862e06; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .lastchild { | ||
+ | border-right: none 0px !important; | ||
+ | } | ||
+ | #body { | ||
+ | background: url(images/body_bg.gif) repeat-y; | ||
+ | clear: both; | ||
+ | width: 100%; | ||
+ | } | ||
+ | #body-top { | ||
+ | background: url(images/body_top.gif) no-repeat; | ||
+ | } | ||
+ | #body-bot { | ||
+ | background: bottom url(images/body_bot.gif) no-repeat; | ||
+ | padding: 21px 25px 15px 42px; | ||
+ | } | ||
+ | #about-box { | ||
+ | float: left; | ||
+ | width: 315px; | ||
+ | } | ||
+ | #about-box ul { | ||
+ | margin-left: 8px; | ||
+ | } | ||
+ | #express-box { | ||
+ | float: right; | ||
+ | width: 327px; | ||
+ | } | ||
+ | #foot { | ||
+ | width: 738px; | ||
+ | margin-left: 20px; | ||
+ | background: url(images/foot_bg.gif) repeat-y; | ||
+ | } | ||
+ | #foot-top { | ||
+ | background: url(images/foot_top.jpg) no-repeat; | ||
+ | } | ||
+ | #foot-bot { | ||
+ | background: bottom url(images/foot_bot.gif) no-repeat; | ||
+ | padding: 13px 21px 12px 28px; | ||
+ | } | ||
+ | #what-box { | ||
+ | float: left; | ||
+ | width: 332px; | ||
+ | } | ||
+ | #what-box img.left { | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | #what-box ul { | ||
+ | float: left; | ||
+ | margin-left: 2px; | ||
+ | width: 184px; | ||
+ | } | ||
+ | #news-box { | ||
+ | float: right; | ||
+ | width: 316px; | ||
+ | } | ||
+ | #news-box ul { | ||
+ | float: left; | ||
+ | margin-left: 2px; | ||
+ | width: 184px; | ||
+ | } | ||
+ | #footer { | ||
+ | margin: 14px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | h2 { | ||
+ | margin: 0px; | ||
+ | padding: 0px 0px 10px 0px; | ||
+ | font:Arial, Helvetica, sans-serif; | ||
+ | font-size:20px; | ||
+ | font-style:italic; | ||
+ | |||
+ | color:#862e06; | ||
+ | } | ||
+ | h2 b{ | ||
+ | color:#341c12; | ||
+ | } | ||
+ | |||
+ | ul { | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | li { | ||
+ | margin: 0px; | ||
+ | padding: 0px 0px 5px 20px; | ||
+ | list-style: none; | ||
+ | background: 0px 3px url(images/bullet.gif) no-repeat; | ||
+ | } | ||
+ | p { | ||
+ | margin-top: 0px; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | div.narrow-text { | ||
+ | margin-right: 18px; | ||
+ | } | ||
+ | img.left { | ||
+ | float: left; | ||
+ | padding-right: 14px; | ||
+ | padding-bottom: 16px; | ||
+ | } | ||
+ | #body p.more { | ||
+ | padding-top: 6px; | ||
+ | } | ||
+ | #news-box p.more { | ||
+ | padding-top: 0px; | ||
+ | margin-top: 0px; | ||
+ | } | ||
+ | p.more { | ||
+ | text-align: right; | ||
+ | } | ||
+ | .clear { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <div id="wrapper"> | ||
+ | <div id="header"> | ||
+ | <div> | ||
+ | <p>Don't forget to check <a href="http://www.freewebsitetemplates.com">free website templates</a> every day, because we add at least one free website template daily.</p> | ||
+ | |||
+ | <p>This is a template designed by free website templates for you for free you can replace all the text by your own | ||
+ | text.</p> | ||
+ | |||
+ | <p class="more"><a href="http://www.freewebsitetemplates.com"><img src="images/more_red.jpg" width="71" height="14" alt="More" /></a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="nav"> | ||
+ | <a href="http://www.freewebsitetemplates.com">Home</a> | ||
+ | <a href="http://www.freewebsitetemplates.com">About us</a> | ||
+ | <a href="http://www.freewebsitetemplates.com">Services</a> | ||
+ | <a href="http://www.freewebsitetemplates.com">Music</a> | ||
+ | <a href="http://www.freewebsitetemplates.com">Courses</a> | ||
+ | <a class="lastchild" href="http://www.freewebsitetemplates.com">Contact us</a> | ||
+ | </div> | ||
+ | <div id="body"> | ||
+ | <div id="body-top"> | ||
+ | <div id="body-bot"> | ||
+ | <div id="about-box"> | ||
+ | <h2><b>About</b> our music</h2> | ||
+ | <img src="https://static.igem.org/mediawiki/2009/e/eb/Pic_1.jpg" width="112" height="92" alt="Pic 1" class="left" /> | ||
+ | <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p> | ||
+ | <p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com">Just Web Templates</a>.</p> | ||
+ | <ul> | ||
+ | <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </li> | ||
+ | <li>Cras semper erat ut mi. </li> | ||
+ | <li>Proin lobortis ipsum ac erat. </li> | ||
+ | <li>Morbi nec enim vitae est posuere luctus.</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div id="express-box"> | ||
+ | <h2><b>Express</b> Learning</h2> | ||
+ | <img src="images/pic_2.jpg" width="112" height="92" alt="Pic 2" class="left" /> | ||
+ | <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com">Template Beauty</a>.</p> | ||
+ | <p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com">Just Web Templates</a>.</p> | ||
+ | <div class="narrow-text"> | ||
+ | <p><a href="http://www.freewebsitetemplates.com">It is a long</a> established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p> | ||
+ | <p><a href="http://www.freewebsitetemplates.com">The point of using</a> Lorem Ipsum is that it has a more-or-less normal distribution of letters...</p> | ||
+ | </div> | ||
+ | <p class="more"><a href="http://www.freewebsitetemplates.com"><img src="images/more.gif" width="68" height="14" alt="More" /></a></p> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="foot"> | ||
+ | <div id="foot-top"> | ||
+ | <div id="foot-bot"> | ||
+ | <div id="what-box"> | ||
+ | <h2><b>What</b> we offer</h2> | ||
+ | <img src="images/pic_3.jpg" width="86" height="77" alt="Pic 3" class="left" /> | ||
+ | <ul> | ||
+ | <li><a href="http://www.freewebsitetemplates.com">Lorem ipsum</a> dolor sit amet, consectetuer adipiscing elit.</li> | ||
+ | <li>Cras semper erat ut mi. </li> | ||
+ | <li>Proin lobortis ipsum ac erat. </li> | ||
+ | <li>Morbi nec enim vitae est posuere luctus.</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div id="news-box"> | ||
+ | <h2><b>News</b> & events</h2> | ||
+ | <img src="images/pic_4.jpg" width="86" height="77" alt="Pic 4" class="left" /> | ||
+ | <ul> | ||
+ | <li><a href="http://www.freewebsitetemplates.com">Nullam</a> scelerisque consequat libero. </li> | ||
+ | <li><a href="http://www.freewebsitetemplates.com">Vivamus</a> mattis augue ut augue.</li> | ||
+ | </ul> | ||
+ | <p class="more clear"><a href="http://www.freewebsitetemplates.com"><img src="images/more.gif" width="68" height="14" alt="More" /></a></p> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="footer"> | ||
+ | <p>© 2006 collegeofmusic.com all right reserved</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div align=center> | ||
+ | <embed src="http://personales.alumno.upv.es/~edotab/carrousel1_funciona.swf" type="application/x-shockwave-flash" wmode=transparent width="800" height="600"></embed> | ||
+ | </div> | ||
+ | |||
+ | </body> | ||
+ | |||
+ | </html> |
Revision as of 16:32, 27 September 2009
Don't forget to check free website templates every day, because we add at least one free website template daily.
This is a template designed by free website templates for you for free you can replace all the text by your own text.
About our music
If you're looking for beautiful and professionally made templates you can find them at Template Beauty.
Even more websites all about website templates on Just Web Templates.
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Cras semper erat ut mi.
- Proin lobortis ipsum ac erat.
- Morbi nec enim vitae est posuere luctus.
Express Learning
If you're looking for beautiful and professionally made templates you can find them at Template Beauty.
Even more websites all about website templates on Just Web Templates.
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters...
What we offer
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Cras semper erat ut mi.
- Proin lobortis ipsum ac erat.
- Morbi nec enim vitae est posuere luctus.