<!DOCTYPE html>
<!-- Website template form http://www.moobnn.com/ -->
<html>
<head>
<meta charset="UTF-8">
<title>Checkout - Eternal Beauty Essentials Website Template</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
<!--[if IE]>
<link rel="stylesheet" href="css/ie.css" type="text/css" charset="utf-8">
<![endif]-->
</head>
<body>
<div id="page">
<div id="header">
<div id="logo">
<a href="index.html"><img src="images/logo.png" alt="LOGO"></a>
</div>
<div id="navigation">
<ul>
<li>
<a href="index.html">home</a>
</li>
<li>
<a href="news.html">What’s New</a>
</li>
<li class="selected">
<a href="cosmetics.html">Cosmetics</a>
</li>
<li>
<a href="skincare.html">Skincare</a>
</li>
<li>
<a href="fragrance.html">Fragrance</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="blogs.html">Blog</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
<div id="contents">
<div id="main">
<form action="index.html" method="post" id="checkout">
<div class="contentbox fillup">
<h2>Step 1 <span>Billing Information</span></h2>
<ul>
<li>
<label>Name:</label>
<input type="text" value="" class="txtfield">
</li>
<li>
<label>Address line 1:</label>
<input type="text" value="" class="txtfield">
</li>
<li>
<label>Address line 2:</label>
<input type="text" value="" class="txtfield">
</li>
<li>
<label>City:</label>
<input type="text" value="" class="txtfield">
</li>
<li>
<label>State/Region:</label>
<div class="fakeselect">
<!-- browse button is here as background -->
<input type="text" name="fakeselect">
</div>
<select>
<option></option>
</select>
</li>
<li>
<label>Zip code:</label>
<input type="text" value="" class="txtfield">
</li>
<li>
<label>Email:</label>
<input type="text" value="" class="txtfield">
</li>
<li>
<label>Phone:</label>
<input type="text" value="" class="txtfield">
</li>
</ul>
<p>
Nullam avodio iaculis ante, ac placerat tellus turpis ut.
</p>
</div>
<div class="contentbox fillup">
<h2>Step 2 <span>Shipping Information</span></h2>
<ul>
<li>
<label></label>
<label for="billingAdd" class="checkbox">
<input type="checkbox" checked="checked" id="billingAdd">
Use my billing address</label>
</li>
<li>
<label>Name:</label>
<input type="text" value="" class="txtfield">
</li>
<li>
<label>Address line 1:</label>
<input type="text" value="" class="txtfield">
</li>
<li>
<label>Address line 2:</label>
<input type="text" value="" class="txtfield">
</li>
<li>
<label>City:</label>
<input type="text" value="" class="txtfield">
</li>
<li>
<label>State/Region:</label>
<div class="fakeselect">
<!-- browse button is here as background -->
<input type="text" name="fakeselect">
</div>
<select>
<option></option>
</select>
</li>
<li>
<label>Zip code:</label>
<input type="text" value="" class="txtfield">
</li>
<li>
<label>Email:</label>
<input type="text" value="" class="txtfield">
</li>
<li>
<label>Phone:</label>
<input type="text" value="" class="txtfield">
</li>
</ul>
</div>
<div class="contentbox">
<h2>Step 3 <span>Shipping Options</span></h2>
<label for="shipping" class="checkbox">
<input type="checkbox" checked="checked" id="shipping">
Standard shipping $25.00</label>
<label for="courier" class="checkbox">
<input type="checkbox" checked="checked" id="courier">
Express Courier $31.00</label><br>
<p>
Nullam avodio iaculis ante, ac placerat tellus turpis ut. neque. In libero sem, vehicula quis feugiat non, malesuada nec tellus.
</p>
</div>
<div class="contentbox" id="payment">
<h2>Step 4 <span>Payment Method</span></h2>
<ul>
<li>
<label>Credit Card:</label>
<div class="fakeselect">
<!-- browse button is here as background -->
<input type="text" name="fakeselect">
</div>
<select>
<option></option>
</select>
</li>
<li>
<label>Type:</label>
<input type="text" value="" class="txtfield">
</li>
<li>
<label>Card Number:</label>
<input type="text" value="" class="txtfield">
</li>
<li>
<label>Name on Card:</label>
<div class="fakeselect">
<!-- browse button is here as background -->
<input type="text" name="fakeselect">
</div>
<select>
<option></option>
</select>
</li>
<li>
<label>Expiration Date:</label>
<input type="text" value="" class="txtfield">
</li>
</ul>
<p>
Nullam avodio iaculis ante, ac placerat tellus turpis ut. neque. In libero sem, vehicula quis feugiat non, malesuada nec tellus.
</p>
</div>
<div id="compute" class="contentbox">
<h2><span>Order Summary</span></h2>
<table>
<thead>
<tr>
<th>Item Description</th>
<th>QTY</th>
<th>Price Each</th>
<th class="last-child">Order Price</th>
</tr>
</thead>
<tbody>
<tr>
<td><div class="frame2">
<img src="images/thumbnail-powder.jpg" alt="Img" height="41" width="45">
</div>
<span class="title">Lipstick</span>
<p>
Nullam avodio iaculis ante, ac placerat tellus turpis ut. neque.
</p></td>
<td>1</td>
<td>$1.00</td>
<td><span class="total">$1.00</span></td>
</tr> <tr>
<td><div class="frame2">
<img src="images/thumbnail-concealer.jpg" alt="Img" height="41" width="45">
</div>
<span class="title">Concealer</span>
<p>
In libero sem, vehicula quis feugiat non.
</p></td>
<td>1</td>
<td>$1.00</td>
<td><span class="total">$1.00</span></td>
</tr> <tr>
<td><div class="frame2">
<img src="images/thumbnail-eyeShadow.jpg" alt="Img" height="41" width="45">
</div>
<span class="title">Eye Shadow</span>
<p>
Lorem ipsum dolor sit amet.
</p></td>
<td>1</td>
<td>$1.00</td>
<td><span class="total">$1.00</span></td>
</tr>
</tbody>
</table>
<ul>
<li>
Subtotal: <span>$3.00</span>
</li>
<li>
Sales Tax: <span>$1.00</span>
</li>
<li>
Shipping: <span>$24.00</span>
</li>
<li>
Order Total: <span>$28.00</span>
</li>
</ul>
</div>
<input type="submit" value="Submit Order" class="order">
</form>
</div>
<div id="sidebar">
<h1>Checkout</h1>
</div>
</div>
<div id="footer">
<ul class="navigation">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="news.html">What’s New</a>
</li>
<li class="selected">
<a href="cosmetics.html">Cosmetics
没有合适的资源?快使用搜索试试~ 我知道了~
美容化装行业整站网页模板_粉红色 美容 女性 化装 漂亮 精品 商城 购物 整站 html 企业_html网站模板_网.rar
共93个文件
png:51个
jpg:28个
html:12个
0 下载量 156 浏览量
2023-08-05
16:03:23
上传
评论
收藏 918KB RAR 举报
温馨提示
美容化装行业整站网页模板_粉红色 美容 女性 化装 漂亮 精品 商城 购物 整站 html 企业_html网站模板_网.rar
资源推荐
资源详情
资源评论
收起资源包目录
美容化装行业整站网页模板_粉红色 美容 女性 化装 漂亮 精品 商城 购物 整站 html 企业_html网站模板_网.rar (93个子文件)
美容化装行业整站网页模板_粉红色 美容 女性 化装 漂亮 精品 商城 购物 整站 html 企业
fwst7_beautyess
blogs.html 5KB
cosmetic.html 7KB
cosmetics.html 5KB
css
style.css 22KB
ie.css 829B
index.html 7KB
contact.html 3KB
about.html 4KB
sprites
frames
bg-cart.png 2KB
frame2.png 1KB
frame.png 1KB
bg-header.png 2KB
bg-strips
bg-navigation.png 1KB
highlight.png 1015B
bg-header.png 1KB
interface
bg-checkedbox.png 1KB
clearance.png 14KB
icon-shopNow2.png 1KB
bullet-hover.png 1KB
bg-checkbox.png 940B
bullet.png 1KB
icon-shopNow.png 1KB
bg-specialOffer.png 3KB
bg-select.png 1KB
icon-shopNow3.png 1KB
icons
icon-rss-hover.png 2KB
icon-rss.png 2KB
icon-vimeo.png 1KB
icon-vimeo-hover.png 2KB
icon-home.png 1KB
icon-twitter-hover.png 1KB
icon-mail.png 1KB
icon-phone.png 1KB
icon-cart.png 2KB
icon-facebook-hover.png 1KB
icon-twitter.png 1KB
icon-facebook.png 1KB
buttons
btn-submit2.png 2KB
btn-adtocart.png 2KB
bg-btnSubmit.png 2KB
btn-proceed.png 5KB
btn-adtocart-hover.png 2KB
btn-continueShopping.png 3KB
btn-update.png 4KB
btn-submit.png 2KB
fragrance.html 4KB
images
powders.jpg 8KB
half-face.jpg 12KB
makeUp-large.jpg 28KB
comb.jpg 5KB
thumbnail-concealer.jpg 5KB
curls.jpg 5KB
lipsticks2-small.png 22KB
lipsticks.png 37KB
make-up.jpg 21KB
brush.jpg 90KB
frames.png 3KB
eye-beauty.jpg 34KB
thumbnail-manicure.jpg 6KB
lipsticks-refill.jpg 6KB
lipsticks-large.jpg 19KB
logo.png 8KB
skin-care-large.jpg 35KB
bg-contentbox.png 1023B
powder.png 71KB
lipsticks-small.png 19KB
buttons.png 14KB
powder-large.jpg 34KB
thumbnail-lipstick.jpg 3KB
thumbnail-lipsticks.jpg 4KB
skin-care.jpg 12KB
thumbnail-powder.jpg 6KB
powder-small.png 37KB
beauties.jpg 49KB
fragrance.jpg 12KB
curls-large.jpg 14KB
lipsticks2-large.jpg 17KB
bg-strips.png 1KB
thumbnail-lipsticks2.jpg 4KB
lipsticks2.png 43KB
fragrance-large.jpg 41KB
bg-body.png 1KB
cosmetics.jpg 20KB
interface.png 22KB
icons.png 7KB
lip-check.jpg 35KB
makeUp.jpg 6KB
thumbnail-eyeShadow.jpg 7KB
cart.html 7KB
skincare.html 4KB
blog.html 4KB
news.html 4KB
checkout.html 8KB
共 93 条
- 1
资源评论
qw_6918966011
- 粉丝: 21
- 资源: 6162
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- #P0015. 全排列 超级简单
- pta题库答案c语言之排序4统计工龄.zip
- pta题库答案c语言之树结构7堆中的路径.zip
- pta题库答案c语言之树结构3TreeTraversalsAgain.zip
- pta题库答案c语言之树结构2ListLeaves.zip
- pta题库答案c语言之树结构1树的同构.zip
- 基于C++实现民航飞行与地图简易管理系统可执行程序+说明+详细注释.zip
- pta题库答案c语言之复杂度1最大子列和问题.zip
- 三维装箱问题(Three-Dimensional Bin Packing Problem,3D-BPP)是一个经典的组合优化问题
- 以下是一些关于Linux线程同步的基本概念和方法.txt
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功