老师 麻烦检查一下作业 谢谢啦

<!-- 网页头部 -->
    <header>
        <!-- logo -->
        <div class="logo">
            <a href=""><img src="images/logo.png"></a>
        </div>
        <!-- 导航条-->
        <div class="nav">
            <ul>
                <li>HOME</li>
                <li>ABOUT</li>
                <li>GALLERY</li>
                <li>FACULTY</li>
                <li>EVENTS</li>
                <li>CONTACT</li>
            </ul>
        </div>
    </header>

    <!-- 网页横幅 -->
    <section class="banner">
        <!-- 放大的图片 -->
        <a href=""><img src="images/banner3.jpg"></a>
        <!-- 遮罩层 -->
        <div class="banner-mask">banner遮罩层</div>
        <!-- 表单 -->
        <div class="banner-form">banner表单</div>
    </section>
<!-- 网页的主要内容 -->
    <section class="content">
        <!-- 网页about区域 -->
        <div class="about">
            <div class="up">
                <!-- about上半部分 -->
                <h1>ABOUT</h1>
                <p>分割线</p>
                Lorem Ipsum is simply dummy text of the printing and typesetting<br>
                industry. Lorem Ipsum has been the industry's standard dummy<br>
                text ever since the 1500s.
                <div class="titile">
                    <h1>WORD<br>ABOUT US</h1>
                </div>
                <div class="jianduanmiaoshu">
                    Praesent dignissim viverra est, sed bibendum ligula congue non. Sed ac nisl et felis gravida commodo? Suspendisse eget ullamcorper ipsum. Suspendisse diam amet.
                </div>
            </div>
            <!-- about下半部分 -->
            <div class="down">
                <P>
                    EXPLORE<br>
                    <img src="IMAGES/bb3.jpg">
                </P>
                <p>70000</p>
                <p>
                    分割线<br>
                    Students
                </p>
                <p>600</p>
            </div>
        </div>
<!-- 网页图文混排区域 -->
        <div class="image and text">
            分割线<br>
            Faculty
            <div class="image1">
                <a href=""><img src="images/b1.jpg"></a>
            </div>
            <div class="text2">
                <h1>Library</h1>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
                <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
            </div>
            <div class="image3">
                EXPLORE<br>
                <a href=""><img src="images/b2.jpg"></a>
            </div>
            <div class="text4">
                <h1>Library</h1>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
                <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
            </div>
            <div class="text5">
                <h1>Library</h1>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
                <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
            </div>
            <div class="image6">
                EXPLORE<br>
                <a href=""><img src="images/b3.jpg"></a>
            </div>
            <div class="text7">
                <h1>Library</h1>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
                <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
            </div>
            <div class="image8">
                EXPLORE<br>
                <a href=""><img src="images/b4.jpg"></a>
            </div>
        </div>

        <!-- 网页Gallery区域 -->
        <div class="gallery">
            <!-- gallery上部分 -->
            <div class="title">
                <h1>GALLERY</h1>
            </div>
            <div class="bjianduan">
                <p>分割线</p>
                Lorem Ipsum is simply dummy text of the printing and typesetting<br>
                industry. Lorem Ipsum has been the industry's standard dummy<br>
                text ever since the 1500s.
            </div>
            <!-- gallery下部分 -->
            <div class="bxiangxi">
                <dl>
                    <dt>
                        <img src="images/03-01.jpg">
                    </dt>
                    <dd>Science Lab</dd>
                </dl>
                <dl>
                    <dt>
                        <img src="images/03-02.jpg">
                    </dt>
                    <dd>Indoor Stadium</dd>
                </dl>
                <dl>
                    <dt>
                        <img src="images/03-03.jpg">
                    </dt>
                    <dd>Transportation</dd>
                </dl>
                <dl>
                    <dt>
                        <img src="images/03-04.jpg">
                    </dt>
                    <dd>Kids Room</dd>
                </dl>
                <dl>
                    <dt>
                        <img src="images/03-05.jpg">
                    </dt>
                    <dd>Meditation Classes</dd>
                </dl>
                <dl>
                    <dt>
                        <img src="images/03-06.jpg">
                    </dt>
                    <dd>Kid Play Ground</dd>
                </dl>
            </div>
        </div>
    </section>
<!-- 网页页脚 -->
    <footer">
        <p>&copy;2016imooc.com京ICP备13046642</p>
    </footer>