ky eshte fajli index.html
Kodi HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<title>CSS Free Templates with jQuery Slider</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="css/images/favicon.ico" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<script src="js/jquery-1.6.2.min.js" type="text/javascript" charset="utf-8"></script>
<!--[if IE 6]>
<script src="js/DD_belatedPNG-min.js" type="text/javascript" charset="utf-8"></script>
<![endif]-->
<script src="js/jquery.jcarousel.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/functions.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- Begin Wrapper -->
<div id="wrapper">
<!-- Begin Search -->
<div id="search">
<div class="shell">
<form action="#" method="get" accept-charset="utf-8">
<div class="container">
<input type="text" value="Keywords..." title="Keywords..." class="blink" />
</div>
<input class="search-button" type="submit" value="Submit" />
</form>
<div class="cl"> </div>
</div>
</div>
<!-- End Search -->
<!-- Begin Header -->
<div id="header" class="shell">
<h1 id="logo"><a class="notext" href="#" title="PC Store">PC Store</a></h1>
</div>
<!-- End Header -->
<!-- Begin Navigation -->
<div id="navigation">
<div class="shell">
<ul>
<li><a href="#" title="Home">Home</a></li>
<li><a href="#" title="Special Offers">Special Offers</a></li>
<li><a href="#" title="Log In">Log In</a></li>
<li><a href="#" title="Account">Account</a></li>
<li><a href="#" title="Basket">Basket</a></li>
<li><a href="#" title="Checkout">Checkout</a></li>
<li><a href="#" title="Contact">Contact</a></li>
</ul>
<div class="cl"> </div>
</div>
</div>
<!-- End Navigation -->
<!-- Begin Slider -->
<div id="slider">
<div class="slider-outer">
<div class="slider-inner shell">
<!-- Begin Slider Items -->
<ul class="slider-items">
<li>
<img src="css/images/slide-img1.jpg" alt="Slide Image 1" />
<div class="slide-entry">
<h2>Some Tittle Here</h2>
<h3>Sed condimentum metus at risus </h3>
<p>Maecenas eget purus arcu, in vestibulum libero. Ali-quam facilisis rhoncus eros, quis rutrum dolor tincid-unt ac. Duis vel consequat justo.</p>
</div>
<a href="#" class="more" title="View More">View More</a>
</li>
<li>
<img src="css/images/slide-img1.jpg" alt="Slide Image 2" />
<div class="slide-entry">
<h2>Some Tittle Here</h2>
<h3>Sed condimentum metus at risus </h3>
<p>Maecenas eget purus arcu, in vestibulum libero. Ali-quam facilisis rhoncus eros, quis rutrum dolor tincid-unt ac. Duis vel consequat justo.</p>
</div>
<a href="#" class="more" title="View More">View More</a>
</li>
<li>
<img src="css/images/slide-img1.jpg" alt="Slide Image 3" />
<div class="slide-entry">
<h2>Some Tittle Here</h2>
<h3>Sed condimentum metus at risus </h3>
<p>Maecenas eget purus arcu, in vestibulum libero. Ali-quam facilisis rhoncus eros, quis rutrum dolor tincid-unt ac. Duis vel consequat justo.</p>
</div>
<a href="#" class="more" title="View More">View More</a>
</li>
<li>
<img src="css/images/slide-img1.jpg" alt="Slide Image 4" />
<div class="slide-entry">
<h2>Some Tittle Here</h2>
<h3>Sed condimentum metus at risus </h3>
<p>Maecenas eget purus arcu, in vestibulum libero. Ali-quam facilisis rhoncus eros, quis rutrum dolor tincid-unt ac. Duis vel consequat justo.</p>
</div>
<a href="#" class="more" title="View More">View More</a>
</li>
<li>
<img src="css/images/slide-img1.jpg" alt="Slide Image 5" />
<div class="slide-entry">
<h2>Some Tittle Here</h2>
<h3>Sed condimentum metus at risus </h3>
<p>Maecenas eget purus arcu, in vestibulum libero. Ali-quam facilisis rhoncus eros, quis rutrum dolor tincid-unt ac. Duis vel consequat justo.</p>
</div>
<a href="#" class="more" title="View More">View More</a>
</li>
</ul>
<!-- End Slider Items -->
<div class="cl"> </div>
<div class="slider-controls">
</div>
</div>
</div>
<div class="cl"> </div>
</div>
<!-- End Slider -->
<!-- Begin Main -->
<div id="main">
<!-- Begin Content -->
<div id="content">
<!-- Begin Post -->
<div class="post">
<h2>Welcome to PCStore<span class="title-bottom"> </span></h2>
<p>Maecenas eget purus arcu, in vestibulum libero. Aliquam facilisis rhoncus eros, quis rutrum dolor tincid-unt ac. Duis vel consequat justo. Praesent felis mauris, ultricies nec tincidunt vitae, dignissim ac risus. Suspendisse in sem sit amet quam adipiscing interdum. Cras ac lacinia enim. Fusce eros odio, lacinia id egestas id, adipiscing a erat. Integer lacinia augue quis eros condimentum ac varius nunc lacinia. </p>
</div>
<!-- End Post -->
</div>
<!-- End Content -->
<!-- Begin Right Sidebar -->
<div id="right-sidebar" class="sidebar">
<ul>
<li class="widget products-box">
<h2>Bestsellers</h2>
<div class="widget-entry">
<ul>
<li>
<a href="#" title="Side Product 1">
<img src="css/images/side-img1.jpg" alt="Product Side Image 1" />
<span class="info">
<span class="title">Product Name</span>
<span class="price"><span>$</span>117.50</span>
</span>
<span class="cl"> </span>
</a>
</li>
<li>
<a href="#" title="Side Product 2">
<img src="css/images/side-img2.jpg" alt="Product Side Image 2" />
<span class="info">
<span class="title">Product Name</span>
<span class="price"><span>$</span>94.00</span>
</span>
<span class="cl"> </span>
</a>
</li>
<li>
<a href="#" title="Side Product 3">
<img src="css/images/side-img3.jpg" alt="Product Side Image 3" />
<span class="info">
<span class="title">Product Name</span>
<span class="price"><span>$</span>1,175.00</span>
</span>
<span class="cl"> </span>
</a>
</li>
<li>
<a href="#" title="Side Product 4">
<img src="css/images/side-img4.jpg" alt="Product Side Image 4" />
<span class="info">
<span class="title">Product Name</span>
<span class="price"><span>$</span>117.50</span>
</span>
<span class="cl"> </span>
</a>
</li>
<li>
<a href="#" title="Side Product 5">
<img src="css/images/side-img5.jpg" alt="Product Side Image 5" />
<span class="info">
<span class="title">Product Name</span>
<span class="price"><span>$</span>1,175.00</span>
</span>
<span class="cl"> </span>
</a>
</li>
<li>
<a href="#" title="Side Product 6">
<img src="css/images/side-img6.jpg" alt="Product Side Image 6" />
<span class="info">
<span class="title">Product Name</span>
<span class="price"><span>$</span>587.50</span>
</span>
<span class="cl"> </span>
</a>
</li>
<li>
<a href="#" title="Side Product 7">
<img src="css/images/side-img7.jpg" alt="Product Side Image 7" />
<span class="info">
<span class="title">Product Name</span>
<span class="price"><span>$</span>1,175.00</span>
</span>
<span class="cl"> </span>
</a>
</li>
<li>
<a href="#" title="Side Product 8">
<img src="css/images/side-img8.jpg" alt="Product Side Image 8" />
<span class="info">
<span class="title">Product Name</span>
<span class="price"><span>$</span>117.50</span>
</span>
<span class="cl"> </span>
</a>
</li>
<li>
<a href="#" title="Side Product 9">
<img src="css/images/side-img9.jpg" alt="Product Side Image 9" />
<span class="info">
<span class="title">Product Name</span>
<span class="price"><span>$</span>118.68</span>
</span>
<span class="cl"> </span>
</a>
</li>
<li>
<a href="#" title="Side Product 10">
<img src="css/images/side-img10.jpg" alt="Product Side Image 10" />
<span class="info">
<span class="title">Product Name</span>
<span class="price"><span>$</span>235.00</span>
</span>
<span class="cl"> </span>
</a>
</li>
</ul>
<div class="cl"> </div>
</div>
</li>
<li class="widget products-box">
<h2>Feature</h2>
<div class="widget-entry">
<ul>
<li>
<a href="#" title="Featured Product 1">
<img src="css/images/featured-img1.jpg" alt="Product Featured Image 1" />
<span class="info">
<span class="title">Product Name</span>
<span class="price"><span>$</span>117.50</span>
</span>
<span class="cl"> </span>
</a>
</li>
<li>
<a href="#" title="Featured Product 2">
<img src="css/images/featured-img2.jpg" alt="Product Featured Image 2" />
<span class="info">
<span class="title">Product Name</span>
<span class="price"><span>$</span>94.00</span>
</span>
<span class="cl"> </span>
</a>
</li>
<li>
<a href="#" title="Featured Product 3">
<img src="css/images/featured-img3.jpg" alt="Product Featured Image 3" />
<span class="info">
<span class="title">Product Name</span>
<span class="price"><span>$</span>1,175.00</span>
</span>
<span class="cl"> </span>
</a>
</li>
<li>
<a href="#" title="Featured Product 4">
<img src="css/images/featured-img4.jpg" alt="Product Featured Image 4" />
<span class="info">
<span class="title">Product Name</span>
<span class="price"><span>$</span>117.50</span>
</span>
<span class="cl"> </span>
</a>
</li>
<li>
<a href="#" title="Featured Product 5">
<img src="css/images/featured-img5.jpg" alt="Product Featured Image 5" />
<span class="info">
<span class="title">Product Name</span>
<span class="price"><span>$</span>1,175.00</span>
</span>
<span class="cl"> </span>
</a>
</li>
<li>
<a href="#" title="Featured Product 6">
<img src="css/images/featured-img6.jpg" alt="Product Featured Image 6" />
<span class="info">
<span class="title">Product Name</span>
<span class="price"><span>$</span>587.50</span>
</span>
<span class="cl"> </span>
</a>
</li>
</ul>
<div class="cl"> </div>
</div>
</li>
</ul>
</div>
<!-- End Sidebar -->
<div class="cl"> </div>
</div>
</div>
<!-- End Inner -->
</div>
<!-- End Main -->
<!-- Begin Footer -->
<div id="footer">
<div class="shell">
<p class="bottom-menu"><a href="#" title="Home">Home</a><span>|</span><a href="#" title="Special Offers">Special Offers</a><span>|</span><a href="#" title="Log In">Log In</a><span>|</span><a href="#" title="Account">Account</a><span>|</span><a href="#" title="Basket">Basket</a><span>|</span><a href="#" title="Checkout">Checkout</a><span>|</span><a href="#" title="Contact">Contact</a></p>
<p>Copyright © PC Store 2012. Design by: <a href="http://css-free-templates.com/" title="CSS Free Templates">CSS-Free-Templates</a>. All Rights Reserved. </p>
<div class="cl"> </div>
</div>
</div>
<!-- End Footer -->
</div>
<!-- End Wrapper -->
</body>
</html>