HTML静态网页成品作业(HTML+CSS)—— 校园贷主题网页(2个页面)

🎉不定期分享源码，关注不丢失哦

文章目录

一、作品介绍
二、作品演示
三、代码目录
四、网站代码
- HTML部分代码
五、源码获取

一、作品介绍

🏷️本套采用HTML+CSS，未使用Javacsript代码，共有2个页面。

二、作品演示

在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码

<header>
        <div class="head_c">
            <div class="head_c_left">
                <a href="#">远离“校园贷” 不负“青春债”</a>
            </div>
        </div>
    </header>

    <!--导航/logo-->
    <div class="top">
        <!--logo-->
        <div class="logo"><img src="images/1.jpg" alt="" /></div>
        <!--导航-->
        <nav>
            <ul>
                <li><a href="index.html" id="on">网站首页</a></li>
                <li><a href="">校园贷政策</a></li>
                <li><a href="">校园贷动态</a></li>
                <li><a href="">校园贷防护</a></li>
                <li><a href="">校园贷应对</a></li>
                <li><a href="">消除隐患</a></li>
                <li><a href="liuyan.html">在线留言</a></li>
            </ul>
        </nav>
    </div>
    <!--banner-->
    <div class="box">
        <div class="box-1">
            <ul>
                <li>
                    <img src="images/5.png"></img>
                </li>
            </ul>
        </div>
    </div>

    <!--校园贷-->
    <div class="xiaoyuanaq">
        <div class="xiaoyuanaq_tittle">校园贷</div>
        <div class="xiaoyuanaq_list">
            <div class="xiaoyuanaq_left">
                <p>校园贷是指在校学生向正规金融机构或者其他借贷平台借钱的行为。</p>
                <p>2016年4月，教育部与银监会联合发布了《关于加强校园不良网络借贷风险防范和教育引导工作的通知》，明确要求各高校建立校园不良网络借贷日常监测机制和实时预警机制，同时，建立校园不良网络借贷应对处置机制。
                </p>
                <p>依据《中国银监会 教育部 人力资源社会保障关于进一步加强校园贷规范管理工作的通知银监发〔2017〕26号》为满足大学生在消费、创业、培训等方面合理的信贷资金和金融服务需求，净化校园金融市场环境，使校园贷回归良性发展，商业银行和政策性银行应在风险可控的前提下，有针对性地开发高校助学、培训、消费、创业等金融产品，向大学生提供定制化、规范化的金融服务，合理设置信贷额度和利率，提高大学生校园贷服务质效，畅通正规、阳光的校园信贷服务渠道。
                </p>
            </div>
            <div class="xiaoyuanaq_right"><img src="images/1.png" alt="" /></div>
        </div>
    </div>
    <div style="clear:both;"></div>