<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<!-- Head -->
<head>
<title>E-progress an Education Category Bootstrap Responsive Website Template | Icons :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="E-progress a 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" />
<!-- default css files -->
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<link rel="stylesheet" href="css/font-awesome.min.css" />
<!-- default css files -->
<!--web font-->
<link href="//fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&subset=cyrillic,cyrillic-ext,devanagari,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
<!--//web font-->
<!-- scrolling script -->
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- //scrolling script -->
</head>
<!-- Body -->
<body>
<!-- banner -->
<div class="banner1">
<div class="header-top">
<div class="container">
<div class="header-top-right">
<p><i class="fa fa-envelope" aria-hidden="true"></i><a href="mailto:info@example.com">info@example1.com</a></p>
<p><i class="fa fa-phone" aria-hidden="true"></i> +1 234 567 8901</p>
</div>
</div>
</div>
<div class="head">
<div class="container">
<div class="navbar-top">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="navbar-brand logo ">
<h1 class="animated wow pulse" data-wow-delay=".5s">
<a href="index.html">E-Progress</a></h1>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav link-effect-4">
<li><a href="index.html" data-hover="Home">Home</a> </li>
<li><a href="about.html" data-hover="About">About </a> </li>
<li><a href="gallery.html" data-hover="Gallery">Gallery</a></li>
<li class="dropdown active">
<a href="#" class="dropdown-toggle" data-hover="Pages" data-toggle="dropdown">Pages <b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="active"><a href="icons.html">Icons</a></li>
<li><a href="typography.html">Short Codes</a></li>
</ul>
</li>
<li><a href="contact.html" data-hover="Contact">Contact</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div>
<div class="clearfix"></div>
</div>
</div>
<h2>Icons</h2>
</div>
<!-- //banner -->
<!-- icons -->
<div class="codes icons main-grid-border">
<div class="container">
<div class="grid_3 grid_4 w3_agileits_icons_page">
<div class="icons">
<h3 class="agileits-icons-title">Font Awesome Icons</h3>
<section id="new">
<h3 class="page-header page-header icon-subheading">30 New Icons </h3>
<div class="row fontawesome-icon-list">
<div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-asl-interpreting" aria-hidden="true"></i> fa-asl-interpreting <span class="text-muted">(alias)</span></a></div>
<div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i> fa-assistive-listening-systems</a></div>
<div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-audio-description" aria-hidden="true"></i> fa-audio-description</a></div>
<div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-blind" aria-hidden="true"></i> fa-blind</a></div>
<div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-braille" aria-hidden="true"></i> fa-braille</a></div>
<div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-deaf" aria-hidden="true"></i> fa-deaf</a></div>
<div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-deafness" aria-hidden="true"></i> deafness <span class="text-muted">(alias)</span></a></div>
<div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-envira" aria-hidden="true"></i> fa-envira</a></div>
<div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-fa" aria-hidden="true"></i> fa-fa <span class="text-muted">(alias)</span></a></div>
<div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-first-order" aria-hidden="true"></i> fa-first-order</a></div>
<div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-font-awesome" aria-hidden="true"></i> fa-font-awesome</a></div>
<div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-gitlab" aria-hidden="true"></i> fa-gitlab</a></div>
<div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-glide" aria-hidden="true"></i> fa-glide</a></div>
<div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-glide-g" aria-hidden="true"></i> fa-glide-g</a></div>
<div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-google-plus-circle" aria-hidden="true"></i> fa-google-plus-circle <span class="text-muted">(alias)</span></a></div>
<div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-google-plus-official" aria-hidden="true"></i> fa-google-plus-official</a></div>
<div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-hard-of-hearing" aria-hidden="true"></i> fa-hard-of-hearing <span class="text-muted">(alias)</span></a></div>
<div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-instagram" aria-hidden="true"></i> fa-instagram</a></div>
<div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-low-vision" aria-hidden="true"></i> fa-low-vision</a></div>
<div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-pied-piper" aria-hidden="true"></i> fa-pied-piper</a></div>
<div class="icon-box col-md-3 col-sm-4"><a class="agile-icon" href="#"><i class="fa fa-quest
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
探索全栈前端技术的魅力:HTML+CSS+JS+JQ+Bootstrap网站源码深度解析 在这个数字化时代,构建一个既美观又功能强大的网站成为了许多开发者和企业追逐的目标。本份资源精心汇集了一套完整网站源码,融合了HTML的骨架搭建、CSS的视觉美化、JavaScript的交互逻辑、jQuery的高效操作以及Bootstrap的响应式设计,全方位揭秘了现代网页开发的精髓。 HTML,作为网页的基础,它构建了信息的框架;CSS则赋予网页生动的外观,让设计创意跃然屏上;JavaScript的加入,使网站拥有了灵动的交互体验;jQuery,作为JavaScript的强力辅助,简化了DOM操作与事件处理,让编码更为高效;而Bootstrap的融入,则确保了网站在不同设备上的完美呈现,响应式设计让访问无界限。 通过这份源码,你将: 学习如何高效组织HTML结构,提升页面加载速度与SEO友好度; 掌握CSS高级技巧,如Flexbox与Grid布局,打造适应各种屏幕的视觉盛宴; 理解JavaScript核心概念,动手实现动画、表单验证等动态效果; 利用jQuery插件快速增强用户体验,实现滑动效果、Ajax请求等; 深入Bootstrap框架,掌握移动优先的开发策略,响应式设计信手拈来。 无论是前端开发新手渴望系统学习,还是资深开发者寻求灵感与实用技巧,这份资源都是不可多得的宝藏。立即深入了解,开启你的全栈前端探索之旅,让每一个网页都成为技术与艺术的完美融合!
资源推荐
资源详情
资源评论
收起资源包目录
基于HTML+CSS+JS开发的网站-培训课程安排展示响应式网站模板.7z (59个子文件)
[web前端]&[课程设计]&[网站源码]-培训课程安排展示响应式网站模板
html
js
bootstrap.js 68KB
jquery.wmuSlider.js 12KB
SmoothScroll.min.js 13KB
jquery.picEyes.js 3KB
easing.js 5KB
move-top.js 1KB
jquery-2.1.4.min.js 82KB
jarallax.js 14KB
icons.html 124KB
typography.html 35KB
css
style.css 45KB
bootstrap.css 138KB
font-awesome.min.css 28KB
index.html 20KB
contact.html 8KB
about.html 13KB
images
v5.jpg 43KB
v6.jpg 43KB
v7.jpg 43KB
v12.jpg 44KB
c1.jpg 9KB
book3.jpg 67KB
v1.jpg 34KB
c2.jpg 12KB
arrow.png 935B
right1.png 2KB
about.jpg 82KB
c6.jpg 46KB
v11.jpg 49KB
t3.jpg 12KB
book1.jpg 90KB
v4.jpg 47KB
t1.jpg 23KB
v3.jpg 51KB
quotes.png 856B
t4.jpg 12KB
welcome.jpg 69KB
v2.jpg 41KB
c3.jpg 50KB
v8.jpg 46KB
tick.png 3KB
close.png 499B
t2.jpg 14KB
left1.png 2KB
c4.jpg 10KB
c5.jpg 42KB
banner2.jpg 748KB
v10.jpg 43KB
v9.jpg 49KB
fonts
FontAwesome.otf 122KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
fontawesome-webfont.eot 75KB
glyphicons-halflings-regular.woff2 18KB
fontawesome-webfont.woff 88KB
fontawesome-webfont.woff2 70KB
fontawesome-webfont.ttf 149KB
gallery.html 11KB
共 59 条
- 1
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2177
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于java的数字化农家乐管理平台设计与实现.docx
- 基于java的旅游管理系统设计与实现.docx
- 基于java的微乐校园设计与实现.docx
- 基于java的小型医院医疗设备管理系统设计与实现.docx
- 基于java的小型企业客户关系管理系统设计与实现.docx
- STM32高频注入 STM32平台的高频注入,keil版本 高速阶段磁链观测,电机控制,高频注入 包括原理图,源代码 已移植量产使用,具有极高的参考价值
- 基于java的在线考试系统设计与实现.docx
- MATLAB 实现基于WOA(鲸鱼优化算法)进行时间序列预测模型的项目详细实例(含完整的程序,GUI设计和代码详解)
- Matlab实现基于PCA+DBO+K-means的数据聚类可视化的详细项目实例(含完整的程序,GUI设计和代码详解)
- STM32以太网串口透传,串口透传通信 STM32以太网CAN透传 STM32串口CAN透传 采用STM32作为主控,W5500以太网 包括CAN通信透传,485通信透传 USB转串口,OBD协议 包
- 鸢尾花数据集可视化代码
- MATLAB 实现基于ELM(极限学习机)进行时间序列预测模型的项目详细实例(含完整的程序,GUI设计和代码详解)
- · 功能说明:代码实现了基于YOLO模型的摔倒行为实时检测,当连续检测到摔倒的帧数超过设定阈值时触发报警 · · 过程说明:通过摄像头获取视频流帧数据,利用YOLO模型进行目标检测,统计摔倒行
- 单片机开发的高精度电压表,电流表, 可实现AD 采样基准电压,采样电阻,放大电路,显示 ADC 采样采用高精度四通道XPT 2046 基准电压采用4311增加量程 采样电阻0603并联电阻 放
- MATLAB 实现基于粒子群优化(PSO)进行时间序列预测模型的项目详细实例(含完整的程序,GUI设计和代码详解)
- javascript在链表的末尾插入一个节点,在末尾插入涉及遍历整个列表,直到我们到达最后一个节点
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功