HTML+CSS+JS+JQ+Bootstrap的讲师培训响应式网页模板.7z资源-CSDN文库

共66个文件

jpg：34个

js：13个

css：7个

网页源码

HTML

需积分: 5 196 浏览量 2024-06-28 18:11:12 上传评论收藏 2.37MB 7Z 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML+CSS+JS+JQ+Bootstrap的讲师培训响应式网页模板.7z （66个子文件）

[web前端]&[课程设计]&[网站源码]-讲师培训响应式网页模板

html

top.js 879B

jQuery.lightninBox.js 11KB

bootstrap.min.js 36KB

jquery.pogo-slider.min.js 27KB

modernizr.min.js 11KB

SmoothScroll.min.js 6KB

jquery.easing.min.js 5KB

main.js 907B

portfolio.js 3KB

grayscale.js 811B

TweenMax.min.js 105KB

jquery.min.js 85KB

jarallax.js 14KB

css

style.css 42KB

bootstrap.min.css 118KB

pogo-slider.min.css 34KB

jQuery.lightninBox.css 5KB

font-awesome.min.css 30KB

services.css 2KB

portfolio.css 9KB

index.html 34KB

images

about-img.jpg 56KB

serv1.jpg 5KB

port6.jpg 11KB

team-img2.jpg 10KB

cd-top-arrow.svg 562B

gallery3.jpg 28KB

test-img2.jpg 5KB

serv2.jpg 12KB

prev.png 3KB

test-img1.jpg 3KB

banner4.jpg 338KB

gallery-big.jpg 207KB

team-img3.jpg 14KB

banner3.jpg 103KB

next.png 3KB

test-img3.jpg 5KB

team-img4.jpg 14KB

port5.jpg 10KB

serv3.jpg 6KB

banner1.jpg 377KB

port2.jpg 4KB

admission.jpg 116KB

gallery-small.jpg 96KB

close.png 4KB

serv4.jpg 4KB

gallery2.jpg 38KB

port3.jpg 13KB

gallery4.jpg 22KB

team-img1.jpg 12KB

gallery5.jpg 46KB

team.jpg 94KB

gallery1.jpg 32KB

port8.jpg 9KB

banner2.jpg 151KB

port7.jpg 11KB

loader.gif 1KB

port4.jpg 7KB

port1.jpg 5KB

contact.jpg 111KB

fonts

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.woff2 18KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

fontawesome-webfont.ttf 162KB

<!DOCTYPE HTML> <html lang="en"> <head> <title>Lecture an Education Category Flat Bootstrap Responsive Website Template | Home :: w3layouts</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Lecture 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 href="//fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900" rel="stylesheet"> <link href="//fonts.googleapis.com/css?family=Limelight" rel="stylesheet">   <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/portfolio.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/jQuery.lightninBox.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/services.css" rel="stylesheet" type="text/css" media="all"/> <link href="css/pogo-slider.min.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>  </head> <body>  <section class="banner-w3ls"> <div class="navbar-wrapper"> <div class="container"> <nav class="navbar navbar-inverse navbar-static-top"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.html"><h1>Lecture</h1></a> </div> <div id="navbar" class="navbar-collapse collapse menu--valentine"> <ul class="nav navbar-nav navbar-right cl-effect-5"> <li class="active"><a href="index.html" class="page-scroll"><span data-hover="Home">Home</span></a></li> <li><a href="#service" class="page-scroll"><span data-hover="Services">Services</span></a></li> <li><a href="#about" class="page-scroll"><span data-hover="About">About</span></a></li> <li><a href="#gallery" class="page-scroll"><span data-hover="Gallery">Gallery</span></a></li> <li><a href="#portfolio" class="page-scroll"><span data-hover="Portfolio">Portfolio</span></a></li> <li><a href="#contact" class="page-scroll"><span data-hover="Contact">Contact</span></a></li> </ul> </div> </nav> </div> </div> <div class="pogoSlider" id="js-main-slider"> <div class="pogoSlider-slide" data-transition="barRevealDown" data-duration="1000" style="background-image:url(images/banner1.jpg);"> <div class="pogoSlider-slide-element"> <h3>Lecture - Designed For Education</h3> </div> </div> <div class="pogoSlider-slide" data-transition="barRevealDown" data-duration="1000" style="background-image:url(images/banner2.jpg);"> <div class="pogoSlider-slide-element"> <h3>Lecture - Free Education</h3> </div> </div> <div class="pogoSlider-slide" data-transition="barRevealDown" data-duration="1000" style="background-image:url(images/banner3.jpg);"> <div class="pogoSlider-slide-element"> <h3>Lecture - Education For Everybody</h3> </div> </div> <div class="pogoSlider-slide" data-transition="barRevealDown" data-duration="1000" style="background-image:url(images/banner4.jpg);"> <div class="pogoSlider-slide-element"> <h3>Lecture - Simply Education</h3> </div> </div> </div> </section>   <section class="service-w3ls" id="service"> <div class="container"> <h3 class="text-center slideanim">Our Services</h3> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 serv-w3layouts"> <div class="ch-grid slideanim"> <div> <div class="ch-item ch-img-1"> <div class="ch-info"> <h3>Best In Education</h3> <p>With Lecture</p> </div> </div> </div> </div> <h4 class="slideanim">Best In Education</h4> <p class="serv-w3 slideanim">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget varius quam. Nam et condimentum diam.</p> </div> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 serv-w3layouts"> <div class="ch-grid slideanim"> <div> <div class="ch-item ch-img-2"> <div class="ch-info"> <h3>Best In Quality</h3> <p>With Lecture</p> </div> </div> </div> </div> <h4 class="slideanim">Best In Quality</h4> <p class="serv-w3 slideanim">Maecenas faucibus ac tellus id blandit. Quisque eu ex in lectus euismod tristique. Morbi nec mauris odio.</p> </div> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 serv-w3layouts"> <div class="ch-grid slideanim"> <div> <div class="ch-item ch-img-3"> <div class="ch-info"> <h3>Best In Training</h3> <p>With Lecture</p> </div> </div> </div> </div> <h4 class="slideanim">Best In Training</h4> <p class="serv-w3 slideanim">Donec hendrerit, nibh in rutrum tempor, mauris urna mollis diam, nec consequat mauris. Vestibulum lacus nisi.</p> </div> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 serv-w3layouts"> <div class="ch-grid slideanim"> <div> <div class="ch-item ch-img-4"> <div class="ch-info"> <h3>Best In Innovation</h3> <p>With Lecture</p> </div> </div> </div> </div> <h4 class="slideanim">Best In Innovation</h4> <p class="serv-w3 slideanim">Duis non viverra felis. Proin feugiat sapien ipsum, eu faucibus risus convallis sed. Nam a sem a nulla.</p> </div> <div class="clearfix"></div> </div> </section>   <section class="about-agileits" id="about"> <div class="container-fluid"> <div class="col-lg-6 col-md-6 col-sm-6 about-agile1 slideanim"> <div class="hover01 column"> <div> <figure><img src="images/about-img.jpg" alt="w3layouts" class="img-responsive"></figure> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 about-agile2"> <div class="about-wthree"> <h2 class="text-center slideanim">About Us</h2> <p class="slideanim">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce a ante non arcu mattis congue eget iaculis urna. Integer bibendum porta congue. Nam sed mauris et diam facilisis fermentum. Quisque non tristique eros, a mollis ligula. Cras vitae dui vel metus dapibus vulputate ut nec dui. Nunc tempus nunc in eros fermentum placerat.</p> <a data-toggle="modal" href="#aboutlink" class="about-link slideanim" title="Click">Read More</a> </div> </div> <div class="clearfix"></div> </div> <div class="modal fade" id="aboutlink" tabindex="-1" role="dialog" aria-labelledby="aboutlink" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">About Us</h4> </div> <div class="modal-body"> <div class="col-lg-6 col-md-6 col-sm-12"> <div class="hover01 column"> <div> <figure><img src="images/about-img.jpg" alt="w3layouts" class="img-responsive"></figure> </div> </div> </div> <div class="col-lg-6 col

评论收藏

内容反馈