Team:METU/test

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>  
+
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
-
 
+
<head>
<head>
-
 
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
-
<style>
+
<link rel="shortcut icon" href="css/images/favicon.ico" />
-
h1.firstHeading, div#p-logo, div#search-controls, div#contentSub, div#footer-box, div#catlinks{
+
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
-
  display:none;
+
<!--[if IE 6]>
-
}
+
<link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" />
-
 
+
<script src="js/png-fix.js" type="text/javascript"></script>
-
 
+
<![endif]-->
-
 
+
<script src="js/jquery-1.4.2.js" type="text/javascript"></script>
-
 
+
<script src="js/jquery.jcarousel.js" type="text/javascript"></script>
-
 
+
<script src="js/js-func.js" type="text/javascript"></script>
-
</style>
+
</head>
</head>
-
 
+
<body>
 +
<!-- Header -->
 +
<div id="header">
 +
<div class="shell">
 +
<h1 id="logo" class="notext"><a href="#">Right Direction - Business / Portfolio Free Template</a></h1>
 +
<div id="navigation">
 +
<ul>
 +
    <li><a href="#" class="active"><span>Home</span></a></li>
 +
    <li><a href="#"><span>About</span></a></li>
 +
    <li><a href="#"><span>Team</span></a></li>
 +
    <li><a href="#"><span>Jobs</span></a>
 +
    <div class="dd-holder">
 +
    <div class="dd-t"></div>
 +
    <div class="dd">
 +
    <ul>
 +
        <li><a href="#">Sub Level 1</a></li>
 +
        <li><a href="#">Sub Level 1</a>
 +
        <div class="dd-holder">
 +
    <div class="dd-t"></div>
 +
    <div class="dd">
 +
    <ul>
 +
        <li><a href="#">Sub Level 2</a></li>
 +
        <li><a href="#">Sub Level 2</a></li>
 +
        <li class="last"><a href="#">Sub Level 2</a>
 +
        <div class="dd-holder">
 +
    <div class="dd-t"></div>
 +
    <div class="dd">
 +
    <ul>
 +
        <li><a href="#">Sub Level 3</a></li>
 +
        <li><a href="#">Sub Level 3</a></li>
 +
        <li class="last"><a href="#">Sub Level 3</a>
 +
       
 +
        </li>
 +
    </ul>
 +
    <div class="cl">&nbsp;</div>
 +
    </div>
 +
    <div class="dd-b"></div>
 +
    </div>
 +
        </li>
 +
    </ul>
 +
    <div class="cl">&nbsp;</div>
 +
    </div>
 +
    <div class="dd-b"></div>
 +
    </div>
 +
       
 +
        </li>
 +
        <li><a href="#">Sub Level 1</a></li>
 +
        <li><a href="#">Sub Level 1</a></li>
 +
        <li class="last"><a href="#">Sub Level 1</a></li>
 +
    </ul>
 +
    <div class="cl">&nbsp;</div>
 +
    </div>
 +
    <div class="dd-b"></div>
 +
    </div>
 +
    </li>
 +
    <li><a href="#"><span>Contact Us</span></a>
 +
    </li>
 +
    <li><a href="#"><span>Portfolio</span></a></li>
 +
    <li><a href="#"><span>Blog</span></a></li>
 +
</ul>
 +
<a href="#" class="buy-now">Buy Now</a>
 +
</div>
 +
<div class="cl">&nbsp;</div>
 +
<div class="search">
 +
<form action="#" method="post">
 +
<span class="field">
 +
<input type="text" class="blink" value="Search" title="Search" />
 +
</span>
 +
<input type="submit" class="search-btn notext" value="Submit" />
 +
</form>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- End Header -->
 +
<!-- Slider -->
 +
<div id="slider">
 +
<div class="shell">
 +
<div class="slider-holder">
 +
<div class="slider-left">
 +
<ul>
 +
    <li>
 +
    <h2>Example Slider Page 1</h2>
 +
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Aliquam ac congue nunc. Mauris a tortor ut massa egestas tempus. Pellentesque tincidunt fermentum diam sagittis ullamcorper.</p>
 +
    </li>
 +
    <li>
 +
    <h2>Example Slider Page 2</h2>
 +
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Aliquam ac congue nunc. Mauris a tortor ut massa egestas tempus. Pellentesque tincidunt fermentum diam sagittis ullamcorper.</p>
 +
    </li>
 +
    <li>
 +
    <h2>Example Slider Page 3</h2>
 +
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Aliquam ac congue nunc. Mauris a tortor ut massa egestas tempus. Pellentesque tincidunt fermentum diam sagittis ullamcorper.</p>
 +
    </li>
 +
      <li>
 +
    <h2>Example Slider Page 4</h2>
 +
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Aliquam ac congue nunc. Mauris a tortor ut massa egestas tempus. Pellentesque tincidunt fermentum diam sagittis ullamcorper.</p>
 +
    </li>
 +
      <li>
 +
    <h2>Example Slider Page 5</h2>
 +
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Aliquam ac congue nunc. Mauris a tortor ut massa egestas tempus. Pellentesque tincidunt fermentum diam sagittis ullamcorper.</p>
 +
    </li>
 +
   
 +
</ul>
 +
</div>
 +
<div class="slider-right">
 +
<ul>
 +
    <li><img src="css/images/slider-image.jpg" alt="" /></li>
 +
    <li><img src="css/images/slider-image.jpg" alt="" /></li>
 +
    <li><img src="css/images/slider-image.jpg" alt="" /></li>
 +
    <li><img src="css/images/slider-image.jpg" alt="" /></li>
 +
    <li><img src="css/images/slider-image.jpg" alt="" /></li>
 +
</ul>
 +
</div>
 +
<div class="cl">&nbsp;</div>
 +
<div class="slider-nav">
 +
<a href="#">1</a>
 +
<a href="#">2</a>
 +
<a href="#">3</a>
 +
<a href="#">4</a>
 +
<a href="#">5</a>
 +
<div class="cl">&nbsp;</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- End Slider -->
 +
<!-- Main -->
 +
<div id="main">
 +
<div class="shell">
 +
<div class="col">
 +
<h2>About this template</h2>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Aliquam ac congue nunc. Mauris a tortor ut massa egestas tempus. Pellentesque tincidunt fermentum diam sagittis ullamcorper.</p>
 +
<a href="#" class="find-more">find out more</a>
 +
</div>
 +
<div class="col">
 +
<h2>Tliquam ac congue nunc.</h2>
 +
<img src="css/images/post-image1.gif" alt="" class="right" />
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Aliquam ac congue nunc. Mauris a tortor ut massa egestas tempus. Pellentesque </p>
 +
<div class="cl">&nbsp;</div>
 +
<a href="#" class="find-more">find out more</a>
 +
</div>
 +
<div class="col last">
 +
<h2>Lorem ipsum dolor sit</h2>
 +
<img src="css/images/post-image2.gif" alt="" class="right" />
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Aliquam ac congue nunc. Mauris a tortor ut massa egestas tempus. Pellentesque </p>
 +
<div class="cl">&nbsp;</div>
 +
<a href="#" class="find-more">find out more</a>
 +
</div>
 +
<div class="cl">&nbsp;</div>
 +
</div>
 +
</div>
 +
<!-- End Main -->
 +
<!-- Footer -->
 +
<div id="footer">
 +
<div class="shell">
 +
<p class="left">Copyright &copy; 2010 RightDirection. All rights reserved. Designed by <a href="http://chocotemplates.com" target="_blank" title="The Sweetest CSS Templates WorldWide">Chocotemplates.com</a></p>
 +
<p class="right">
 +
<a href="#">Home</a>
 +
<span>|</span>
 +
    <a href="#">About</a>
 +
    <span>|</span>
 +
    <a href="#">Team</a>
 +
    <span>|</span>
 +
    <a href="#">Jobs</a>
 +
    <span>|</span>
 +
    <a href="#">Contact Us</a>
 +
    <span>|</span>
 +
    <a href="#">Portfolio</a>
 +
    <span>|</span>
 +
    <a href="#">Blog</a>
 +
    </p>
 +
    <div class="cl">&nbsp;</div>
 +
</div>
 +
</div>
 +
<!-- Footer -->
 +
</body>
</html>
</html>

Revision as of 17:49, 5 September 2012

  • Example Slider Page 1

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Aliquam ac congue nunc. Mauris a tortor ut massa egestas tempus. Pellentesque tincidunt fermentum diam sagittis ullamcorper.

  • Example Slider Page 2

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Aliquam ac congue nunc. Mauris a tortor ut massa egestas tempus. Pellentesque tincidunt fermentum diam sagittis ullamcorper.

  • Example Slider Page 3

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Aliquam ac congue nunc. Mauris a tortor ut massa egestas tempus. Pellentesque tincidunt fermentum diam sagittis ullamcorper.

  • Example Slider Page 4

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Aliquam ac congue nunc. Mauris a tortor ut massa egestas tempus. Pellentesque tincidunt fermentum diam sagittis ullamcorper.

  • Example Slider Page 5

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Aliquam ac congue nunc. Mauris a tortor ut massa egestas tempus. Pellentesque tincidunt fermentum diam sagittis ullamcorper.

 
1 2 3 4 5
 

About this template

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Aliquam ac congue nunc. Mauris a tortor ut massa egestas tempus. Pellentesque tincidunt fermentum diam sagittis ullamcorper.

find out more

Tliquam ac congue nunc.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Aliquam ac congue nunc. Mauris a tortor ut massa egestas tempus. Pellentesque

 
find out more

Lorem ipsum dolor sit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Aliquam ac congue nunc. Mauris a tortor ut massa egestas tempus. Pellentesque

 
find out more