|
|
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>
| |