| 123456789101112131415161718192021222324252627282930313233343536373839404142 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>猫眼电影</title>
- <!-- 引入css文件 -->
- <link rel="stylesheet" href="./css/index.css">
- <!-- 引入图标字体 -->
- <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_5209207_ek9b4zr8zlh.css">
- <!-- 引入rem js -->
- <script src="./js/rem.js"></script>
- </head>
- <body>
- <div class="container">
- <!-- 头部区域 -->
- <header>
- <h1>猫眼电影</h1>
- <div class="menu">
- <i class="iconfont icon-menu"></i>
- </div>
- </header>
- <!-- 导航区域 -->
- <nav>
- <div class="address">
- <span class="city">哈尔滨</span>
- </div>
- <div class="nav wait">
- <ul>
- <li data-nav="hot">热映</li>
- <li data-nav="cinema">影院</li>
- <li data-nav="wait">待映</li>
- </ul>
- <div class="under-line"></div>
- </div>
- <div class="search">
- <i class="iconfont icon-search"></i>
- </div>
- </nav>
- </div>
- </body>
- </html>
|
