HTML+CSS+JS+JQ+Bootstrap的宠物护理机构响应式网页模板.7z资源-CSDN文库

共38个文件

jpg：14个

js：7个

css：5个

网页源码

HTML

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

资源推荐

资源详情

资源评论

收起资源包目录

HTML+CSS+JS+JQ+Bootstrap的宠物护理机构响应式网页模板.7z （38个子文件）

[web前端]&[课程设计]&[网站源码]-宠物护理机构响应式网页模板

html

bootstrap.js 112KB

lightbox-plus-jquery.min.js 91KB

blast.min.js 1KB

boost.js 99KB

jquery-2.2.3.min.js 84KB

easing.js 5KB

move-top.js 1KB

css

style.css 41KB

font-awesome.css 37KB

bootstrap.css 174KB

lightbox.css 4KB

blast.min.css 2KB

index.html 38KB

images

g3.jpg 111KB

move_up.png 411B

g2.jpg 84KB

2.jpg 173KB

prev.png 1KB

6.jpg 169KB

1.jpg 209KB

next.png 1KB

g6.jpg 83KB

5.jpg 142KB

g5.jpg 88KB

close.png 280B

8.jpg 140KB

g4.jpg 132KB

33.jpg 147KB

7.jpg 137KB

g1.jpg 58KB

loader.gif 2KB

4.jpg 132KB

fonts

FontAwesome.otf 132KB

fontawesome-webfont.eot 162KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

fontawesome-webfont.svg 434KB

fontawesome-webfont.ttf 162KB

<!DOCTYPE html> <html lang="zxx"> <head> <title>Pet Club Animals Category Bootstrap Responsive Template | Home :: W3layouts</title>  <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="UTF-8" /> <meta name="keywords" content="Pet Club 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" /> <script> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar() { window.scrollTo(0, 1); } </script>   <link rel="stylesheet" href="css/bootstrap.css">   <link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <link href="css/blast.min.css" rel="stylesheet" />   <link href="css/font-awesome.css" rel="stylesheet">   <link rel="stylesheet" href="css/lightbox.css">   <link href="//fonts.googleapis.com/css?family=Oswald:300,400,500,600,700" rel="stylesheet"> <link href="//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800" rel="stylesheet"> </head> <body> <div class="main"> <div class="blast-box"> <div class="blast-frame"> <p>Color schemes</p> <div class="blast-colors d-flex justify-content-center"> <div class="blast-color">#00a8e0</div> <div class="blast-color">#ff322e</div> <div class="blast-color">#ff9900</div> <div class="blast-color">#34bf49</div>  </div> <p class="blast-custom-colors">Select Color</p> <input type="color" name="blastCustomColor" value="#cf2626"> </div> <div class="blast-icon"><i class="fa fa-cog" aria-hidden="true"></i></div> </div> <div id="page"> <div id="home" class="banner" data-blast="bgColor">  <nav class="navbar navbar-expand-lg mb-4 top-bar navbar-static-top sps sps--abv"> <div class="container"> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse1" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"><i class="fa fa-bars" aria-hidden="true"></i></span> </button> <a class="navbar-brand mx-auto" href="index.html">Pet <span data-blast="color">Club</span></a> <div class="collapse navbar-collapse" id="navbarCollapse1"> <ul class="navbar-nav ml-auto"> <li class="nav-item active"> <a class="nav-link" href="#myCarousel" data-blast="color">Home <span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="#services">Services</a> </li> <li class="nav-item"> <a class="nav-link" href="#about">About</a> </li> <li class="nav-item"> <a class="nav-link" href="#gallery">Photos</a> </li> <li class="nav-item"> <a class="nav-link" href="#book">Book Now</a> </li> <li class="nav-item"> <a class="nav-link" href="#contact">Contact</a> </li> </ul> </div> </div> </nav>   <div class="swiper-container main-slider" id="myCarousel" data-blast="bgColor"> <div class="swiper-wrapper"> <div class="swiper-slide slider-bg-position" style="background:url(images/1.jpg)" data-hash="slide1"> <div class="ban-info" data-blast="bgColor"> <h2>We Make Pets Happy</h2> <p>Lorem ipsum dolor sit amet Neque porro quisquam est qui dolorem</p> </div> </div> <div class="swiper-slide slider-bg-position" style="background:url(images/2.jpg)" data-hash="slide2"> <div class="ban-info" data-blast="bgColor"> <h2>We'r Happy to Pamper</h2> <p> Lorem ipsum dolor sit amet Neque porro quisquam est qui dolorem</p> </div> </div> </div>  <div class="swiper-pagination"></div>  <div class="swiper-button-prev"><i class="fa fa-chevron-left"></i></div> <div class="swiper-button-next"><i class="fa fa-chevron-right"></i></div> </div> </div> </div> </div>  <section class="grids-bottom-w3ls bg-light py-md-5 py-3"> <div class="container"> <div class="row"> <div class="col-lg-3 about-in text-left"> <div class="card"> <div class="card-body"> <i class="fa fa-home" aria-hidden="true" data-blast="color"></i> <h5 class="card-title">Pet Room</h5> <div class="line" data-blast="bgColor"></div> <p class="card-text mt-3">Lorem ipsum dolor sit amet consectetur elit,dolore magna aliqua uta. </p> </div> </div> </div> <div class="col-lg-3 about-in text-left"> <div class="card"> <div class="card-body"> <i class="fa fa-cubes" aria-hidden="true" data-blast="color"></i> <h5 class="card-title"> Best Food</h5> <div class="line" data-blast="bgColor"></div> <p class="card-text mt-3">Lorem ipsum dolor sit amet consectetur elit,dolore magna aliqua uta. </p> </div> </div> </div> <div class="col-lg-3 about-in text-left"> <div class="card"> <div class="card-body"> <i class="fa fa-heart-o" aria-hidden="true" data-blast="color"></i> <h5 class="card-title"> Veterinarian Help</h5> <div class="line" data-blast="bgColor"></div> <p class="card-text mt-3">Lorem ipsum dolor sit amet consectetur elit,dolore magna aliqua uta. </p> </div> </div> </div>

评论收藏

内容反馈