📄 cart.html
字号:
<!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"><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /><title>Book Store</title><link rel="stylesheet" type="text/css" href="style.css" /></head><body><div id="wrap"> <div class="header"> <div class="logo"><a href="index.aspx"><img src="images/logo.gif" alt="" title="" border="0" /></a></div> <div id="menu"> <ul> <li><a href="index.aspx">home</a></li> <li><a href="about.html">about us</a></li> <li><a href="category.html">books</a></li> <li><a href="specials.html">specials books</a></li> <li><a href="myaccount.aspx">my accout</a></li> <li><a href="register.aspx">register</a></li> <li><a href="details.html">prices</a></li> <li><a href="contact.aspx">contact</a></li> </ul> </div> </div> <div class="center_content"> <div class="left_content"> <div class="title"><span class="title_icon"><img src="images/bullet1.gif" alt="" title="" /></span>My cart</div> <div class="feat_prod_box_details"> <table class="cart_table"> <tr class="cart_title"> <td>Item pic</td> <td>Book name</td> <td>Unit price</td> <td>Qty</td> <td>Total</td> </tr> <tr> <td><a href="details.html"><img src="images/cart_thumb.gif" alt="" title="" border="0" class="cart_thumb" /></a></td> <td>Books</td> <td>100$</td> <td>1</td> <td>100$</td> </tr> <tr> <td><a href="details.html"><img src="images/cart_thumb.gif" alt="" title="" border="0" class="cart_thumb" /></a></td> <td>Books</td> <td>100$</td> <td>1</td> <td>100$</td> </tr> <tr> <td><a href="details.html"><img src="images/cart_thumb.gif" alt="" title="" border="0" class="cart_thumb" /></a></td> <td>Books</td> <td>100$</td> <td>1</td> <td>100$</td> </tr> <tr> <td colspan="4" class="cart_total"><span class="red">TOTAL SHIPPING:</span></td> <td> 250$</td> </tr> <tr> <td colspan="4" class="cart_total"><span class="red">TOTAL:</span></td> <td> 325$</td> </tr> </table> <a href="#" class="continue">< continue</a> <a href="#" class="checkout">checkout ></a> </div> <div class="clear"></div> </div><!--end of left content--> <div class="right_content"> <div class="languages_box"> <span class="red">Languages:</span> <a href="#"><img src="images/gb.gif" alt="" title="" border="0" /></a> <a href="#"><img src="images/fr.gif" alt="" title="" border="0" /></a> <a href="#"><img src="images/de.gif" alt="" title="" border="0" /></a> </div> <div class="currency"> <span class="red">Currency: </span> <a href="#">GBP</a> <a href="#">EUR</a> <a href="#"><strong>USD</strong></a> </div> <div class="cart"> <div class="title"><span class="title_icon"><img src="images/cart.gif" alt="" title="" /></span>My cart</div> <div class="home_cart_content"> 3 x items | <span class="red">TOTAL: 100$</span> </div> <a href="cart.html" class="view_cart">view cart</a> </div> <div class="title"><span class="title_icon"><img src="images/bullet3.gif" alt="" title="" /></span>About Our Store</div> <div class="about"> <p> <img src="images/about.gif" alt="" title="" class="right" /> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. </p> </div> <div class="right_box"> <div class="title"><span class="title_icon"><img src="images/bullet4.gif" alt="" title="" /></span>Promotions</div> <div class="new_prod_box"> <a href="details.html">product name</a> <div class="new_prod_bg"> <span class="new_icon"><img src="images/promo_icon.gif" alt="" title="" /></span> <a href="details.html"><img src="images/thumb1.gif" alt="" title="" class="thumb" border="0" /></a> </div> </div> <div class="new_prod_box"> <a href="details.html">product name</a> <div class="new_prod_bg"> <span class="new_icon"><img src="images/promo_icon.gif" alt="" title="" /></span> <a href="details.html"><img src="images/thumb2.gif" alt="" title="" class="thumb" border="0" /></a> </div> </div> <div class="new_prod_box"> <a href="details.html">product name</a> <div class="new_prod_bg"> <span class="new_icon"><img src="images/promo_icon.gif" alt="" title="" /></span> <a href="details.html"><img src="images/thumb3.gif" alt="" title="" class="thumb" border="0" /></a> </div> </div> </div> <div class="right_box"> <div class="title"><span class="title_icon"><img src="images/bullet5.gif" alt="" title="" /></span>Categories</div> <ul class="list"> <li><a href="#">accesories</a></li> <li><a href="#">books gifts</a></li> <li><a href="#">specials</a></li> <li><a href="#">hollidays gifts</a></li> <li><a href="#">accesories</a></li> <li><a href="#">books gifts</a></li> <li><a href="#">specials</a></li> <li><a href="#">hollidays gifts</a></li> <li><a href="#">accesories</a></li> <li><a href="#">books gifts</a></li> <li><a href="#">specials</a></li> </ul> <div class="title"><span class="title_icon"><img src="images/bullet6.gif" alt="" title="" /></span>Partners</div> <ul class="list"> <li><a href="#">accesories</a></li> <li><a href="#">books gifts</a></li> <li><a href="#">specials</a></li> <li><a href="#">hollidays gifts</a></li> <li><a href="#">accesories</a></li> <li><a href="#">books gifts</a></li> <li><a href="#">specials</a></li> <li><a href="#">hollidays gifts</a></li> <li><a href="#">accesories</a></li> </ul> </div> </div><!--end of right content--> <div class="clear"></div> </div><!--end of center content--> <div class="footer"> <div class="left_footer"><img src="images/footer_logo.gif" alt="" title="" /><br /> <a href="http://csscreme.com/freecsstemplates/" title="free templates"><img src="images/csscreme.gif" alt="free templates" title="free templates" border="0" /></a></div> <div class="right_footer"> <a href="#">home</a> <a href="#">about us</a> <a href="#">services</a> <a href="#">privacy policy</a> <a href="#">contact us</a> </div> </div> </div></body></html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -