学习响应式BootStrap来写融职教育网站，Bootsrtap第五天页脚
2024-05-29 11:31:04
学习响应式BootStrap来写融职教育网站，Bootsrtap第五天页脚
<!DOCTYPE html>
<html lang="zh_CN">
<head><meta charset="UTF-8"><title>融职教育</title><!-- 移动设备优先--><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><!-- 引入bootstrap CSS--><link rel="stylesheet" href="css/bootstrap.min.css"></head>
<body>
<!--顶部导肮开始-->
<nav><div class="container"><div class="row"><div class="col shadow-sm"><nav class="navbar p-1 navbar-expand-lg navbar-light bg-white"><a class="navbar-brand navbar-toggler border-0" href="#"><img src="img/logo.png" class="img-fluid" style="max-width: 90px" alt=""></a><button class="navbar-toggler" type="button" data-toggle="collapse"data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="navbarSupportedContent"><ul class="navbar-nav mr-auto"><li class="nav-item active"><a class="nav-link"style="padding-left: 25px; background: url('img/hl.png') no-repeat 0 center;"href="#">融职教育<span class="sr-only">(current)</span></a></li><li class="nav-item"><a class="nav-link"style="padding-left: 25px; background: url('img/llt.png') no-repeat 0 center;"href="#">学习园地</a></li><li class="nav-item"><a class="nav-link"style="padding-left: 25px; background: url('img/zzt.png') no-repeat 0 center;"href="#">智校云</a></li><li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"data-toggle="dropdown" aria-expanded="false">培养模式</a><div class="dropdown-menu" aria-labelledby="navbarDropdown"><a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another action</a><div class="dropdown-divider"></div><a class="dropdown-item" href="#">Something else here</a></div></li><li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"data-toggle="dropdown" aria-expanded="false">培养方向</a><div class="dropdown-menu" aria-labelledby="navbarDropdown"><a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another action</a><div class="dropdown-divider"></div><a class="dropdown-item" href="#">Something else here</a></div></li><li class="nav-item"><a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Web全栈就业班 <i class="mark text-danger">￥9800</i> <s>￥19800</s></a></li></ul><div class="form-inline my-2 my-lg-0 nav-item dropdown"><a style="padding-left: 25px; background: url('img/wx.jpg') no-repeat 0 center;" class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"data-toggle="dropdown" aria-expanded="false">咨询微信</a><div class="dropdown-menu" aria-labelledby="navbarDropdown"><a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another action</a><div class="dropdown-divider"></div><a class="dropdown-item" href="#">Something else here</a></div></div></div></nav></div></div></div>
</nav>
<!--顶部导肮结束--><!--头部开始-->
<header class="mt-2 d-none d-lg-block"><div class="container"><div class="row py-4 align-items-center"><div class="col"><a href="#"><img src="img/logo.png" alt="" style="max-width: 120px;height: auto;"></a></div><div class="col pt-3"><blockquote class="blockquote text-center"><p>在工作中学习，在学习中工作</p></blockquote></div><div class="col"><div class="text-right pt-1"><!-- Example single danger button --><div class="btn-group"><button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-expanded="false">学习猿地</button><div class="dropdown-menu"><a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another action</a><a class="dropdown-item" href="#">Something else here</a><div class="dropdown-divider"></div><a class="dropdown-item" href="#">Separated link</a></div></div><div class="btn-group"><button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-expanded="false">智校云</button><div class="dropdown-menu"><a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another action</a><a class="dropdown-item" href="#">Something else here</a><div class="dropdown-divider"></div><a class="dropdown-item" href="#">Separated link</a></div></div></div></div></div></div>
</header>
<blockquote class="mt-4 mb-2 blockquote text-center d-lg-none"><p>在工作中学习，在学习中工作</p>
</blockquote>
<!--头部结束--><!--轮播图开始-->
<section class="mt-4"><div class="container"><div class="row"><div class="col">轮播图</div></div></div>
</section>
<!--轮播图结束--><!--你的收获开始-->
<section class="mt-4"><div class="container"><div class="row"><div class="col"><div><h4 class="d-inline-block">你的收获</h4><small class="text-muted pl-2">掌握的是一门就业的技术，为成长积蓄力量</small></div></div></div><div class="row"><div class="col-4 col-sm-4 col-md"></div><div class="col-4 col-sm-4 col-md"></div><div class="col-4 col-sm-4 col-md"></div><div class="col-4 col-sm-4 col-md"></div><div class="col-4 col-sm-4 col-md"></div><div class="col-4 col-sm-4 col-md"></div></div></div>
</section>
<!--你的收获结束--><!--关注我们开始-->
<section class="mt-4"><div class="container"><div class="row"><div class="col"><div><h4 class="d-inline-block">关注我们</h4><small class="text-muted pl-2">掌握的是一门就业的技术，为成长积蓄力量</small></div></div></div><div class="row"><div class="col-sm-12 col-lg-8"></div><div class="col-sm-12 col-lg-4"></div></div></div>
</section>
<!--关注我们结束--><!--成长平台开始-->
<section class="mt-4"><div class="container"><div class="row"><div class="col"><div><h4 class="d-inline-block">成长平台</h4><small class="text-muted pl-2">掌握的是一门就业的技术，为成长积蓄力量</small></div></div></div><div class="row"><div class="col-1"></div><div class="col"></div><div class="col"></div></div><div class="row"><div class="col-1"></div><div class="col-2"></div><div class="col"></div><div class="col"></div><div class="col-2"></div><div class="col-1"></div></div><div class="row"><div class="col"></div></div></div>
</section>
<!--成长平台结束--><!--培养模式开始-->
<section class="mt-4"><div class="container"><div class="row"><div class="col"><div><h4 class="d-inline-block">培养模式</h4><small class="text-muted pl-2">掌握的是一门就业的技术，为成长积蓄力量</small></div></div></div><div class="row"><div class="col-1"></div><div class="col-3"></div><div class="col-4"></div><div class="col-3"></div><div class="col-1"></div></div></div>
</section>
<!--培养模式结束--><!--面授培训开始-->
<section class="mt-4"><div class="container"><div class="row"><div class="col"><div><h4 class="d-inline-block">面授培训</h4><small class="text-muted pl-2">掌握的是一门就业的技术，为成长积蓄力量</small></div></div></div><div class="row"><div class="col-2"></div><div class="col-2"></div><div class="col-1"></div><div class="col-3"></div><div class="col-4"></div></div><div class="row"><div class="col-2"></div><div class="col-2"></div><div class="col-1"></div><div class="col-3"></div><div class="col-4"></div></div><div class="row"><div class="col-2"></div><div class="col-2"></div><div class="col-1"></div><div class="col-3"></div><div class="col-4"></div></div><div class="row"><div class="col-2"></div><div class="col-2"></div><div class="col-1"></div><div class="col-3"></div><div class="col-4"></div></div></div>
</section>
<!--面授培训结束--><!--实习目标开始-->
<section class="mt-4"><div class="container"><div class="row"><div class="col"><div><h4 class="d-inline-block">实习目标</h4><small class="text-muted pl-2">掌握的是一门就业的技术，为成长积蓄力量</small></div></div></div><div class="row"><div class="col-sm-12 col-md-6"></div><div class="col-sm-12 col-md-6"></div><div class="col-sm-12 col-md-6"></div><div class="col-sm-12 col-md-6"></div></div></div>
</section>
<!--实习目标结束--><!--你的总监开始-->
<section class="mt-4"><div class="container"><div class="row"><div class="col"><div><h4 class="d-inline-block">你的总监</h4><small class="text-muted pl-2">掌握的是一门就业的技术，为成长积蓄力量</small></div></div></div><div class="row"><div class="col-3"></div><div class="col"></div></div><div class="row"><div class="col-12 col-sm-6 col-lg-3"></div><div class="col-12 col-sm-6 col-lg-3"></div><div class="col-12 col-sm-6 col-lg-3"></div><div class="col-12 col-sm-6 col-lg-3"></div></div></div>
</section>
<!--你的总监结束--><!--对标培训开始-->
<section class="mt-4"><div class="container"><div class="row"><div class="col"><div><h4 class="d-inline-block">对标培训</h4><small class="text-muted pl-2">掌握的是一门就业的技术，为成长积蓄力量</small></div></div></div><div class="row"><div class="col"></div><div class="col-2"></div><div class="col"></div></div><div class="row"><div class="col"></div><div class="col-2"></div><div class="col"></div></div><div class="row"><div class="col"></div><div class="col-2"></div><div class="col"></div></div><div class="row"><div class="col"></div><div class="col-2"></div><div class="col"></div></div><div class="row"><div class="col"></div><div class="col-2"></div><div class="col"></div></div><div class="row"><div class="col"></div><div class="col-2"></div><div class="col"></div></div><div class="row"><div class="col"></div><div class="col-2"></div><div class="col"></div></div><div class="row"><div class="col"></div><div class="col-2"></div><div class="col"></div></div><div class="row"><div class="col"></div><div class="col-2"></div><div class="col"></div></div><div class="row"><div class="col"></div><div class="col-2"></div><div class="col"></div></div></div>
</section>
<!--对标培训结束--><!--工作环境开始-->
<section class="mt-4"><div class="container"><div class="row"><div class="col"><div><h4 class="d-inline-block">工作环境</h4><small class="text-muted pl-2">掌握的是一门就业的技术，为成长积蓄力量</small></div></div></div><div class="row"><div class="col"></div></div></div>
</section>
<!--工作环境结束--><!--页脚开始-->
<footer class="mt-4 bg-dark text-light small"><div class="container"><div class="row pt-3 pb-5"><div class="col-sm-12 col-md-10"><div class="pt-4"><p class="mb-2">EduWork 是智校云旗下专注程序员培养的实习平台。</p><ul class="nav"><li class="nav-item"><a class="nav-link text-white pl-0" href="#">关于我们</a></li><li class="nav-item"><a class="nav-link text-white pl-0" href="#">关于我们</a></li><li class="nav-item"><a class="nav-link text-white pl-0" href="#">关于我们</a></li><li class="nav-item"><a class="nav-link text-white pl-0" href="#">关于我们</a></li><li class="nav-item"><a class="nav-link text-white pl-0" href="#">关于我们</a></li></ul><div class="text-muted">©<i>2018-2020</i> 北京智校云网络科技有限公司 <span class="mx-3">版权所有</span> <a class="text-muted" href="#">京ICP备19057319号</a></div></div></div><div class="col-sm-12 col-md-2 text-md-right text-center p-0"><figure class="figure mt-3"><img src="img/qrcode.png" class="figure-img img-thumbnail" style="max-width: 100px;" alt=""><figcaption class="figure-caption text-center text-light">关注我们</figcaption></figure></div></div></div>
</footer>
<!--页脚结束--><!--先引入jQuery 在引入popper.js 最后在引入bootstrap.js-->
<script src="js/jquery-3.4.1.slim.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
学习响应式BootStrap来写融职教育网站，Bootsrtap第五天页脚相关推荐
- 学习响应式BootStrap来写融职教育网站，Bootsrtap第十四天，PK模块的开发
<!DOCTYPE html> <html lang="zh_CN"> <head><meta charset="UTF-8&q ...
- 学习响应式BootStrap来写融职教育网站，Bootsrtap第十三天讲师列表栏目
<!DOCTYPE html> <html lang="zh_CN"> <head><meta charset="UTF-8&q ...
- 学习响应式BootStrap来写融职教育网站，Bootsrtap第十二天侧边卡片和列表组
<!DOCTYPE html> <html lang="zh_CN"> <head><meta charset="UTF-8&q ...
- 学习响应式BootStrap来写融职教育网站，Bootsrtap第十一天Dplayer播放器
<!DOCTYPE html> <html lang="zh_CN"> <head><meta charset="UTF-8&q ...
- 学习响应式BootStrap来写融职教育网站，Bootsrtap第十天你的收获
<!DOCTYPE html> <html lang="zh_CN"> <head><meta charset="UTF-8&q ...
- 学习响应式BootStrap来写融职教育网站，Bootsrtap第九天手粉琴swiper特效
<!DOCTYPE html> <html lang="zh_CN"> <head><meta charset="UTF-8&q ...
- 学习响应式BootStrap来写融职教育网站，Bootsrtap第八天轮播图js特效
<!DOCTYPE html> <html lang="zh_CN"> <head><meta charset="UTF-8&q ...
- 学习响应式BootStrap来写融职教育网站，Bootsrtap第七天PC端轮播图
<!DOCTYPE html> <html lang="zh_CN"> <head><meta charset="UTF-8&q ...
- 学习响应式BootStrap来写融职教育网站，Bootsrtap第六天移动端轮播图
<!DOCTYPE html> <html lang="zh_CN"> <head><meta charset="UTF-8&q ...
最新文章
- Vue 组件库 HeyUI@1.17.0 发布，新增 Skeleton 组件
- python写入csv文件的几种方法
- ArcGIS网络分析之构建网络分析数据集(一)
- linux mint cinnamon_最佳 Linux 发行版汇总
- 《系统集成项目管理工程师》必背100个知识点-32工作分解结构步骤
- response生成图片验证码
- 电子测量与仪器第二次作业
- SPI接口通信协议详解：SPI时序、2线、3线、4线SPI及4种常用工作模式
- 在C#中使用SQLite
- 【万字长文】Spring Cloud Alibaba 开箱即用！
- c语言怎么设计程序框图,C语言课程设计————写下流程图！ 谢谢
- Win11 蓝牙功能消失
- 【NOI Online】 2021普及
- pyecharts对于经纬度_pyecharts绘制geo地图
- MATLAB代码：面向削峰填谷的电动汽车多目标优化调度策略
- 中国货币供应量全球第一的反思
- 江西省抚州市谷歌高清卫星地图下载
- 【Pytorch】torch.nn.Conv1d()理解与使用
- 【C语言】初始C语言系列 代码详解 _ 编程入门 _【内附代码和图片】_ [初阶篇 _ 总结复习]
- Unity* 原生 X86 支持使Square Enix的Hitman GO*卓尔不凡