Team:METU-Ankara/deneme

From 2011.igem.org

(Difference between revisions)
 
(4 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
<head>
<head>
-
<title>fastpage</title>
+
<title>Music store template</title>
-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-
<style type="text/css">
+
 
-
@charset "utf-8";
+
<style type="text/css" charset="utf-8" type="text/css">
-
body {
+
html, body, ul, li, h1, h2, h3, h4 {
-
margin:0;
+
margin: 0;
-
padding:0;
+
padding: 0;
-
width:100%;
+
list-style: none;
-
color:#9a9a9a;
+
-
font:normal 12px/1.8em Arial, Helvetica, sans-serif;
+
-
}
+
-
html, .main {
+
-
padding:0;
+
-
margin:0;
+
-
background:#fff;
+
-
}
+
-
.clr {
+
-
clear:both;
+
-
padding:0;
+
-
margin:0;
+
-
width:100%;
+
-
font-size:0;
+
-
line-height:0;
+
-
}
+
-
.logo {
+
-
padding:20px 0;
+
-
float:left;
+
-
width:450px;
+
-
}
+
-
.logo img {
+
-
float:left;
+
-
margin:0 10px 0 0;
+
-
}
+
-
h1 {
+
-
margin:0;
+
-
padding:5px 0;
+
-
width:350px;
+
-
color:#40b5ff;
+
-
font:normal 46px/1.2em Arial, Helvetica, sans-serif;
+
-
letter-spacing:-2px;
+
-
}
+
-
h1 a, h1 a:hover {
+
-
color:#40b5ff;
+
-
text-decoration:none;
+
-
}
+
-
h1 span {
+
-
color:#424242;
+
-
}
+
-
h1 small {
+
-
text-align:left;
+
-
float:right;
+
-
width:130px;
+
-
border-left:1px solid #e1e0e0;
+
-
color:#bab9b9;
+
-
display:block;
+
-
padding:15px 0 15px 10px;
+
-
font:normal 12px/1.2em Arial, Helvetica, sans-serif;
+
-
letter-spacing:normal;
+
-
}
+
-
h2 {
+
-
font:normal 24px Arial, Helvetica, sans-serif;
+
-
padding:8px 0;
+
-
margin:8px 0;
+
-
color:#595959;
+
-
}
+
-
h2.star {
+
-
background:#767676 url(images/sidebar_bg_h2.gif) 10px 10px no-repeat;
+
-
padding:7px 0 5px 30px;
+
-
color:#fff;
+
}
}
-
p {
+
h1 img {
-
margin:8px 0;
+
display: block;
-
padding:0 0 8px 0;
+
-
font:normal 12px/1.8em Arial, Helvetica, sans-serif;
+
}
}
-
p.spec {
+
img {
-
text-align:right;
+
border: 0;
}
}
a {
a {
-
color:#2cadff;
+
color: #333;
-
text-decoration:none;
+
font-weight: bold;
 +
text-decoration: none;
}
}
a:hover {
a:hover {
-
text-decoration:underline;
+
color: #f00;
}
}
-
a.rm, a.com {
+
.left {
-
margin-left:8px;
+
float: left;
-
padding:9px 12px;
+
-
background:repeat-x top;
+
-
text-decoration:none;
+
-
color:#fff;
+
}
}
-
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
+
.right {
-
margin:0;
+
float: right;
-
padding:0;
+
}
}
-
.header {
+
.more {
 +
text-align: right;
}
}
-
.header_resize {
+
.clear {
-
margin:0 auto;
+
clear: both;
-
padding:0;
+
-
width:970px;
+
}
}
-
.header_img {
+
body {
-
border:1px solid #e1e0e0;
+
text-align: center;
-
padding:5px;
+
font: 12px arial, sans-serif;
-
background:#fff;
+
background: #eee;
}
}
-
.menu_nav {
+
#outer {
-
margin:0;
+
background: top center url(https://static.igem.org/mediawiki/2011/b/b2/Header_bg.jpg) repeat-x;
-
padding:10px 0;
+
-
float:left;
+
-
border-top:1px solid #e1e0e0;
+
-
width:970px;
+
}
}
-
.menu_nav ul {
+
#wrapper {
-
list-style:none;
+
text-align: left;
-
width:500px;
+
margin: auto;
-
float:left;
+
width: 756px;
}
}
-
.menu_nav ul li {
+
 
-
margin:0;
+
#header {
-
padding:0 2px 0 0;
+
background: top left url(https://static.igem.org/mediawiki/2011/a/ab/Logodeneme.gif) no-repeat;
-
float:left;
+
height: 78px;
-
background:no-repeat right center;
+
}
}
-
.menu_nav ul li a {
+
#header h1 {
-
border-right:1px solid #e1e0e0;
+
color: #FD2E00;
-
display:block;
+
font-weight: normal;
-
margin:0;
+
font-size: 22px;
-
padding:2px 20px;
+
padding: 20px 0 0 70px;
-
color:#848383;
+
margin: 0;
-
text-decoration:none;
+
-
font:normal 13px Arial, Helvetica, sans-serif;
+
}
}
-
.menu_nav ul li.active a, .menu_nav ul li a:hover {
+
#header p {
-
color:#424242;
+
color: #333333;
 +
padding: 0 0 10px 70px;
 +
margin: 0;
}
}
-
.menu_nav ul li.last a {
+
#nav {
-
border:0;
+
background: url(https://static.igem.org/mediawiki/2011/f/f2/Header_c_bg.gif) repeat-x;
 +
position: relative;
 +
height: 370px;
}
}
-
.search form {
+
#nav a {
-
float:right;
+
color: #E7E4E4;
-
padding:0;
+
text-decoration: none;
-
margin:0;
+
}
}
-
.search span {
+
#nav a:hover {
-
display:block;
+
color: #fff;
-
float:left;
+
text-decoration: none;
-
background:#fff;
+
-
width:201px;
+
-
padding:0;
+
-
height:23px;
+
-
border:1px solid #e9e9e9;
+
}
}
-
.search form .keywords {
+
#nav ul {
-
width:167px;
+
padding: 70px 0 0 382px;
-
line-height:13px;
+
margin: 0;
-
height:13px;
+
position: relative;
-
float:left;
+
z-index: 1;
-
background:none;
+
-
border:0;
+
-
padding:5px;
+
-
margin:0;
+
-
font:normal 11px Arial, Helvetica, sans-serif;
+
-
color:#bab9b9;
+
}
}
-
.search form .button {
+
#nav li {
-
float:left;
+
background: left center url(https://static.igem.org/mediawiki/2011/7/70/Bulletdeneme.gif) no-repeat;
-
margin:0;
+
padding: 10px 0 8px 30px;
-
padding:0;
+
margin: 0;
-
border:0;
+
-
position:relative;
+
}
}
-
.content {
+
#nav li#m1 { margin-left: 19px; }
-
padding:10px 0 0 0;
+
#nav li#m2 { margin-left: 11px; }
 +
#nav li#m3 { margin-left: 3px; }
 +
#nav li#m4 { margin-left: 0px;  }
 +
#nav li#m5 { margin-left: 2px; }
 +
#nav li#m6 { margin-left: 8px; }
 +
#nav a {
 +
font-weight: normal;
}
}
-
.content_resize {
+
#search {
-
margin:0 auto;
+
margin: 23px 0 0 400px;
-
padding:0 20px;
+
-
width:930px;
+
-
background:#fff;
+
-
border:1px solid #e1e0e0;
+
}
}
-
.content .mainbar {
+
#search h2 {
-
margin:0;
+
font-weight: normal;
-
padding:0;
+
-
float:left;
+
-
width:620px;
+
-
background:repeat-x bottom;
+
}
}
-
.content .mainbar img {
+
#search form {
-
float:left;
+
margin: 0;
-
padding:4px;
+
padding: 0 0 10px 0;
-
margin:0 10px 0 0;
+
-
border:1px solid #eaecec;
+
-
background-color:#fff;
+
}
}
-
.content .mainbar .article {
+
#search input.text {
-
margin:0;
+
border: 1px solid #333;
-
padding:20px 0 0 0;
+
background: #E7E4E4;
}
}
-
.content .mainbar .article span.butons a {
+
#search input.submit {
-
margin:0 5px 0 0;
+
border: none;
-
float:right;
+
background: #E7E4E4;
-
color:#9a9a9a;
+
-
padding:1px 10px;
+
-
text-decoration:none;
+
-
border:1px solid #ebe8e8;
+
-
background:#fbfbfc;
+
}
}
-
.content .mainbar .article span.butons a:hover {
+
#search a {
-
border:1px solid #d9f0ff;
+
color: #333;
-
background:#40b5ff;
+
padding: 0 5px;
-
color:#fff;
+
-
text-decoration:none;
+
}
}
-
.content .mainbar .article span.butons a.active {
+
#search a:hover {
-
border:1px solid #ebe8e8;
+
color: #300;
-
background:#40b5ff;
+
-
color:#fff;
+
-
text-decoration:none;
+
}
}
-
.content .sidebar {
+
#head {
-
margin:20px 0 0 0;
+
background: url(images/header.jpg) no-repeat;
-
padding:0;
+
position: absolute;
-
float:right;
+
top: 0;
-
width:280px;
+
left: 0;
 +
width: 382px;
 +
height: 370px;
}
}
-
.content .sidebar .gadget {
+
#head-pip {
-
margin:0 0 10px 0;
+
background: url(https://static.igem.org/mediawiki/2011/0/07/Header_pip.jpg) no-repeat;
-
padding:10px;
+
position: absolute;
-
border:1px solid #ebebeb;
+
top: 0;
 +
left: 382px;
 +
width: 48px;
 +
height: 94px;
}
}
-
ul.sb_menu, ul.ex_menu {
+
 
-
margin:0;
+
#body {
-
padding:0;
+
background: top left #EEEEEE url(https://static.igem.org/mediawiki/2011/5/53/Body_bg.gif) repeat-y;
-
list-style:none;
+
position: relative;
-
color:#959595;
+
left: -10px;
 +
width: 775px;
}
}
-
ul.sb_menu li, ul.ex_menu li {
+
#body-inner {
-
margin:0;
+
padding: 28px 23px 28px 31px;
}
}
-
ul.sb_menu li {
+
#body-left {
-
padding:4px 0 4px 12px;
+
float: left;
-
width:220px;
+
width: 281px;
}
}
-
ul.ex_menu li {
+
#body-right {
-
padding:4px 0 8px 12px;
+
float: right;
 +
width: 384px;
}
}
-
ul.sb_menu li a, ul.ex_menu li a {
+
#topic-pic {
-
color:#959595;
+
background: #666;
-
text-decoration:none;
+
padding: 10px;
-
margin-left:-12px;
+
-
padding-left:12px;
+
}
}
-
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
+
#body-left h2 {
-
color:#2cadff;
+
background: #f00;
-
text-decoration:underline;
+
font-size: 12px;
 +
color: #fff;
 +
padding: 6px 23px;
 +
margin: 6px 0 60px 0;
}
}
-
ul.sb_menu li a:hover {
+
#body-left ul {
-
text-decoration:underline;
+
margin: 30px 55px;
}
}
-
ul.ex_menu li a:hover {
+
#body-left li {
-
text-decoration:none;
+
margin: 5px;
}
}
-
.content .mainbar .comment {
+
 
-
margin:0;
+
#body-right .box {
-
padding:16px 0 0 0;
+
padding: 15px;
 +
background: #fff;
 +
border: 1px solid #999;
 +
margin: 3em 0;
}
}
-
.content .mainbar .comment img.userpic {
+
#body-right h2 {
-
border:1px solid #dedede;
+
font: 18px "arial narrow", arial, sans-serif;
-
margin:10px 16px 0 0;
+
-
padding:0;
+
-
float:left;
+
}
}
-
.fbg {
+
#body-right .box p {
-
padding:10px 0 0 0;
+
margin: 0 0 1em 0;
}
}
-
.fbg_resize {
+
#body-right .box .left {
-
margin:0 auto;
+
margin-right: 15px;
-
padding:0 20px;
+
border: 1px solid #999;
-
width:930px;
+
-
background:#fff;
+
-
border:1px solid #e1e0e0;
+
}
}
-
.fbg h2 {
+
#body-right .box .btns {
-
color:#595959;
+
text-align: right;
 +
padding-top: 10px;
 +
position: relative;
}
}
-
.fbg img {
+
.btns a {
-
padding:4px;
+
background: left #CC0000 url(images/btn.gif) repeat-y;
-
border:1px solid #cfd2d4;
+
border: 2px solid #E68282;
-
background-color:#fff;
+
border-color: #E68282 #650000 #650000 #9C2828;
 +
color: #fff;
 +
font-weight: normal;
 +
padding: 3px 15px 3px 20px;
 +
position: relative;
}
}
-
.fbg .col {
+
.btns a:hover {
-
margin:0;
+
background-color: #EF1818;
-
float:left;
+
color: #fff;
}
}
-
.fbg .c1 {
+
 
-
padding:0 16px 0 0;
+
#copyright {
-
width:266px;
+
background: top left url(https://static.igem.org/mediawiki/2011/1/14/Footer_bg1.gif) repeat-x;
 +
float: right;
 +
width: 425px;
 +
clear: both;
 +
margin-right: 9px;
 +
padding-bottom: 30px;
 +
_margin-right: 5px;
}
}
-
.fbg .c2 {
+
 
-
padding:0 16px;
+
#copyright-left {
-
width:300px;
+
background: top left url(https://static.igem.org/mediawiki/2011/4/4c/Footer_left.gif) no-repeat;
 +
padding: 27px 30px;
 +
font-size: 11px;
 +
text-align: center;
}
}
-
.fbg .c3 {
 
-
padding:0 0 0 16px;
 
-
width:260px;
 
-
}
 
-
.fbg .c1 img {
 
-
margin:8px;
 
-
}
 
-
.fbg .c3 img {
 
-
margin:8px 16px 4px 0;
 
-
float:left;
 
-
}
 
-
.footer {
 
-
width:970px;
 
-
margin:0 auto;
 
-
padding:40px 0;
 
-
color:#888787;
 
-
}
 
-
.footer a {
 
-
color:#888787;
 
-
text-decoration:underline;
 
-
}
 
-
.footer a:hover {
 
-
text-decoration:none;
 
-
}
 
-
.footer .lf {
 
-
margin:0;
 
-
padding:4px 0;
 
-
float:right;
 
-
}
 
-
.footer .lr {
 
-
margin:0;
 
-
padding:4px 0;
 
-
float:left;
 
-
}
 
-
ol {
 
-
list-style:none;
 
-
}
 
-
ol li {
 
-
display:block;
 
-
clear:both;
 
-
}
 
-
ol li label {
 
-
display:block;
 
-
margin:0;
 
-
padding:16px 0 0 0;
 
-
}
 
-
ol li input.text {
 
-
width:480px;
 
-
border:1px solid #c0c0c0;
 
-
margin:2px 0;
 
-
padding:5px 2px;
 
-
height:16px;
 
-
background:#fff;
 
-
}
 
-
ol li textarea {
 
-
width:480px;
 
-
border:1px solid #c0c0c0;
 
-
margin:2px 0;
 
-
padding:2px;
 
-
background:#fff;
 
-
}
 
-
ol li .send {
 
-
margin:16px 0 0 0;
 
-
}
 
-
</style>
 
-
 
+
</style>
-
 
+
-
 
+
-
 
+
-
<script type="text/javascript" src="js/jquery.js"></script>
+
-
<script type="text/javascript" src="js/cufon-yui.js"></script>
+
-
<script type="text/javascript" src="js/arial.js"></script>
+
-
<script type="text/javascript" src="js/cuf_run.js"></script>
+
-
<script type="text/javascript" src="js/radius.js"></script>
+
</head>
</head>
<body>
<body>
-
<div class="main">
+
<div id="outer">
-
   <div class="header">
+
   <div id="wrapper">
-
     <div class="header_resize">
+
     <div id="header">
-
       <div class="logo"> <img src="images/logo_img.gif" alt="" width="51" height="48" />
+
       <h1>Musicmania</h1>
-
        <h1><a href="index.html"><span>fast</span>page</a><small>Simple web template</small></h1>
+
       <p>Online Music Store</p>
-
       </div>
+
-
      <div class="clr"></div>
+
-
      <div class="menu_nav">
+
-
        <ul>
+
-
          <li class="active"><a href="index.html">Home</a></li>
+
-
          <li><a href="support.html">Support</a></li>
+
-
          <li><a href="about.html">About Us</a></li>
+
-
          <li><a href="blog.html">Blog</a></li>
+
-
          <li class="last"><a href="contact.html">Contact Us</a></li>
+
-
        </ul>
+
-
        <div class="search">
+
-
          <form id="form" name="form" method="post" action="#">
+
-
            <span>
+
-
            <input name="q" type="text" class="keywords" id="textfield" maxlength="50" value="Search..." />
+
-
            <input name="b" type="image" src="images/search.gif" class="button" />
+
-
            </span>
+
-
          </form>
+
-
        </div>
+
-
      </div>
+
-
      <div class="clr"></div>
+
-
      <div class="header_img"> <img src="images/img_top.jpg" alt="" width="960" height="326" /></div>
+
     </div>
     </div>
-
  </div>
+
    <div id="nav">
-
  <div class="clr"></div>
+
      <div id="head"></div>
-
  <div class="content">
+
      <div id="head-pip"></div>
-
    <div class="content_resize">
+
       <ul>
-
       <div class="mainbar">
+
         <li id="m1"><a href="http://www.free-css.com/">Latest News</a></li>
-
         <div class="article">
+
        <li id="m2"><a href="http://www.free-css.com/">Music</a></li>
-
          <h2><span>Template License</span></h2>
+
        <li id="m3"><a href="http://www.free-css.com/">About</a></li>
-
          <div class="clr"></div>
+
        <li id="m4"><a href="http://www.free-css.com/">Visuals</a></li>
-
          <p>Posted on 18. Sep, 2015 by Sara in Filed under templates, internet, with Comments 18</p>
+
        <li id="m5"><a href="http://www.free-css.com/">Online Stores</a></li>
-
          <img src="images/img_1.jpg" width="202" height="147" alt="" class="fl" /> This is a free CSS website template by AtomicWebsiteTemplates.com. This work is distributed under the <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a>, which means that you are free to use it for any personal or commercial purpose provided you credit me in the form of a link back to AtomicWebsiteTemplates.com.
+
        <li id="m6"><a href="http://www.free-css.com/">Contact</a></li>
-
          <p>Maecenas dignissim mauris in arcu congue tincidunt. Vestibulum elit nunc, accumsan vitae faucibus vel, scelerisque a quam. Aenean at metus id elit bibendum faucibus. Curabitur ultrices ante nec neque consectetur a aliquet libero lobortis. Ut nibh sem, pellentesque in dictum eu, convallis blandit erat. Cras vehicula tellus nec purus sagittis id scelerisque risus congue. Quisque sed semper massa. Donec id lacus mauris, vitae pretium risus. Fusce sed tempor erat. </p>
+
      </ul>
-
          <p><a href="#">Read more </a></p>
+
      <div id="search">
-
        </div>
+
        <h2>Search Music Online</h2>
-
        <div class="article">
+
        <form action="http://www.free-css.com/">
-
          <h2><span>Aliquam Risus</span> Justo</h2>
+
           <input type="text" class="text" name="q" value="" id="q" />
-
           <div class="clr"></div>
+
           <input type="submit" name="submit" value="Go &gt; &gt;" id="submit" class="submit" />
-
           <p>Posted on 18. Sep, 2015 by Sara in Filed under templates, internet, with Comments 18</p>
+
        </form>
-
          <img src="images/img_1.jpg" width="202" height="147" alt="" class="fl" />
+
        <a href="http://www.free-css.com/">Advanced Search</a> | <a href="http://www.free-css.com/">Search Tips</a> </div>
-
          <p>Pellentesque posuere enim et ipsum dignissim convallis. Proin quis molestie mauris. Nunc eget quam at nulla tempus tincidunt quis a mi. Aliquam ornare turpis non tellus molestie imperdiet. Phasellus sit amet neque vitae purus venenatis hendrerit. Phasellus non mi ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse potenti. Aenean vel varius sapien. Etiam leo quam, sodales vel ullamcorper ut, viverra a risus.</p>
+
    </div>
-
          <p>Maecenas dignissim mauris in arcu congue tincidunt. Vestibulum elit nunc, accumsan vitae faucibus vel, scelerisque a quam. Aenean at metus id elit bibendum faucibus. Curabitur ultrices ante nec neque consectetur a aliquet libero lobortis. Ut nibh sem, pellentesque in dictum eu, convallis blandit erat. Cras vehicula tellus nec purus sagittis id scelerisque risus congue. Quisque sed semper massa. Donec id lacus mauris, vitae pretium risus. Fusce sed tempor erat. </p>
+
    <div id="body">
-
          <p><a href="#">Read more </a></p>
+
      <div id="body-inner">
-
        </div>
+
        <div id="body-left">
-
        <div class="article">
+
          <div id="topic-pic"> <img src="images/pic_1.jpg" width="259" height="199" alt="Pic 1" /> </div>
-
          <p>Page 1 of 2 <span class="butons"><a href="#">3</a><a href="#">2</a> <a href="#" class="active">1</a></span></p>
+
          <h2>Dietary nutrients</h2>
-
        </div>
+
          <p>Don't forget to check <a href="http://www.free-css.com/">free website templates</a> every day, because we add at least one free website template daily.</p>
-
      </div>
+
           <p>This is a template designed by free website templates for you for free you can replace all the text by your own text. This is just a place holder so you can see how the site would look like.</p>
-
      <div class="sidebar">
+
           <ul class="blank">
-
        <div class="gadget">
+
             <li><a href="http://www.free-css.com/">&gt; &nbsp; Top 10 Countdown</a></li>
-
          <h2 class="star">Sidebar Menu</h2>
+
             <li><a href="http://www.free-css.com/">&gt; &nbsp; New Releases</a></li>
-
           <div class="clr"></div>
+
             <li><a href="http://www.free-css.com/">&gt; &nbsp; Folk Collections</a></li>
-
           <ul class="sb_menu">
+
             <li><a href="http://www.free-css.com/">&gt; &nbsp; Devotional</a></li>
-
             <li><a href="#">Home</a></li>
+
-
             <li><a href="#">TemplateInfo</a></li>
+
-
             <li><a href="#">Style Demo</a></li>
+
-
             <li><a href="#">Blog</a></li>
+
-
            <li><a href="#">Archives</a></li>
+
           </ul>
           </ul>
 +
          <p>If you're having problems editing the template please don't hesitate to ask for help on the <a href="http://www.free-css.com/">forum</a>.</p>
         </div>
         </div>
-
         <div class="gadget">
+
         <div id="body-right">
-
           <h2 class="star"><span>Sponsors</span></h2>
+
           <h2>Music Catagories</h2>
-
           <div class="clr"></div>
+
           <div class="box"> <img src="images/pic_2.jpg" width="130" height="86" alt="Pic 1" class="left" />
-
          <ul class="ex_menu">
+
             <p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
-
             <li><a href="http://www.dreamtemplate.com">DreamTemplate</a><br />
+
            <div class="btns"> <a href="http://www.free-css.com/"><span>Listen</span></a> <a href="http://www.free-css.com/"><span>Add</span></a> </div>
-
              Over 6,000+ Premium Web Templates</li>
+
            <div class="clear"></div>
-
            <li><a href="http://www.templatesold.com/">TemplateSOLD</a><br />
+
          </div>
-
              Premium WordPress &amp; Joomla Themes</li>
+
          <div class="box"> <img src="images/pic_3.jpg" width="130" height="86" alt="Pic 2" class="left" />
-
             <li><a href="http://www.imhosted.com">ImHosted.com</a><br />
+
             <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>
-
              Affordable Web Hosting Provider</li>
+
            <div class="btns"> <a href="http://www.free-css.com/"><span>Listen</span></a> <a href="http://www.free-css.com/"><span>Add</span></a> </div>
-
            <li><a href="http://www.myvectorstore.com">MyVectorStore</a><br />
+
            <div class="clear"></div>
-
              Royalty Free Stock Icons</li>
+
          </div>
-
             <li><a href="http://www.evrsoft.com">Evrsoft</a><br />
+
          <div class="box"> <img src="images/pic_4.jpg" width="130" height="86" alt="Pic 3" class="left" />
-
              Website Builder Software &amp; Tools</li>
+
             <p>You can remove any link to our websites from this template you're free to use the template without linking back to us.</p>
-
            <li><a href="http://www.csshub.com/">CSS Hub</a><br />
+
            <div class="btns"> <a href="http://www.free-css.com/"><span>Listen</span></a> <a href="http://www.free-css.com/"><span>Add</span></a> </div>
-
              Premium CSS Templates</li>
+
            <div class="clear"></div>
-
           </ul>
+
           </div>
         </div>
         </div>
 +
        <div class="clear"></div>
       </div>
       </div>
-
       <div class="clr"></div>
+
       <div id="copyright">
-
    </div>
+
        <div id="copyright-left"> Copyright &copy; all right reserved | designed by <a href="http://www.freewebsitetemplates.com">free website templates</a></div>
-
  </div>
+
-
  <div class="fbg">
+
-
    <div class="fbg_resize">
+
-
      <div class="col c1">
+
-
        <h2><span>Image Gallery</span></h2>
+
-
        <a href="#"><img src="images/gallery_1.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="images/gallery_2.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="images/gallery_3.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="images/gallery_4.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="images/gallery_5.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="images/gallery_6.jpg" width="58" height="58" alt="" /></a> </div>
+
-
      <div class="col c2">
+
-
        <h2><span>Lorem Ipsum</span></h2>
+
-
        <p>Lorem ipsum dolor<br />
+
-
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. <a href="#">Morbi tincidunt, orci ac convallis aliquam</a>, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.</p>
+
       </div>
       </div>
-
       <div class="col c3">
+
       <div class="clear">&nbsp;</div>
-
        <h2><span>Contact</span></h2>
+
-
        <p>Nullam quam lorem, tristique non vestibulum nec, consectetur in risus. Aliquam a quam vel leo gravida gravida eu porttitor dui. Nulla pharetra, mauris vitae interdum dignissim, justo nunc suscipit ipsum. <a href="#">mail@example.com</a><br />
+
-
          <a href="#">+1 (123) 444-5677</a></p>
+
-
      </div>
+
-
      <div class="clr"></div>
+
-
    </div>
+
-
    <div class="footer">
+
-
      <p class="lr">Copyright &copy; 2010 <a href="#">Domain Name</a> - All Rights Reserved</p>
+
-
      <p class="lf">Layout by Atomic <a href="http://www.atomicwebsitetemplates.com/">Website Templates</a></p>
+
-
      <div class="clr"></div>
+
     </div>
     </div>
   </div>
   </div>

Latest revision as of 21:06, 5 August 2011

Music store template

Pic 1

Dietary nutrients

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. This is just a place holder so you can see how the site would look like.

If you're having problems editing the template please don't hesitate to ask for help on the forum.

Music Catagories

Pic 1

Even more websites all about website templates on Just Web Templates.

Listen Add
Pic 2

If you're looking for beautiful and professionally made templates you can find them at Template Beauty.

Listen Add
Pic 3

You can remove any link to our websites from this template you're free to use the template without linking back to us.

Listen Add
 

Retrieved from "http://2011.igem.org/Team:METU-Ankara/deneme"