简洁动物园响应式html5模板_简洁动物动物园响应式bootstrap手机老虎猫狗自然景区景点.rar资源-CSDN文库

共57个文件

jpg：32个

html：6个

png：4个

版权申诉

18 浏览量 2023-04-28 07:23:04 上传评论收藏 1.25MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

简洁动物园响应式html5模板_简洁动物动物园响应式 bootstrap 手机老虎猫狗自然景区景点.rar （57个子文件）

简洁动物园响应式html5模板_简洁动物动物园响应式 bootstrap 手机老虎猫狗自然景区景点

cpts_454_uf

codes.html 17KB

bootstrap.js 66KB

jquery.lightbox.js 8KB

jquery-1.11.1.min.js 94KB

jquery.flexisel.js 8KB

css

style.css 28KB

flexslider.css 4KB

jquery.lightbox.css 2KB

bootstrap.css 124KB

services.html 7KB

index.html 12KB

contact.html 6KB

about.html 10KB

images

g3.jpg 21KB

g2.jpg 14KB

m4.jpg 18KB

s1.jpg 25KB

previous.png 726B

m1.jpg 12KB

s2.jpg 13KB

g8.jpg 23KB

banner.jpg 315KB

quote.png 3KB

t3.jpg 7KB

p4.jpg 16KB

m2.jpg 13KB

next.png 724B

g7.jpg 15KB

m5.jpg 13KB

g6.jpg 24KB

t1.jpg 7KB

e1.jpg 23KB

t4.jpg 6KB

banner1.jpg 174KB

g5.jpg 36KB

e2.jpg 13KB

close.png 835B

m3.jpg 13KB

t2.jpg 9KB

p2.jpg 12KB

g4.jpg 16KB

p3.jpg 10KB

s3.jpg 17KB

p5.jpg 15KB

banner2.jpg 37KB

s4.jpg 16KB

g1.jpg 27KB

g9.jpg 10KB

p1.jpg 11KB

fonts

FugazOne-Regular.ttf 27KB

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

OpenSans-Regular.ttf 212KB

gallery.html 7KB

<!DOCTYPE HTML> <html> <head> <title>Codes</title> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"> <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="Zoo Planet Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod 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 src="js/jquery-1.11.1.min.js"></script> <script src="js/bootstrap.js"></script> </head> <body>  <div class="header"> <div class="container"> <div class="header-top"> <nav class="navbar navbar-default"> <div class="container-fluid">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <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"> <h1><a href="index.html">zoo planet</a></h1> </div> </div>  <div class="collapse navbar-collapse" 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><a href="services.html">Services</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Gallery <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="gallery.html">Gallery1</a></li> <li><a href="gallery.html">Gallery2</a></li> <li><a href="gallery.html">Gallery3</a></li> </ul> </li> <li class="active"><a href="codes.html">Codes</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> </div> </nav> </div> </div> </div> <div class="banner-header"> <div class="container"> <h2>Short Codes</h2> </div> </div>  <div class="content"> <div class="typo"> <div class="container"> <div class="grid_3 grid_4"> <h3>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>Buttons</h3> <h1> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h1> <h2> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h2> <h3> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h3> <h4> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h4> <h5> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h5> <h6> <a href="#"><span class="label label-default">Default</span></a> <a href="#"><span class="label label-primary">Primary</span></a> <a href="#"><span class="label label-success">Success</span></a> <a href="#"><span class="label label-info">Info</span></a> <a href="#"><span class="label label-warning">Warning</span></a> <a href="#"><span class="label label-danger">Danger</span></a> </h6> </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

评论收藏

内容反馈

版权申诉