# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

<!-- 页面头部 -->

    <div class="header">

        <!-- 页面的logo -->

        <div class="logo"></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>

    </div>

    <!-- 页面的banner -->

    <div class="banner">

        <!-- 页面的图片 -->

        <div></div>

        <!-- 页面的遮罩层 -->

        <div></div>

        <!-- 页面的表单 -->

        <div></div>

    </div>

    <!-- about区域 -->

    <div class="about">

        <!-- 标题和简短的描述 -->

        <div></div>

        <!-- 详细描述区 -->

        <div></div>

    </div>

        

    <!-- 图文混排区域 -->

    <div></div>

    <div></div>

    <div></div>

    <div></div>

    <div></div>

    <div></div>

    <div></div>

    <div></div>

    <!-- Gallery区域 -->

    <div>

        <!-- 标题和简短的描述 -->

        <div></div>

        <!-- 详细信息 -->

        <div>

            <dl>

                <dt></dt>

                <dd>Science Lab</dd>

            </dl>

            <dl>

                <dt></dt>

                <dd>Idoor Stadium</dd>

            </dl>

            <dl>

                <dt></dt>

                <dd>Transportation</dd>

            </dl>

            <dl>

                <dt></dt>

                <dd>Kids Room</dd>

            </dl>

            <dl>

                <dt></dt>

                <dd>Meditation classes</dd>

            </dl>

            <dl>

                <dt></dt>

                <dd>Kids Playground</dd>

            </dl>

           <p> &copy;2020imooc</p>

        </div>

    </div>

    <!-- 页脚 -->

    <div class="footer">

        <p></p>

    </div>