JezK
Edit File: product.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 page :: Spicylicious - Premium HTML template by D.Koev</title> <link rel="stylesheet" href="stylesheet/stylesheet.css" type="text/css" media="screen" /> <link rel="stylesheet" href="stylesheet/cloud-zoom.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" class="fixed"> <div class="inner"> <div class="breadcrumb"> <a href="index.html">Home</a> » <a href="category.html">Pizza</a> » Pizza Delicioso </div> <h2 class="heading-title"><span>Pizza Delicioso</span></h2> <!-- PRODUCT INFO --> <div class="product-info fixed"> <div class="left"> <div class="image"> <a href="image/bigimage00.jpg" class="cloud-zoom" id="zoom1" rel="adjustX: 5, adjustY:0, zoomWidth:550, zoomHeight:400, showTitle: false"> <img src="image/smallimage.jpg" alt='' title="Pizza Delicioso" /></a> <span class="pricetag">$ 1400,99</span> </div> <div class="image-additional"> <div class="image_car_holder"> <ul class="jcarousel-skin-opencart"> <li><a href='image/bigimage00.jpg' class='cloud-zoom-gallery' title='Thumbnail 1' rel="useZoom: 'zoom1', smallImage: 'image/smallimage.jpg' "> <img src="image/tiny1.jpg" alt = "Thumbnail 1"/> </a></li> <li><a href='image/bigimage01.jpg' class='cloud-zoom-gallery' title='Thumbnail 2' rel="useZoom: 'zoom1', smallImage: 'image/smallimage1.jpg'"> <img src="image/tiny2.jpg" alt = "Thumbnail 2"/> </a></li> <li><a href='image/bigimage02.jpg' class='cloud-zoom-gallery' title='Thumbnail 3' rel="useZoom: 'zoom1', smallImage: 'image/smallimage2.jpg' "> <img src="image/tiny3.jpg" alt = "Thumbnail 3"/> </a></li> <li><a href='image/bigimage00.jpg' class='cloud-zoom-gallery' title='Thumbnail 1' rel="useZoom: 'zoom1', smallImage: 'image/smallimage.jpg' "> <img src="image/tiny1.jpg" alt = "Thumbnail 1"/> </a></li> <li><a href='image/bigimage01.jpg' class='cloud-zoom-gallery' title='Thumbnail 2' rel="useZoom: 'zoom1', smallImage: 'image/smallimage1.jpg'"> <img src="image/tiny2.jpg" alt = "Thumbnail 2"/> </a></li> <li><a href='image/bigimage02.jpg' class='cloud-zoom-gallery' title='Thumbnail 3' rel="useZoom: 'zoom1', smallImage: 'image/smallimage2.jpg' "> <img src="image/tiny3.jpg" alt = "Thumbnail 3"/> </a></li> <li><a href='image/bigimage01.jpg' class='cloud-zoom-gallery' title='Thumbnail 2' rel="useZoom: 'zoom1', smallImage: 'image/smallimage1.jpg'"> <img src="image/tiny2.jpg" alt = "Thumbnail 2"/> </a></li> <li><a href='image/bigimage02.jpg' class='cloud-zoom-gallery' title='Thumbnail 3' rel="useZoom: 'zoom1', smallImage: 'image/smallimage2.jpg' "> <img src="image/tiny3.jpg" alt = "Thumbnail 3"/> </a></li> </ul> </div> <script type="text/javascript"><!-- $('.image-additional ul').jcarousel({ vertical: false, visible: 4, scroll: 1 }); //--></script> </div> </div> <div class="right"> <div class="description"> <span>Brand:</span> <a href="#">Apple</a><br/> <span>Product Code:</span> Product 15<br/> <span>Reward Points:</span> 100<br/> <span>Availability:</span> In Stock <!-- 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 class="reviews"> <img alt="3 reviews" src="image/stars-5.png"/> <p>Based on <a href="#" title="Read reviews">3 reviews</a></p> </div> </div> <div class="options"> <div class="option" id="option-217"><b><span class="required">*</span> Select Size:</b> <select name="option[217]"> <option value=""> --- Please Select --- </option> <option value="4">Small (+$4.70) </option> <option value="3">Middle (+$3.53) </option> <option value="1">Large (+$1.18) </option> </select> </div> <div class="option" id="option-223"><b>Add Ingredients:</b> <input type="checkbox" id="option-value-9" value="9" name="option[223][]"/> <label for="option-value-9"> Checkbox 2 (+$23.50) </label> <br/> <input type="checkbox" id="option-value-10" value="10" name="option[223][]"/> <label for="option-value-10"> Checkbox 3 (+$35.25) </label> <br/> <input type="checkbox" id="option-value-11" value="11" name="option[223][]"/> <label for="option-value-11"> Checkbox 4 (+$47.00) </label> <br/> </div> </div> <div class="cart"> <span class="label">Qty:</span> <input type="text" value="1" size="2" name="quantity" id="qty"/> <a class="button" id="button-cart" title="Add to Cart"><span>Add to Cart</span></a> <a href="#" class="wish_button" title="Add to Wish List">Add to Wish List</a> <a href="#" class="compare_button" title="Add to Compare">Add to Compare</a> </div> <div class="tags"> <span class="label">Tags:</span> <a href="#">Pizza</a> <a href="#">Italian</a> <a href="#">Food</a> <a href="#">Delivery</a> <a href="#">Vegetarian</a> <a href="#">Sample tag</a> </div> </div> <div class="clear"></div> </div> <!-- END OF PRODUCT INFO --> <div id="content"> <div class="box"> <h2 class="heading-title"><span>Description</span></h2> <div class="box-content"> <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. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> </div> </div> <div class="box"> <h2 class="heading-title"><span>Reviews (3)</span></h2> <div class="box-content box-rating"> <a class="comment_switch" href="#"> <span class="button_comments">View Comments</span> <span class="button_review">Write Review</span> </a> <div class="box-comments"> <div class="content"> <span>Dimitar Koev | 05/09/2011</span> <img src="image/stars-5.png" alt="3 reviews"/> <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. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> </div> <div class="content"> <span>Dimitar Koev | 05/09/2011</span> <img src="image/stars-1.png" alt="3 reviews"/> <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. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> </div> <div class="content"> <span>Dimitar Koev | 05/09/2011</span> <img src="image/stars-4.png" alt="3 reviews"/> <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. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> </div> </div> <div class="box-write"> <h3 id="review-title">Write a review</h3> <span class="label">Your Name:</span> <input type="text" value="" name="name"/> <br/> <br/> <span class="label">Your Review:</span> <textarea style="width: 98%;" rows="10" cols="40" name="text"></textarea> <span style="font-size: 11px;"><span style="color: #FF0000;">Note:</span> HTML is not translated!</span><br/> <br/> <span class="label">Rating:</span> <span>Bad</span> <input type="radio" value="1" name="rating"/> <input type="radio" value="2" name="rating"/> <input type="radio" value="3" name="rating"/> <input type="radio" value="4" name="rating"/> <input type="radio" value="5" name="rating"/> <span>Good</span><br/> <br/> <span class="label">Enter the code in the box below:</span> <input type="text" value="" name="captcha"/> <br/> <img id="captcha" alt="" src="image/captcha.jpg"/><br/> <br/> <div class="buttons"> <div class="left"><a class="button" id="button-review"><span>Submit Review</span></a></div> </div> </div> </div> </div> <div class="cat_list"> <h2 class="heading-title"><span>Related Products</span></h2> <div class="prod_hold"> <a class="wrap_link" href="product.html"> <span class="image"><img src="image/prod_pic1.jpg" alt="Spicylicious store" /></span> </a> <div class="pricetag_small"> <span class="old_price">$ 19 999,99</span> <span class="new_price">$ 14 999,99</span> </div> <div class="info"> <h3>Very long product name goes here</h3> <p>Suspendisse eget nunc lorem. Sed convallis mattis est, quis dignissim magna varius et.</p> <a class="add_to_cart_small" href="#">Add to cart</a> <a class="wishlist_small" href="#">Wishlist</a> <a class="compare_small" href="#">Compare</a> </div> </div> <div class="prod_hold"> <a class="wrap_link" href="product.html"> <span class="image"><img src="image/prod_pic2.jpg" alt="Spicylicious store" /></span> </a> <div class="pricetag_small"> <span class="price">$ 147,99</span> </div> <div class="info"> <h3>Very long product name goes here</h3> <p>Suspendisse eget nunc lorem. Sed convallis mattis est, quis dignissim magna varius et.</p> <a class="add_to_cart_small" href="#">Add to cart</a> <a class="wishlist_small" href="#">Wishlist</a> <a class="compare_small" href="#">Compare</a> </div> </div> <div class="prod_hold"> <a class="wrap_link" href="product.html"> <span class="image"><img src="image/prod_pic3.jpg" alt="Spicylicious store" /></span> </a> <div class="pricetag_small"> <span class="price">$ 472,99</span> </div> <div class="info"> <h3>Very long product name goes here</h3> <p>Suspendisse eget nunc lorem. Sed convallis mattis est, quis dignissim magna varius et.</p> <a class="add_to_cart_small" href="#">Add to cart</a> <a class="wishlist_small" href="#">Wishlist</a> <a class="compare_small" href="#">Compare</a> </div> </div> <div class="prod_hold"> <a class="wrap_link" href="product.html"> <span class="image"><img src="image/prod_pic4.jpg" alt="Spicylicious store" /></span> </a> <div class="pricetag_small"> <span class="price">$ 219,99</span> </div> <div class="info"> <h3>Very long product name goes here</h3> <p>Suspendisse eget nunc lorem. Sed convallis mattis est, quis dignissim magna varius et.</p> <a class="add_to_cart_small" href="#">Add to cart</a> <a class="wishlist_small" href="#">Wishlist</a> <a class="compare_small" href="#">Compare</a> </div> </div> <div class="clear"></div> </div> </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"><!-- $(document).ready(function(){ $("a.comment_switch").toggle(function(){ $(this).addClass("swap"); $(".box-rating").fadeOut("fast", function() { $(this).fadeIn("fast").addClass("box-review"); }); }, function () { $(this).removeClass("swap"); $(".box-rating").fadeOut("fast", function() { $(this).fadeIn("fast").removeClass("box-review"); }); }); }); //--></script> </body> </html>