📄 index.aspx
字号:
<%@ Page Language="VB" ContentType="text/html" ResponseEncoding="iso-8859-1" %>
<!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 class="selected"><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>Featured books</div>
<div class="feat_prod_box">
<div class="prod_img"><a href="details.html"><img src="images/prod1.gif" alt="" title="" border="0" /></a></div>
<div class="prod_det_box">
<div class="box_top"></div>
<div class="box_center">
<div class="prod_title">Product name</div>
<p class="details">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 exercitation.</p>
<a href="details.html" class="more">- more details -</a>
<div class="clear"></div>
</div>
<div class="box_bottom"></div>
</div>
<div class="clear"></div>
</div>
<div class="feat_prod_box">
<div class="prod_img"><a href="details.html"><img src="images/prod2.gif" alt="" title="" border="0" /></a></div>
<div class="prod_det_box">
<div class="box_top"></div>
<div class="box_center">
<div class="prod_title">Product name</div>
<p class="details">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 exercitation.</p>
<a href="details.html" class="more">- more details -</a>
<div class="clear"></div>
</div>
<div class="box_bottom"></div>
</div>
<div class="clear"></div>
</div>
<div class="title"><span class="title_icon"><img src="images/bullet2.gif" alt="" title="" /></span>New books</div>
<div class="new_products">
<div class="new_prod_box">
<a href="details.html">product name</a>
<div class="new_prod_bg">
<span class="new_icon"><img src="images/new_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/new_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/new_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="clear"></div>
</div><!--end of left content-->
<div class="right_content">
<div class="languages_box">
<span class="red">Languages:</span>
<a href="#" class="selected"><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="#" class="selected">USD</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 + -