前端班级主题。

最新推荐文章于 2024-09-25 09:53:04 发布
最新推荐文章于 2024-09-25 09:53:04 发布
阅读量581 收藏
点赞数
分类专栏： 前端 文章标签： 前端 css bootstrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CNSA183_20/article/details/121686681
版权 
<!DOCTYPE HTML>
<html lang="lhj">

<head>
    <title>我的学校教育班级 | Register ::: lhj.com.</title>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8" />
    <meta name="keywords" content="My School Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
    <script>
        addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
    <!-- //Meta tag Keywords -->

    <!-- Custom-Files -->
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
    <!-- Bootstrap-CSS -->
    <link href="css/style.css" rel='stylesheet' type='text/css' />
    <!-- Style-CSS -->
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <!-- Font-Awesome-Icons-CSS -->
    <!-- //Custom-Files -->

    <!-- Web-Fonts -->
    
    <!-- //Web-Fonts -->
</head>

<body>
    <!-- header -->
    <header>
        <div class="container">
            <div class="header d-lg-flex justify-content-between align-items-center py-2 px-sm-2 px-1">
                <!-- logo -->
                <div id="logo">
                    <h1><a href="index.html">我的班级</a></h1>
                </div>
                <!-- //logo -->
                <!-- nav -->
                <div class="nav_w3ls ml-lg-5">
                    <nav>
                        <label for="drop" class="toggle">菜单</label>
                        <input type="checkbox" id="drop" />
                        <ul class="menu">
                            <li><a href="index.html">主页</a></li>
                            <li><a href="index.html">简介</a></li>
                            <li><a href="index.html">加入就现在</a></li>
                            <li>
                                <!-- First Tier Drop Down -->
                                <label for="drop-2" class="toggle toogle-2">页面 <span class="fa fa-angle-down"
                                        aria-hidden="true"></span>
                                </label>
                                <a href="#">页面 <span class="fa fa-angle-down" aria-hidden="true"></span></a>
                                <input type="checkbox" id="drop-2" />
                                <ul>
                                    <li><a href="index.html" class="drop-text">活动</a></li>
                                    <li><a href="index.html" class="drop-text">我们做什么</a></li>
                                    <li><a href="index.html" class="drop-text">受欢迎的课程</a></li>
                                    <li><a href="index.html" class="drop-text">班级照骗墙</a></li>
                                </ul>
                            </li>
                            <li><a href="index.html">联系</a></li>
                            <li><a href="login.html">登录</a></li>
                            <li><a href="register.html">注册</a></li>
                        </ul>
                    </nav>
                </div>
                <!-- //nav -->
            </div>
        </div>
    </header>
    <!-- //header -->

    <!-- inner banner -->
    <div class="inner-banner-w3ls py-5" id="home">
        <div class="container py-xl-5 py-lg-3">
            <!-- register  -->
            <div class="modal-body mt-md-2 mt-5">
                <h3 class="title-w3 mb-5 text-center text-wh font-weight-bold">现在注册</h3>
                <form action="#" method="post">
                    <div class="form-group">
                        <label class="col-form-label">用户名</label>
                        <input type="text" class="form-control" placeholder="your name" name="Name" required="">
                    </div>
                    <div class="form-group">
                        <label class="col-form-label">邮箱</label>
                        <input type="email" class="form-control" placeholder="**************@qq.com" name="Email"
                            required="">
                    </div>
                    <div class="form-group">
                        <label class="col-form-label">密码</label>
                        <input type="password" class="form-control" placeholder="*****" name="Password" required="">
                    </div>
                    <div class="form-group">
                        <label class="col-form-label">确认密码</label>
                        <input type="password" class="form-control" placeholder="*****" name="Password" required="">
                    </div>
                    <div class="sub-w3l my-3">
                        <div class="sub-w3layouts_hub">
                            <input type="checkbox" id="brand1" value="">
                            <label for="brand1" class="text-li text-style-w3ls">
                                <span></span>我接受此条款和条件</label>
                        </div>
                    </div>
                    <button type="submit" class="btn button-style-w3">注册</button>
                </form>
            </div>
            <!-- //register -->
        </div>
    </div>
    <!-- //inner banner -->

    <!-- footer -->
    <footer class="py-5">
        <div class="container py-xl-4 py-lg-3">
            <div class="row footer-grids">
                <div class="col-lg-2 col-6 footer-grid">
                    <h3 class="mb-sm-4 mb-3">导航</h3>
                    <ul class="list-unstyled">
                        <li>
                            <a href="index.html">首页</a>
                        </li>
                        <li>
                            <a href="index.html">我们的简介</a>
                        </li>
                        <li>
                            <a href="index.html">我们做什么</a>
                        </li>
                        <li>
                            <a href="index.html">班级照骗墙</a>
                        </li>
                    </ul>
                </div>
                <div class="col-lg-2 col-6 footer-grid">
                    <h3 class="mb-sm-4 mb-3">更多</h3>
                    <ul class="list-unstyled">
                        <li>
                            <a href="index.html">马上申请</a>
                        </li>
                        <li>
                            <a href="index.html">我们的活动</a>
                        </li>
                        <li>
                            <a href="index.html">受欢迎的课程</a>
                        </li>
                    </ul>
                </div>
                <div class="col-lg-2 col-6 footer-grid footer-contact mt-lg-0 mt-4">
                    <h3 class="mb-sm-4 mb-3">取得联系</h3>
                    <ul class="list-unstyled">
                        <li>
                            +01(24) 8543 8088
                        </li>
                        <li>
                            <a href="mailto:info@example.com">2169600080@qq.com</a>
                        </li>
                    </ul>
                </div>
                <div class="col-lg-2 col-6 footer-grid text-lg-right">
                    <ul class="list-unstyled">
                        <li>
                            <a href="index.html">我们的统计</a>
                        </li>
                        <li>
                            <a href="login.html">登录</a>
                        </li>
                        <li>
                            <a href="register.html">注册</a>
                        </li>
                        <li>
                            <a href="index.html">联系我们</a>
                        </li>
                    </ul>
                </div>
                <div class="col-lg-4 footer-grid mt-lg-0 mt-4">
                    <div class="footer-logo">
                        <h2 class="text-lg-center text-center">
                            <a class="logo text-wh font-weight-bold" href="index.html">
                                我的班级</a>
                        </h2>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- //footer -->
    <!-- copyright -->
    <div class="copyright-w3ls py-4">
        <div class="container">
            <div class="row">
                <!-- copyright -->
                <p class="col-lg-8 copy-right-grids text-wh text-lg-left text-center mt-lg-2">© 2021 我的学校教育班级 | Design by
                    <a href="https://w3layouts.com/" target="_blank">lhj.com.</a>
                </p>
                <!-- //copyright -->
                <!-- social icons -->
               
                <!-- //social icons -->
            </div>
        </div>
    </div>
    <!-- //copyright -->
    <!-- move top icon -->
   move top icon -->

</body>

</html>

 

四维空间中的未知点
关注
专栏目录
高校选课系统前端页面设计
qq_34370249的博客
05-24 3583
选课页面，可以根据课程类型，进行分类查看 已选课程页面，可以根据年级，进行分类查看 成绩查看页面，可以根据年级，查看某一学年的考试成绩，使用柱状图进行展示 教师评价，可以对自己已选课程的教师进行打分和评价 选择对应年级和课程，即可对学生进行成绩录入 可以管理课程信息、教师信息和学生信息 代码下载地址： https://download.csdn.net/download/qq_34370249/19026265 下载后如有疑问，可以及时私信联系我，我尽力解答 ...
简单学生管理系统HTML前端页面
热门推荐
杨明金的博客
12-01 2万+
效果图： 实现代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>学生管理系统</title> <style type="text/css"> *{ margin: 0; padding: 0; font-size: 1rem; } body{ background: ur
Web前端HTML使用
qq_43658148的博客
05-10 449
HTML使用
班级网站设计文案
aeafff的博客
10-26 2883
班级网站建设方案 一、项目概况 在Internet飞速发展的今天，互联网正在悄然改变着我们的生活方式，从各种传媒的报道，到人们认识上的变化，互联网已在人们的生活占有了不可或缺的地位。互联网成为人们快速获取、发布和传递信息的重要渠道。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了今后更好的方便大家
前端面试题
m0_48038376的博客
03-19 1456
如果要频繁切换某节点，使用v-show(切换开销比较小，初始开销较大)。如果不需要频繁切换某节点使用v-if（初始渲染开销较小，切换开销比较大）。
关于web前端大作业的HTML网页设计——我的班级网页HTML+CSS+JavaScript
HTML网页设计
08-07 511
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大......
前端学习笔记
As_Xx_Ls的博客
12-26 1899
html5新特性 1.语义标签 常用的语义化标签： <header></header>头部 <nav></nav>导航栏 <section></section>区块（有语义化的div） <main></main>主要区域 <artical></artical>主要内容 <aside></aside>侧边栏 <footer></...
前端开发手册
dianwangsa3895的博客
06-18 302
做前端有一段时间了，但是总觉得前端就是写写界面就行了，其实不然。一个合格的前端责任是很重大的。本文介绍重点介绍了前端人员需要掌握的一些技能。供大家参考。如果有一些对前端开发还有疑惑的童鞋，可以来看看。 本文来源：http://wiki.jikexueyuan.com/project/fedHandlebook/，建议阅读在线版本：https://dwqs.gitbooks.io/fro...
前端精讲前端精讲前端精讲
05-15
例如，一个班级可以有多名学生，但每个学生只属于一个班级。 3. 多对多（m:n）关系：两个表中的记录可以相互对应多个记录，这种关系通常需要通过一个中间表来建立联系，将两个表的关系转换为两个一对多关系。例如，...
班级网站管理
05-02
班级管理网站的核心组成部分包括前端界面（如`index.html`）、样式表（`css`目录中的文件）、图像资源（`images`目录）以及JavaScript脚本（`js`目录）。`index.html`是网站的主页面，它定义了网页的基本结构和内容...
前端学习 DAY01
Nancyuojuiivk的博客
07-11 70
前端
web课程设计网页规划与设计：HTML+CSS班级设计题材——我的校园班级
11-19 166
HTML网页设计制作大作业（div+css） 个人设计web前端大 采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为（1）html文件：其中index.html是首页、其他html为二级页面； （2）css文件：css全部页面样式,文字滚动, 图片放大等； （3）js文件：js实现动态轮播特效, 表单提交, 点击事件等等（网页中运用到js代码）(1)首页：进入网页中看到的第一个页面(LOGO、公司名称、导航、banner
大学生静态HTML网页源码 我的校园网页设计成品 学班级校园我的班级
而风不止
11-25 684
P
day01
最新发布
JiangMeiXue的博客
09-25 188
目录。
解决uniapp使用up-form组件，uView提示:未设置rules,请看文档说明!如果已经设置,请刷新页面。
李浩洋
09-24 230
解决uniapp使用up-form组件，uView提示:未设置rules,请看文档说明!如果已经设置,请刷新页面。up-form组件 :model=“formData” :rules=“rules”要赋初始值
Vue中集中常见的布局方式
张雨的博客
09-24 389
【代码】Vue中集中常见的布局方式。
webview2加载本地页面
qq_25160759的博客
09-23 625
推荐使用这种方式，加载速度比WebResourceRequested快（实测的确是快点），但是需要支持：ICoreWebView2_3。个人测试加载html字符串，对于html中引入了css和js，加载不太友好。这种方式是通过截获网络请求，然后返回需要的数据。以达到成功请求的假象。
HTML校园网页设计：班级、学校主题静态网站源码
9. **前端学习资源**：作者提供了其他前端学习资源链接，如前端零基础到高级的学习视频教程，适合初学者和进阶者。 在进行此类作业或项目时，学生可以学习到网页设计的基本流程，包括规划、设计、编码和测试，同时...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

四维空间中的未知点

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值