| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>包图网</title>
- <!-- 引入common.css 公共css文件 样式重置 -->
- <link rel="stylesheet" href="css/common.css">
- <!-- 引入页面css -->
- <link rel="stylesheet" href="css/index.css">
- </head>
- <body>
- <!-- 导航 -->
- <div id="nav">
- <!-- 中间内容区域 -->
- <div class="nav-center">
- <!-- 左边 -->
- <div class="nav-left">
- <a href="#" class="nav-left-first">您好，欢迎进入包图购物网</a>
- <a href="#">登录</a>
- <span>|</span>
- <a href="#" class="active">注册</a>
- </div>
- <!-- 右边 -->
- <div class="nav-right">
- <a href="#">设为首页 ☆</a>
- <span>|</span>
- <a href="#" class="active">加入收藏</a>
- <span>|</span>
- <a href="#">客户服务 </a>
- <span>|</span>
- <a href="#" >关注官方微博：</a>
- </div>
- </div>
- </div>
- <!-- 头部 header -->
- <div class="header">
- <!-- logo -->
- <img class="logo-img" src="images/logo.png" alt="">
- <!-- 搜索 -->
- <div class="search-box">
-
- </div>
- <!-- 购物车 -->
- <div class="cart-box">购物车</div>
- </div>
-
- </body>
- </html>
|
