h5-css-js-exercise
/
page1.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link href="css/index.css" type="text/css" rel="stylesheet" />
		<title></title>
	</head>
	<body>
		<div class="demo">
			<div class="header">
			    <div class="headerLeft">
			        <img src="./img/Artboard%20Copy%2019@1x.png">
			        <p>腾讯数字商品管理</p>
			    </div>
			    <div class="headerRight">
			        <ul>
			            <li>首页</li>
			            <li>文档中心</li>
			            <li>
			                <span>gavenwu</span>
			                <img src="./img/icon_more.png" alt="">
			            </li>
			        </ul>
			    </div>
			</div>
			<div class="body">
				<div class="nav">
					<ul>
						<div class="nav-tit">
							<img src="./img/Artboard%20Copy%2019@1x.png">
							<p>个人账户</p>
						</div>
						<li><a href="">账户资产</a></li>
						<li><a href="#">基本信息</a></li>
						<li><a href="#">我的合同</a></li>
						<div class="nav-tit">
							<img src="./img/Artboard%20Copy%2019@1x.png">
							<p>订单管理</p>
						</div>
						<li><a href="">账户资产</a></li>
						<li><a href="#">基本信息</a></li>
						<li><a href="#">我的合同</a></li>
					</ul>
				</div>
				<div class="text">
					<div class="order">
						<div><img src="./img/icon_more.png" /></div>
						<div class="admin-order">
							<div>订单管理</div>
							<div>>创建订单</div>
						</div>
					</div>
					<div class="select-goods">请选择你要购买的商品</div>
					<div class="line1"></div>
					<div class="goods">
						<div class="main-good">
							<img src="img/Artboard%20Copy%2019@2x.png"/>
							<div class="goods-name">腾讯视频</div>
							<div class="detail">腾讯视频腾讯视频腾讯视频腾讯视频腾讯视频腾讯视频腾讯视频</div>
							<button>购买</button>
						</div>
						<div class="main-good">
							<img src="img/Artboard%20Copy%2019@2x.png"/>
							<div class="goods-name">腾讯会员</div>
							<div class="detail">腾讯会员腾讯会员腾讯会员腾讯会员腾讯会员腾讯会员</div>
							<button>购买</button>
						</div>
					</div>
				</div>
			</div>
			<div class="footer">底部</div>
		</div>
	</body>

<script>


</script>

</html>