lovecoding
/
VIP30


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
							<!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>