蓝色背景教育培训机构网页模板_蓝色背景教育培训机构斜线学校毕业大学整站企业bootstrap手.rar资源-CSDN文库

共57个文件

jpg：24个

png：10个

html：7个

85 浏览量 2023-08-05 15:15:09 上传评论收藏 1.46MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

蓝色背景教育培训机构网页模板_蓝色背景教育培训机构斜线学校毕业大学整站企业 bootstrap 手.rar （57个子文件）

蓝色背景教育培训机构网页模板_蓝色背景教育培训机构斜线学校毕业大学整站企业 bootstrap 手机响应式英语培训

cpts_504_tz

bootstrap.js 66KB

responsiveslides.min.js 3KB

lightbox.js 15KB

easing.js 5KB

move-top.js 1KB

jquery.min.js 82KB

typography.html 29KB

css

style.css 49KB

bootstrap.css 138KB

lightbox.css 4KB

index.html 17KB

contact.html 9KB

about.html 14KB

single.html 12KB

images

g3.jpg 85KB

co.png 2KB

abt.jpg 26KB

g2.jpg 84KB

b1.jpg 27KB

2.jpg 173KB

cutter1.png 8KB

b2.jpg 19KB

wel.jpg 38KB

s1.jpg 9KB

prev.png 1KB

s2.jpg 11KB

g8.jpg 76KB

1.jpg 154KB

quote.png 3KB

b3.jpg 23KB

themes.gif 359B

next.png 1KB

g6.jpg 54KB

g11.jpg 75KB

b4.jpg 26KB

g12.jpg 27KB

g5.jpg 44KB

list_arrow2.png 3KB

img-sprite.png 4KB

close.png 280B

loc.jpg 5KB

g4.jpg 31KB

s3.jpg 16KB

s4.jpg 18KB

cutter.png 8KB

g1.jpg 50KB

single.jpg 63KB

g9.jpg 65KB

to-top1.png 3KB

blog.html 12KB

fonts

Lato-Regular.ttf 117KB

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

gallery.html 10KB

<!DOCTYPE html> <html> <head> <title>Typography</title> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />  <script src="js/jquery.min.js"></script>  <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <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="Literacy Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <script type="text/javascript" src="js/bootstrap.js"></script>  <script src="js/responsiveslides.min.js"></script> <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow 1 $("#slider1").responsiveSlides({ auto: true, nav: true, speed: 500, namespace: "callbacks", }); }); </script>  <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,600italic,400italic,600,300italic,300,700italic,800,800italic' rel='stylesheet' type='text/css'>  <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></script>  <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},900); }); }); </script> </head> <body>  <div class="header"> <div class="container"> <div class="header-top"> <p><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>Phone:+128-546-6853</p> <div class="logo"> <h1><a href="index.html">Literacy</a></h1> </div> <div class="social-icons"> <ul> <li><a class="facebook" href="#"></a></li> <li><a class="twitter" href="#"></a></li> <li><a class="google-plus" href="#"></a></li> </ul> </div> <div class="clearfix"></div> </div>  <div class="navigation"> <nav class="navbar navbar-default">  <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>  <div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li><a href="index.html">Home <span class="sr-only">(current)</span></a></li> <li><a href="about.html">ABOUT</a></li> <li class="active"><a href="typography.html">Short codes</a></li> <li><a href="gallery.html">classes</a></li> <li><a href="blog.html">Blog</a></li> <li><a href="contact.html">Contact Us</a></li> </ul> <div class="clearfix"></div> </div> </nav> </div>  </div> </div>   <div class="content">  <div class="short-codes"> <div class="container"> <h2 class="heading text-center">Short Codes</h2> <div class="grid_3 grid_4"> <h3 class="first">Headings</h3> <div class="bs-example"> <table class="table"> <tbody> <tr> <td><h1 id="h1.-bootstrap-heading">h1. Bootstrap heading<a class="anchorjs-link" href="#h1.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h1></td> <td class="type-info">Semibold 36px</td> </tr> <tr> <td><h2 id="h2.-bootstrap-heading">h2. Bootstrap heading<a class="anchorjs-link" href="#h2.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h2></td> <td class="type-info">Semibold 30px</td> </tr> <tr> <td><h3 id="h3.-bootstrap-heading">h3. Bootstrap heading<a class="anchorjs-link" href="#h3.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h3></td> <td class="type-info">Semibold 24px</td> </tr> <tr> <td><h4 id="h4.-bootstrap-heading">h4. Bootstrap heading<a class="anchorjs-link" href="#h4.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h4></td> <td class="type-info">Semibold 18px</td> </tr> <tr> <td><h5 id="h5.-bootstrap-heading">h5. Bootstrap heading<a class="anchorjs-link" href="#h5.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h5></td> <td class="type-info">Semibold 14px</td> </tr> <tr> <td><h6>h6. Bootstrap heading</h6></td> <td class="type-info">Semibold 12px</td> </tr> </tbody> </table> </div> </div> <div class="grid_3 grid_5"> <h3>Progress Bars</h3> <div class="tab-content"> <div class="tab-pane active" id="domprogress"> <div class="progress"> <div class="progress-bar progress-bar-primary" style="width: 20%"></div> </div> <p>Info with <code>progress-bar-info</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-info" style="width: 60%"></div> </div> <p>Success with <code>progress-bar-success</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-success" style="width: 30%"></div> </div> <p>Warning with <code>progress-bar-warning</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-warning" style="width: 70%"></div> </div> <p>Danger with <code>progress-bar-danger</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-danger" style="width: 50%"></div> </div> <p>Inverse with <code>progress-bar-inverse</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-inverse" style="width: 40%"></div> </div> <p>Inverse with <code>progress-bar-inverse</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-success" style="width: 35%"><span class="sr-only">35% Complete (success)</span></div> <div class="progress-bar progress-bar-warning" style="width: 20%"><span class="sr-only">20% Complete (warning)</span></div> <div class="progress-bar progress-bar-danger" style="width: 10%"><span class="sr-only">10% Complete (danger)</span></div> </div> </div> </div> </div> <div class="grid_3 grid_5"> <h3>Pagination</h3> <div class="col-md-6"> <nav> <ul class="pagination pagination-lg"> <li><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li> </ul> </nav> <nav> <ul class="pagination"> <li><a href="#" aria-label="

评论收藏

内容反馈