【免费】绿色响应式西餐厅企业网站模板_绿色响应式西餐西餐厅餐厅企业宽屏bootstrap整站手机餐饮.rar资源-CSDN文库

共34个文件

jpg：11个

html：7个

png：5个

需积分: 0 93 浏览量 2023-09-09 13:52:01 上传评论收藏 677KB RAR 举报

标题 "绿色响应式西餐厅企业网站模板_绿色响应式西餐西餐厅餐厅企业宽屏bootstrap整站手机餐饮.rar" 暗示了这是一个为西餐厅设计的网站模板，具有响应式布局，能够适应不同设备的屏幕尺寸，如手机和平板。模板基于Bootstrap框架构建，Bootstrap是目前非常流行的一款前端开发框架，以其简洁、灵活和强大的功能著称。它提供了预设的CSS、JavaScript组件和HTML模板，使得开发者能够快速地创建出美观且响应式的网站。描述中的 "html模板" 表明这个模板主要由HTML（超文本标记语言）构成，HTML是网页内容的基础结构，定义了网页的各个元素和部分。这个模板可能包含了头部、导航、主体内容、页脚等常见的网页结构，并且已经预设了样式和交互效果。标签 "html" 进一步强调了此模板的核心技术，HTML5是当前广泛使用的HTML版本，它引入了许多新的标签和特性，如音频、视频、画布、离线存储等，增强了网页的互动性和多媒体支持。在压缩包的文件名列表中： - bootstrap.js 是Bootstrap框架的JavaScript文件，包含了诸如模态框、下拉菜单、滚动监听等组件的实现，用于增强用户界面的动态效果。 - style.css 是模板的样式表文件，定义了网页的视觉样式，包括颜色、字体、布局等。 - co.png、sp.png 可能是网站图标或装饰性图片，用于提升网站的视觉吸引力。 - 1.jpg、5.jpg、6.jpg 通常是网站中使用的图像资源，可能用于展示餐厅环境、菜品或活动。 - glyphicons-halflings-regular.woff 和 .eot 文件是字体图标资源，Bootstrap通常使用Glyphicons图标集，这些文件提供了矢量格式的图标，能够在不同分辨率下保持清晰。 - index.html 是网站的主页文件，通常包含了整个网站的结构和主要内容。这个模板提供了全套的HTML结构，配合Bootstrap框架，可以快速搭建一个以绿色为主色调、响应式布局的西餐厅网站。设计师或开发者可以通过编辑index.html和其他相关文件，替换图片和内容，定制成符合特定西餐厅品牌风格的网站。同时，模板中的JavaScript和CSS文件保证了网站在不同设备上的良好显示效果和交互体验。

资源推荐

资源详情

资源评论

收起资源包目录

绿色响应式西餐厅企业网站模板_绿色响应式西餐西餐厅餐厅企业宽屏bootstrap整站手机餐饮.rar （34个子文件）

style.css 44KB

co.png 2KB

bootstrap.js 66KB

2.jpg 23KB

typo.html 18KB

menu.html 7KB

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

responsiveslides.min.js 3KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

6.jpg 35KB

banner.jpg 65KB

1.jpg 36KB

sp.png 4KB

1.png 3KB

5.jpg 36KB

bootstrap.css 138KB

banner1.jpg 44KB

8.jpg 63KB

index.html 14KB

jquery-1.11.1.min.js 94KB

contact.html 6KB

about.html 10KB

single.html 11KB

update.png 443B

jquery.flexisel.js 8KB

3.jpg 31KB

7.jpg 43KB

banner2.jpg 61KB

blog.html 10KB

2.png 3KB

4.jpg 27KB

<!DOCTYPE html> <html> <head> <title>Typo</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="Pasta 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" media="all" /> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <script src="js/jquery-1.11.1.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>  <link href='#css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'> </head> <body>  <div class="header"> <div class="container"> <div class="header-nav"> <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> <a class="navbar-brand" href="index.html"><i class="glyphicon glyphicon-cutlery" aria-hidden="true"></i><span>P</span>asta</a> </div>  <div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="hvr-bounce-to-bottom"><a href="index.html">Home</a></li> <li class="hvr-bounce-to-bottom"><a href="about.html">About</a></li> <li class="hvr-bounce-to-bottom"><a href="menu.html">Menu</a></li> <li class="hvr-bounce-to-bottom active"><a href="typo.html">Typo</a></li> <li class="hvr-bounce-to-bottom"><a href="blog.html">Blog</a></li> <li class="hvr-bounce-to-bottom"><a href="contact.html">Contact Us</a></li> </ul> </div> </nav> </div> </div> </div>   <div class="typo"> <div class="container"> <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> <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="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>

评论收藏

内容反馈