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.想要获取本文源码,点击前往吧

相关推荐
傻小胖19 分钟前
vue3中Teleport的用法以及使用场景
前端·javascript·vue.js
wl85111 小时前
Vue 入门到实战 七
前端·javascript·vue.js
Enti7c1 小时前
用 HTML、CSS 和 JavaScript 实现抽奖转盘效果
前端·css
LCG元1 小时前
Vue.js组件开发-使用Vue3如何实现上传word作为打印模版
前端·vue.js·word
dal118网工任子仪2 小时前
94,【2】buuctf web [安洵杯 2019]easy_serialize_php
android·前端·php
大模型铲屎官2 小时前
HTML5 技术深度解读:本地存储与地理定位的最佳实践
前端·html·html5·本地存储·localstorage·地理定位·geolocation api
一 乐3 小时前
基于vue船运物流管理系统设计与实现(源码+数据库+文档)
前端·javascript·数据库·vue.js·spring boot·后端·船运系统
m0_528723813 小时前
在React中使用redux
前端·javascript·react.js
傻小胖3 小时前
vue3中customRef的用法以及使用场景
前端·javascript·vue.js
谦谦橘子3 小时前
手把手教你实现一个富文本
前端·javascript