JezK
Edit File: compare.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Product Comparison :: Spicylicious - Premium HTML template by D.Koev</title> <link rel="stylesheet" href="stylesheet/stylesheet.css" type="text/css" media="screen" /> <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/> <link rel="stylesheet" href="stylesheet/carousel.css" type="text/css" media="screen" /> <link rel="stylesheet" type="text/css" href="stylesheet/jquery-ui-1.8.9.custom.css" /> <!-- jQuery and Custom scripts --> <script src="js/jquery-1.5.2.min.js" type="text/javascript"></script> <script src="js/jquery.cycle.lite.1.0.min.js" type="text/javascript"></script> <script src="js/custom_scripts.js" type="text/javascript"></script> <script src="js/cloud-zoom.1.0.2.min.js" type="text/javascript"></script> <script src="js/jquery.jcarousel.min.js" type="text/javascript"></script> <script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"></script> <script type="text/javascript" src="js/tabs.js"></script> <!-- Tipsy --> <script src="js/tipsy/jquery.tipsy.js" type="text/javascript"></script> <link href="js/tipsy/css.tipsy.css" rel="stylesheet" type="text/css" /> <script src="js/jquery.tweet.js" type="text/javascript"></script> <link href="js/jquery.tweet.css" rel="stylesheet" type="text/css" /> </head> <body> <!-- MAIN WRAPPER --> <div id="container"> <!-- SIDEFEATURES --> <div id="sidefeatures"> <ul> <li class="side_cart"><span class="icon">Shopping Cart</span> <div id="cart"> <div class="heading"> <h4>Shopping Cart</h4> <span id="cart_total">3 item(s) - $1099.99</span> </div> <div class="content"> <table class="cart"> <tbody> <tr> <td class="image"><a href="#"><img alt="Spicylicious" src="image/cart_pic1.jpg"/></a></td> <td class="name"><a href="#">Product name 1</a> <div> </div></td> <td class="quantity">x 1</td> <td class="total">$117.50</td> <td class="remove"><img title="Remove" alt="Remove" src="image/close.png"/></td> </tr> <tr> <td class="image"><a href="#"><img title="Palm Treo Pro" alt="Palm Treo Pro" src="image/cart_pic2.jpg"/></a></td> <td class="name"><a href="#">Product name 2</a> <div> </div></td> <td class="quantity">x 1</td> <td class="total">$328.99</td> <td class="remove"><img title="Remove" alt="Remove" src="image/close.png"/></td> </tr> <tr> <td class="image"><a href="#"><img title="Canon EOS 5D" alt="Canon EOS 5D" src="image/cart_pic3.jpg"/></a></td> <td class="name"><a href="#">Product name 3</a> <div> - <small>Extra Cheese</small><br/> </div></td> <td class="quantity">x 1</td> <td class="total">$94.00</td> <td class="remove"><img title="Remove" alt="Remove" src="image/close.png"/></td> </tr> </tbody> </table> <table class="total"> <tbody> <tr> <td align="right"><b>Sub-Total</b></td> <td align="right">$459.99</td> </tr> <tr> <td align="right"><b>VAT 17.5%</b></td> <td align="right">$80.50</td> </tr> <tr> <td align="right"><b>Total</b></td> <td align="right">$540.49</td> </tr> </tbody> </table> <div class="checkout"><a class="button" href="checkout.html"><span>Checkout</span></a></div> </div> </div> </li> <li class="side_currency"><span class="icon">Currency</span> <div id="currency"> Currency <a href="#" title="Euro">€</a> <a href="#" title="Pound Sterling">£</a> <a title="US Dollar">$</a> </div> </li> <li class="side_lang"><span class="icon">Language</span> <div id="language"> Language <a href="#" title="English"><img src="image/gb.png" alt="Spicylicious store"/></a> <a href="#" title="Deutsch"><img src="image/de.png" alt="Spicylicious store"/></a> <a title="Bylgarski"><img src="image/bg.png" alt="Spicylicious store"/></a> </div> </li> <li class="side_search"><span class="icon">Search</span> <div id="search"> <input type="text" onkeydown="this.style.color = '#000000';" onclick="this.value = '';" value="Search" name="filter_name"/> <a href="#" class="button-search"></a> </div> </li> </ul> </div> <!-- END OF SIDEFEATURES --> <!-- HEADER --> <div id="header"> <div class="inner"> <ul class="main_menu menu_left"> <li><a href="account.html">My Account</a></li> <li><a href="wish.html">Wish List <b>(3)</b></a></li> <li><a href="about.html">About Us</a></li> <li class="warning"><a href="index.html">Home</a> <ul class="secondary"> <li><a href="index2.html">Home with LI SLIDER</a></li> </ul> </li> </ul> <div id="logo"><a href="index.html"><img src="image/logo.png" width="217" height="141" alt="Spicylicious store" /></a></div> <ul class="main_menu menu_right"> <li><a href="compare.html">Compare</a></li> <li><a href="cart.html">Shopping Cart</a></li> <li><a href="checkout.html">Checkout</a></li> <li><a href="contact.html">Contact Us</a></li> </ul> <div id="welcome"> Welcome visitor you can <a href="#">login</a> or <a href="#">create an account</a>. </div> <div class="menu"> <ul id="topnav"> <li><a href="category.html">Pizza</a> <ul class="children"> <li><a href="category.html">Pizza</a></li> <li><a href="category.html">Lasagna</a> <ul class="children2"> <li><a href="category.html">Pizza</a></li> <li><a href="category.html">Lasagna</a></li> <li><a href="category.html">Spaghetti</a></li> <li><a href="category.html">Penne</a></li> <li><a href="category.html">Canelonni</a></li> </ul> </li> <li><a href="category.html">Spaghetti</a></li> <li><a href="category.html">Penne</a></li> <li><a href="category.html">Canelonni</a></li> </ul> </li> <li><a href="category.html">Lasagna</a> <ul class="children"> <li><a href="category.html">Pizza</a></li> <li><a href="category.html">Lasagna</a> <ul class="children2"> <li><a href="category.html">Pizza</a></li> <li><a href="category.html">Lasagna</a></li> <li><a href="category.html">Spaghetti</a></li> <li><a href="category.html">Penne</a></li> <li><a href="category.html">Canelonni</a></li> </ul> </li> <li><a href="category.html">Spaghetti</a></li> <li><a href="category.html">Penne</a></li> <li><a href="category.html">Canelonni</a></li> </ul> </li> <li><a href="category.html">Spaghetti</a></li> <li><a href="category.html">Penne</a> <ul class="children"> <li><a href="category.html">Pizza</a></li> <li><a href="category.html">Lasagna</a> <ul class="children2"> <li><a href="category.html">Pizza</a></li> <li><a href="category.html">Lasagna</a></li> <li><a href="category.html">Spaghetti</a></li> <li><a href="category.html">Penne</a></li> <li><a href="category.html">Canelonni</a></li> </ul> </li> <li><a href="category.html">Spaghetti</a></li> <li><a href="category.html">Penne</a></li> <li><a href="category.html">Canelonni</a></li> </ul> </li> <li><a href="category.html">Canelonni</a></li> <li><a href="category.html">Fettuchini</a></li> <li><a href="category.html">Risotto</a></li> <li><a href="category.html">Antipasti</a></li> <li><a href="category.html">Bar-B-Q</a></li> <li><a href="category.html">Desserts</a></li> </ul> </div> </div> </div> <!-- END OF HEADER --> <!-- CONTENT --> <div id="content_holder"> <div class="inner"> <div class="breadcrumb"> <a href="index.html">Home</a> » Product Comparison</div> <h2 class="heading-title"><span>Product Comparison</span></h2> <div id="content"> <table class="compare-info"> <thead> <tr> <td colspan="4">Product Details</td> </tr> </thead> <tbody> <tr> <td>Product</td> <td class="name"><a href="product.html">Deliciosso</a></td> <td class="name"><a href="product.html">Pepper Steak</a></td> <td class="name"><a href="product.html">Strange Meal</a></td> </tr> <tr class="even"> <td>Image</td> <td class="image"><img src="image/prod_pic4.jpg" alt="Spicylicious store" /></td> <td class="image"><img src="image/prod_pic1.jpg" alt="Spicylicious store" /></td> <td class="image"><img src="image/prod_pic8.jpg" alt="Spicylicious store" /></td> </tr> <tr> <td>Price</td> <td> $587.50 </td> <td> $1,175.00 </td> <td> $1,175.00 </td> </tr> <tr class="even"> <td>Model</td> <td>Product 16</td> <td>Product 17</td> <td>Product 19</td> </tr> <tr> <td>Brand</td> <td>McDonalds</td> <td>Burger King</td> <td>Domino's Pizza</td> </tr> <tr class="even"> <td>Availability</td> <td>In Stock</td> <td>In Stock</td> <td>In Stock</td> </tr> <tr> <td>Rating</td> <td><img alt="Based on 0 reviews." src="image/stars-2.png"/><br/> Based on 3 reviews.</td> <td><img alt="Based on 0 reviews." src="image/stars-5.png"/><br/> Based on 12 reviews.</td> <td><img alt="Based on 0 reviews." src="image/stars-3.png"/><br/> Based on 7 reviews.</td> </tr> <tr class="even"> <td>Summary</td> <td class="description"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever..</td> <td class="description"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever..</td> <td class="description"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever..</td> </tr> <tr> <td>Weight</td> <td>0.00kg</td> <td>0.00kg</td> <td>0.00kg</td> </tr> <tr class="even"> <td>Dimensions (L x W x H)</td> <td>0.00mm x 0.00mm x 0.00mm</td> <td>0.00mm x 0.00mm x 0.00mm</td> <td>0.00mm x 0.00mm x 0.00mm</td> </tr> </tbody> <thead> <tr> <td colspan="4">Memory</td> </tr> </thead> <tbody> <tr> <td>test 1</td> <td>8gb</td> <td></td> <td></td> </tr> </tbody> <thead> <tr> <td colspan="4">Processor</td> </tr> </thead> <tbody> <tr> <td>No. of Cores</td> <td>1</td> <td></td> <td></td> </tr> </tbody> <tbody> <tr> <td></td> <td><a class="button" href="#"><span>Add to Cart</span></a></td> <td><a class="button" href="#"><span>Add to Cart</span></a></td> <td><a class="button" href="#"><span>Add to Cart</span></a></td> </tr> <tr> <td></td> <td><input type="hidden" value="43" name="remove"/> <a href="#"><span>Remove</span></a></td> <td><input type="hidden" value="44" name="remove"/> <a href="#"><span>Remove</span></a></td> <td><input type="hidden" value="46" name="remove"/> <a href="#"><span>Remove</span></a></td> </tr> </tbody> </table> </div> </div> </div> <!-- END OF CONTENT --> <!-- PRE-FOOTER --> <div id="pre_footer"> <div class="inner"> </div> </div> <!-- END OF PRE-FOOTER --> <!-- FOOTER --> <div id="footer"> <div class="inner"> <div class="column_big"> <!-- FOOTER MODULES AREA --> <div class="footer_modules"> <h3>About spicylicious</h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p> </div> <!-- END OF FOOTER MODULES AREA --> <div class="footer_social"> <h3>Spread the word</h3> <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "><script type="text/javascript"> //<![CDATA[ document.write('<a class="addthis_button_google_plusone" g:plusone:size="medium"></a> <a class="addthis_button_tweet"></a> <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>'); //]]> </script> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4e7280075406aa87"></script> <!-- AddThis Button END --> </div> </div> <div class="column_small"> <h3>Customer Service</h3> <ul> <li><a href="#">Home</a></li> <li><a href="#">My Account</a></li> <li><a href="#">Order History</a></li> <li><a href="#">Wishlist</a></li> <li><a href="#">Newsletter</a></li> <li><a href="#">Returns</a></li> </ul> </div> <div class="column_small"> <h3>Information</h3> <ul> <li><a href="about.html">About Us</a></li> <li><a href="#">Delivery Information</a></li> <li><a href="#">Privacy policy</a></li> <li><a href="#">Terms and conditions</a></li> <li><a href="contact.html">Contact Us</a></li> <li><a href="sitemap.html">site map</a></li> </ul> </div> <div class="column_small"> <h3>Extras</h3> <ul> <li><a href="#">Brands</a></li> <li><a href="#">Gift vouchers</a></li> <li><a href="#">Affiliates</a></li> <li><a href="#">Specials</a></li> </ul> </div> <div class="clear"></div> <span class="copyright">Spicylicious theme by <a href="http://themeforest.net/user/Koev/portfolio?ref=Koev">Dimitar Koev - theAlThemist</a>. </span> </div> </div> <!-- END OF FOOTER --> </div> <!-- END OF MAIN WRAPPER --> <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/d_koev.json?callback=twitterCallback2&count=3"></script> <script type="text/javascript"><!-- $(document).ready(function() { $('#twitter_update_list').cycle({ fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc... next: '#tweet_next', prev: '#tweet_prev' }); }); //--></script> <script type="text/javascript"><!-- $('.cart-module .cart-heading').bind('click', function() { if ($(this).hasClass('active')) { $(this).removeClass('active'); } else { $(this).addClass('active'); } $(this).parent().find('.cart-content').slideToggle('slow'); }); //--></script> </body> </html>