|
|
@@ -0,0 +1,138 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Document</title>
|
|
|
+ <link rel="stylesheet" href="./demo1.css">
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <!-- 整体 -->
|
|
|
+ <div id="box">
|
|
|
+ <div class="container">
|
|
|
+ <!-- 头部 -->
|
|
|
+ <div class="header">
|
|
|
+ <!--
|
|
|
+ 驼峰命名法
|
|
|
+ -->
|
|
|
+ <div class="headerLeft">
|
|
|
+ <img src="./images/1.png" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="headerRight">
|
|
|
+ <img src="./images/2.png" class="picture1" alt="">
|
|
|
+ <img src="./images/3.png" class="picture2" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 主体 -->
|
|
|
+ <div class="main">
|
|
|
+ <div class="part-one">
|
|
|
+ <div class="vase1">
|
|
|
+ <ul>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="vase2">
|
|
|
+ <ul>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="vase3">
|
|
|
+ <ul>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="vase4">
|
|
|
+ <ul>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="vase5">
|
|
|
+ <ul>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="vase6">
|
|
|
+ <ul>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="vase7">
|
|
|
+ <ul>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ </ul>
|
|
|
+ <ul>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ <li><a href="">新闻</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="part-two">
|
|
|
+ <img src="./images/4.png" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="part-three"></div>
|
|
|
+ </div>
|
|
|
+ <!-- 页尾 -->
|
|
|
+ <div class="footer"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</body>
|
|
|
+</html>
|
e
