水果沙拉餐厅网站模板是一款适合美食行业HTML5网站模板下载。.rar资源-CSDN文库

共76个文件

jpg：39个

png：10个

html：7个

版权申诉

136 浏览量 2021-11-06 12:58:51 上传评论收藏 987KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

水果沙拉餐厅网站模板是一款适合美食行业HTML5网站模板下载。.rar （76个子文件）

水果沙拉餐厅网站模板是一款适合美食行业HTML5网站模板下载。

moban659

pages.html 18KB

modernizr.custom.79639.js 5KB

jquery.chocolat.js 10KB

jquery.flexslider.js 41KB

easing.js 5KB

jquery-1.11.0.min.js 94KB

move-top.js 1KB

css

style.css 51KB

flexslider.css 5KB

style5.css 3KB

bootstrap.css 138KB

chocolat.css 2KB

index.html 13KB

contact.html 7KB

about.html 11KB

single.html 11KB

images

r-3.jpg 7KB

1112.jpg 122KB

co.png 2KB

close.gif 845B

w-6.jpg 10KB

o-2.jpg 11KB

port-4.jpg 14KB

r-4.jpg 5KB

b-3.jpg 7KB

nature.jpg 174KB

port-12.jpg 10KB

blog-1.jpg 18KB

prev.png 3KB

w-2.jpg 38KB

bg-1.jpg 44KB

b-1.jpg 10KB

w-4.jpg 8KB

right.gif 67B

o-3.jpg 11KB

abt-3.jpg 9KB

o-5.jpg 7KB

social-icons.png 5KB

blog-2.jpg 8KB

b-2.jpg 8KB

o-1.jpg 8KB

port-10.jpg 14KB

r-1.jpg 5KB

abt-1.jpg 13KB

left.gif 68B

next.png 3KB

port-9.jpg 18KB

port-2.jpg 9KB

port-8.jpg 11KB

team-3.jpg 7KB

w-5.jpg 7KB

icons.svg 1KB

abt-2.jpg 16KB

port-6.jpg 13KB

close.png 3KB

port-11.jpg 11KB

footer-icons.png 3KB

logo-23.png 6KB

blog-3.jpg 10KB

port-3.jpg 18KB

marker.png 3KB

r-2.jpg 5KB

team-1.jpg 7KB

port-7.jpg 18KB

team-2.jpg 8KB

top-arrow.png 4KB

port-1.jpg 10KB

port-5.jpg 11KB

nav-icon.png 3KB

blog.html 12KB

fonts

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 8KB

<!DOCTYPE html> <html> <head> <title>Typrography</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="Fruit_Salad 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> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' /> <link href="css/style.css" rel='stylesheet' type='text/css' /> <link href='#css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic' rel='stylesheet' type='text/css'> <link href='#css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'><script src="js/jquery-1.11.0.min.js"></script> <script src="js/jquery.min.js"> </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="header" id="home"> <div class="container"> <div class="logo"> <a href="index.html"><img src="images/logo-23.png" alt=""></a> </div> <div class="navigation"> <span class="menu"></span> <ul class="navig"> <li><a href="index.html">Home</a><span> </span></li> <li><a href="about.html">About</a><span> </span></li> <li><a href="blog.html">Blog</a><span> </span></li> <li><a class="active" href="pages.html">Pages</a><span> </span></li> <li><a href="gallery.html">Gallery</a><span> </span></li> <li><a href="contact.html">Contact</a><span> </span></li> </ul> </div>  <script> $("span.menu").click(function(){ $(" ul.navig").slideToggle("slow" , function(){ }); }); </script>  </div> </div> <div class="banner banner5" id="home"> </div>   <div class="pages"> <div class="container"> <h3 class="typoo">Typrography</h3> <div class="headdings"> <h3 class="ghj">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="Buttons"> <h3 class="ghj">Buttons</h3> <h1 class="b1"> <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 class="b2"> <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 class="b3"> <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 class="b4"> <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 class="b5"> <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 class="b6"> <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="progress-bars"> <h3 class="ghj">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="pr

评论收藏

内容反馈

版权申诉