[web前端]&[课程设计]&[网站源码]-专业技术培训机构响应式网页模板.7z资源-CSDN文库

共76个文件

js：18个

jpg：18个

png：13个

web前端

网站源码

JavaScript

HTML5

需积分: 5 99 浏览量 2024-06-21 14:38:22 上传评论收藏 2.48MB 7Z 举报

资源推荐

资源详情

资源评论

收起资源包目录

[web前端]&[课程设计]&[网站源码]-专业技术培训机构响应式网页模板.7z （76个子文件）

[web前端]&[课程设计]&[网站源码]-专业技术培训机构响应式网页模板

html

portfolio.html 15KB

animate.js 10KB

bootstrap.min.js 28KB

quicksand

setting.js 919B

jquery.quicksand.js 14KB

portfolio

setting.js 1KB

jquery.quicksand.js 14KB

jquery.fancybox-media.js 5KB

jquery.flexslider.js 40KB

jquery.fancybox.pack.js 22KB

jquery.magnific-popup.min.js 21KB

jquery.isotope.min.js 16KB

google-code-prettify

prettify.css 817B

prettify.js 13KB

modernizr.custom.js 29KB

flexslider

jquery.flexslider.js 26KB

setting.js 71B

custom.js 9KB

jquery.easing.1.3.js 8KB

jquery.js 91KB

courses.html 11KB

pricing.html 10KB

img

bg_direction_nav.png 657B

service3.jpg 103KB

works

2.jpg 93KB

6.jpg 68KB

1.jpg 102KB

5.jpg 100KB

8.jpg 75KB

3.jpg 129KB

7.jpg 91KB

4.jpg 90KB

client1.png 20KB

glyphicons-halflings-white.png 9KB

about.jpg 60KB

team4.jpg 33KB

logo.png 20KB

dev1.png 267KB

team3.jpg 45KB

slides

2.jpg 166KB

1.jpg 116KB

service2.jpg 112KB

team2.jpg 46KB

service1.jpg 88KB

avatar.png 1KB

img1.png 404KB

client3.png 20KB

client2.png 19KB

glyphicons-halflings.png 12KB

team1.jpg 33KB

nivo-bullets.png 1KB

css

style.css 30KB

bootstrap.min.css 99KB

flexslider.css 4KB

font-awesome.css 21KB

fancybox

blank.gif 43B

fancybox_loading.gif 4KB

fancybox_overlay.png 1003B

fancybox_sprite.png 1KB

jquery.fancybox.css 6KB

gallery-1.css 5KB

magnific-popup.css 8KB

animate.css 60KB

custom-fonts.css 19KB

index.html 16KB

contact.html 10KB

about.html 15KB

fonts

FontAwesome.otf 61KB

fontawesome-webfont.eot 37KB

customicon

Icons.svg 159KB

Icons.woff 50KB

Icons.ttf 32KB

Icons.eot 32KB

fontawesome-webfont.woff 43KB

fontawesome-webfont.svg 197KB

fontawesome-webfont.ttf 79KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Skill Best Education Free HTML5 Template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="" /> <meta name="author" content="http://webthemez.com" />  <link href="css/bootstrap.min.css" rel="stylesheet" /> <link href="css/fancybox/jquery.fancybox.css" rel="stylesheet"> <link href="css/jcarousel.css" rel="stylesheet" /> <link href="css/flexslider.css" rel="stylesheet" /> <link href="js/owl-carousel/owl.carousel.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet" />   </head> <body> <div id="wrapper" class="home-page"> <div class="topbar"> <div class="container"> <div class="row"> <div class="col-md-12"> <p class="pull-left hidden-xs">Times Education</p> <p class="pull-right"><i class="fa fa-phone"></i>Tel No. (+001) 123-456-789</p> </div> </div> </div> </div>  <header> <div class="navbar navbar-default navbar-static-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.html"><img src="img/logo.png" alt="logo"/></a> </div> <div class="navbar-collapse collapse "> <ul class="nav navbar-nav"> <li class="active"><a href="index.html">Home</a></li> <li class="dropdown"> <a href="#" data-toggle="dropdown" class="dropdown-toggle">About Us <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="about.html">Our Institute</a></li> <li><a href="#">Our Team</a></li> <li><a href="#">News</a></li> <li><a href="#">Investors</a></li> </ul> </li> <li><a href="courses.html">Courses</a></li> <li><a href="portfolio.html">Portfolio</a></li> <li><a href="pricing.html">Fees</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> </div> </div> </header>  <section id="banner">  <div id="main-slider" class="flexslider"> <ul class="slides"> <li> <img src="img/slides/1.jpg" alt="" /> <div class="flex-caption"> <h3>Quality Education</h3> <p>We Teach Students for Sucessful Fututre</p> </div> </li> <li> <img src="img/slides/2.jpg" alt="" /> <div class="flex-caption"> <h3>Learn to be Sucessful</h3> <p>Lorem ipsum dolo amet, consectetur provident.</p> </div> </li> </ul> </div>  </section> <section id="call-to-action-2"> <div class="container"> <div class="row"> <div class="col-md-10 col-sm-9"> <h3>Welcom to SKILL EDUCATION INSTITUTE</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt eius magni provident, doloribus omnis minus temporibus perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti</p> </div> <div class="col-md-2 col-sm-3"> <a href="#" class="btn btn-primary">Read More</a> </div> </div> </div> </section> <section id="content"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="aligncenter"><h2 class="aligncenter">Courses</h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt eius magni provident, doloribus omnis minus ovident, doloribus omnis minus temporibus perferendis nesciunt..</div> <br/> </div> </div> <div class="row"> <div class="skill-home"> <div class="skill-home-solid clearfix"> <div class="col-md-3 text-center"> <span class="icons c1"><i class="fa fa-book"></i></span> <div class="box-area"> <h3>Vocational Courses</h3> <p>Lorem ipsum dolor sitamet, consec tetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt eius magni provident</p></div> </div> <div class="col-md-3 text-center"> <span class="icons c2"><i class="fa fa-users"></i></span> <div class="box-area"> <h3>MassComm Courses</h3> <p>Lorem ipsum dolor sitamet, consec tetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt eius magni provident</p></div> </div> <div class="col-md-3 text-center"> <span class="icons c3"><i class="fa fa-trophy"></i></span> <div class="box-area"> <h3>Accounts</h3> <p>Lorem ipsum dolor sitamet, consec tetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt eius magni provident</p></div> </div> <div class="col-md-3 text-center"> <span class="icons c4"><i class="fa fa-globe"></i></span> <div class="box-area"> <h3>Business Management</h3> <p>Lorem ipsum dolor sitamet, consec tetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt eius magni provident</p> </div></div> </div></div> </div> </div> </section> <section class="section-padding gray-bg"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="section-title text-center"> <h2>Our Institute</h2> <p>Curabitur aliquet quam id dui posuere blandit. Donec sollicitudin molestie malesuada Pellentesque <br>ipsum id orci porta dapibus. Vivamus suscipit tortor eget felis porttitor volutpat.</p> </div> </div> </div> <div class="row"> <div class="col-md-6 col-sm-6"> <div class="about-text"> <p>Grids is a responsive Multipurpose Template. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquet quam id dui posuere blandit. Donec sollicitudin molestie malesuada. Pellentesque in ipsum id orci porta dapibus. Vivamus suscipit tortor eget felis porttitor volutpat.</p> <ul class="withArrow"> <li><span class="fa fa-angle-right"></span> Lorem ipsum dolor sit amet</li> <li><span class="fa fa-angle-right"></span> consectetur adipiscing elit</li> <li><span class="fa fa-angle-right"></span> Curabitur aliquet quam id dui</li> <li><span class="fa fa-angle-right"></span> Donec sollicitudin molestie malesuada.</li> </ul> <a href="#" class="btn btn-primary">Learn More</a> </div> </div> <div class="col-md-6 col-sm-6"> <div class="about-image"> <img src="img/about.jpg" alt="About Images"> </div> </div> </div> </div> </section> <div class="about home-about"> <div class="container"> <div class="row"> <div class="col-md-4">  <div class="block-heading-two"> <h3><span>Programes</span></h3> </div> <p>Sed ut perspiciaatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nem

评论收藏

内容反馈