【免费】美味酒店自助餐网站模板里面包含7个子页面，适合美食行业相关模板下载.rar资源-CSDN文库

共59个文件

jpg：27个

js：9个

png：8个

html

需积分: 0 8 浏览量 2023-09-09 13:51:47 上传评论收藏 1.71MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

美味酒店自助餐网站模板里面包含7个子页面，适合美食行业相关模板下载.rar （59个子文件）

g3.jpg 33KB

style.css 46KB

bootstrap.js 66KB

g2.jpg 57KB

footer.jpg 146KB

f4.jpg 3KB

f2.jpg 4KB

flexslider.css 7KB

lightbox-plus-jquery.min.js 91KB

glyphicons-halflings-regular.woff 23KB

img6.jpg 39KB

prev.png 1KB

codes.html 30KB

f1.jpg 3KB

glyphicons-halflings-regular.woff2 18KB

icon1.png 2KB

menu.png 175B

banner.jpg 291KB

loading.gif 8KB

img2.jpg 27KB

f5.jpg 3KB

jquery.flexslider.js 54KB

img5.jpg 34KB

social-icons.png 4KB

t3.jpg 12KB

f6.jpg 4KB

jquery.nicescroll.js 58KB

bg1.jpg 55KB

f3.jpg 3KB

move-up.png 3KB

next.png 1KB

g7.jpg 27KB

t1.jpg 8KB

img4.jpg 43KB

animate.css 69KB

bg.jpg 170KB

bootstrap.css 138KB

t4.jpg 11KB

g5.jpg 44KB

easing.js 5KB

img3.jpg 27KB

close.png 280B

move-top.js 1KB

index.html 16KB

jquery-1.11.1.min.js 94KB

img1.png 184KB

contact.html 9KB

t2.jpg 9KB

about.html 12KB

single.html 13KB

lightbox.css 4KB

g4.jpg 46KB

wow.min.js 5KB

bg2.jpg 148KB

blog.html 11KB

g1.jpg 52KB

g9.jpg 57KB

scripts.js 644B

gallery.html 12KB

<!DOCTYPE html> <html> <head> <title>Codes</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="" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>   <link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all"> <link href="css/style.css" type="text/css" rel="stylesheet" media="all">   <script src="js/jquery-1.11.1.min.js"></script>   <link href='#css?family=Stint+Ultra+Condensed' rel='stylesheet' type='text/css'> <link href='#css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>   <link href="css/animate.css" rel="stylesheet" type="text/css" media="all"> <script src="js/wow.min.js"></script> <script> new WOW().init(); </script>   <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},1000); }); }); </script>  </head> <body>  <div class="banner about-banner"> <div class="container">  <div class="header"> <div class="logo"> <h1 class="wow zoomIn animated" data-wow-delay=".5s"><a href="index.html">Tasty Food</a></h1> </div> <div class="top-nav"> <span class="menu"><img src="images/menu.png" alt=""/></span> <ul> <li class="wow slideInDown animated" data-wow-delay=".5s"><a href="index.html">Home</a></li> <li class="wow slideInDown animated" data-wow-delay=".6s"><a href="about.html">About</a></li> <li class="wow slideInDown animated" data-wow-delay=".7s"><a href="gallery.html">Gallery</a></li> <li class="wow slideInDown animated" data-wow-delay=".7s"><a class="active" href="codes.html">Codes</a></li> <li class="wow slideInDown animated" data-wow-delay=".8s"><a href="blog.html">Blog</a></li> <li class="wow slideInDown animated" data-wow-delay=".9s"><a href="contact.html">Contact</a></li> </ul>  <script> $("span.menu").click(function(){ $(".top-nav ul").slideToggle("slow" , function(){ }); }); </script>  </div> <div class="clearfix"> </div> </div>  <div class="bnr-text wow slideInLeft animated" data-wow-delay=".9s"> <h2 class="bnr-title">Traditional baking of food</h2> </div> </div> </div>   <div class="codes"> <div class="container"> <h3 class="title wow slideInDown animated" data-wow-delay=".7s">Short Codes</h3> <div class="grid_3 grid_5 wow fadeInDown animated" data-wow-delay=".5s"> <h3 class="hdg" >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_4 wow fadeInDown animated" data-wow-delay=".5s"> <h3 class="hdg">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 wow fadeInDown animated" data-wow-delay=".5s"> <h3 class="hdg" >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 w

评论收藏

内容反馈