diff --git a/index.html b/index.html
index 620f3c3226312b5e5d644418c648e6aa02332527..b0f771cc59b10444747b75cdb556f663379e37b8 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,64 @@
 <!DOCTYPE html>
+<html>
+<head>
+	<title>购物车示例</title>
+	<link rel="stylesheet" type="text/css" href="style.css">
+</head>
+<body>
+	<h1>购物车示例</h1>
+
+	<div class="cart-container">
+		<h2>购物车</h2>
+		<table>
+			<thead>
+				<tr>
+					<th>商品</th>
+					<th>数量</th>
+					<th>单价</th>
+					<th>总价</th>
+				</tr>
+			</thead>
+			<tbody id="cart-items">
+				<tr>
+					<td>iPhone XR</td>
+					<td>1</td>
+					<td>$749.00</td>
+					<td>$749.00</td>
+				</tr>
+			</tbody>
+			<tfoot>
+				<tr>
+					<td colspan="3">总价:</td>
+					<td id="total-price">$749.00</td>
+				</tr>
+			</tfoot>
+		</table>
+		<button onclick="checkout()">结账</button>
+	</div>
+
+	<div class="checkout-container" style="display: none;">
+		<h2>结账</h2>
+		<form>
+			<label for="name">姓名:</label>
+			<input type="text" id="name" name="name"><br>
+
+			<label for="email">邮箱:</label>
+			<input type="email" id="email" name="email"><br>
+
+			<label for="address">地址:</label>
+			<input type="text" id="address" name="address"><br>
+
+			<label for="credit-card">信用卡:</label>
+			<input type="text" id="credit-card" name="credit-card"><br>
+
+			<button type="submit" onclick="placeOrder()">确认订单</button>
+		</form>
+	</div>
+
+	<script src="script.js"></script>
+</body>
+</html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
