<!--
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开发的网站-培训课程安排展示响应式网站模板.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资源评论
