基于HTML+CSS+JS开发的网站-培训课程安排展示响应式网站模板.7z资源-CSDN文库

共59个文件

jpg：27个

js：8个

png：6个

网页源码

HTML

需积分: 5 69 浏览量 2024-06-28 18:10:54 上传评论收藏 2.33MB 7Z 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于HTML+CSS+JS开发的网站-培训课程安排展示响应式网站模板.7z （59个子文件）

[web前端]&[课程设计]&[网站源码]-培训课程安排展示响应式网站模板

html

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

<!DOCTYPE html> <html lang="en">  <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" />  <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" />   <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">   <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); }); }); </script>  </head>  <body>  <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">  <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>  <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> </div> <div class="clearfix"></div> </div> </div> <h2>Icons</h2> </div>   <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

评论收藏

内容反馈