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

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

文章目录


一、作品介绍

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

二、作品演示


三、代码目录

四、网站代码

HTML部分代码

c 复制代码
<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>

五、源码获取

🥇 ~ 关注我,点赞博文~ 每天带你涨知识!

🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。

💙2.想要获取本文源码,点击前往吧

相关推荐
孤客网络科技工作室4 分钟前
每天学一个 Linux 命令(7):cd
java·linux·前端
努力的搬砖人.9 分钟前
Vue 2 和 Vue 3 有什么区别
前端·vue.js·经验分享·面试
Json_1817901448027 分钟前
python采集淘宝拍立淘按图搜索API接口,json数据示例参考
服务器·前端·数据库
珹洺1 小时前
Java-servlet(十)使用过滤器,请求调度程序和Servlet线程(附带图谱表格更好对比理解)
java·开发语言·前端·hive·hadoop·servlet·html
熙曦Sakura1 小时前
【C++】map
前端·c++
黑贝是条狗1 小时前
html 列表循环滚动,动态初始化字段数据
前端·javascript·html
萌萌哒草头将军1 小时前
🔥🔥🔥4 月 1 日尤雨溪突然宣布使用 Go 语言重写 Rolldown 和 Oxc!
前端·javascript·vue.js
搬砖的阿wei2 小时前
从零开始学 Flask:构建你的第一个 Web 应用
前端·后端·python·flask
萌萌哒草头将军2 小时前
🏖️ TanStack:一套为现代 Web 开发打造的强大、无头且类型安全的库集合 🔥
前端·javascript·vue.js
指针满天飞2 小时前
同步、异步、Promise、then、async/await
前端·javascript·vue.js