<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Blog</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/templatemo_style.css">
<link rel="stylesheet" href="css/templatemo_misc.css">
<link rel="stylesheet" href="css/flexslider.css">
<link rel="stylesheet" href="css/testimonails-slider.css">
<script src="js/vendor/modernizr-2.6.1-respond-1.1.0.min.js"></script>
</head>
<body>
<header>
<div id="top-header">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="home-account">
<a href="#">Home</a>
<a href="#">My account</a>
</div>
</div>
<div class="col-md-6">
<div class="cart-info">
<i class="fa fa-shopping-cart"></i>
(<a href="#">5 items</a>) in your cart (<a href="#">$45.80</a>)
</div>
</div>
</div>
</div>
</div>
<div id="main-header">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="logo">
<a href="#templatemo_417_grill"><img src="images/logo.png" title="Grill Template by sc.chinaz.com" alt="Grill Website Template by sc.chinaz.com" ></a>
</div>
</div>
<div class="col-md-6">
<div class="main-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="contact-us.html">Contact</a></li>
</ul>
</div>
</div>
<div class="col-md-3">
<div class="search-box">
<form name="search_form" method="get" class="search_form">
<input id="search" type="text" />
<input type="submit" id="search-button" />
</form>
</div>
</div>
</div>
</div>
</div>
</header>
<div id="heading">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="heading-content">
<h2>Single Product</h2>
<span>Home / <a href="single-post.html">Single Post</a></span>
</div>
</div>
</div>
</div>
</div>
<div id="product-post">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="heading-section">
<h2>Single Blog Post</h2>
<img src="images/under-heading.png" alt="" />
</div>
</div>
</div>
<div id="single-blog" class="page-section first-section">
<div class="container">
<div class="row">
<div class="product-item col-md-12">
<div class="row">
<div class="col-md-8">
<div class="image">
<div class="image-post">
<img src="images/single-post.jpg" alt="">
</div>
</div>
<div class="product-content">
<div class="product-title">
<h3>SWEET BREAKFAST CAKE</h3>
<span class="subtitle">4 comments</span>
</div>
<p>Morbi consectetur velit et est placerat volutpat. Aliquam lacus libero, iaculis sit amet ornare eu, bibendum convallis. Curabitur vel erat imperdiet, ultrices dui et, mattis arcu. Donec nisi velit, dignissim mollis erat vehicula, iaculis eleifend sem. Mauris non ultrices ante, id porta odio. Pellentesque eget egestas lorem. <a href="#">Nullam vitae</a> varius lorem, ac tristique justo. Cras placerat tempus pharetra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, an inceptos himenaeos. Morbi et feugiat justo. <br><br>Maecenas et ante eu sem viverra faucibus eget nec est. Aenean non felis diam. Praesent malesuada, lectus vel elementum tincidunt, sapien dolor interdum lacus, vel suscipit enim augue vel purus. Ut in augue mass. Etiam a leo at eros vehicula mattis. Aenean nec fringilla neque <a href="#">eget vulputate mi</a>. Aenean tincidunt elit sollicitudin libero hendrerit feugiat. Nunc purus leo, sollicitudin et vulputate vitae, auctor a lacus. Fusce aliquet erat quis nisi adipiscing, id eleifend quam venenatis. Integer non sem quis dui dignissim lacinia et a massa.</p>
</div>
<div class="divide-line">
<img src="images/div-line.png" alt="" />
</div>
<div class="comments-title">
<div class="comment-section">
<h4>4 comments</h4>
</div>
</div>
<div class="all-comments">
<div class="view-comments">
<div class="comments">
<div class="author-thumb">
<img src="images/author-comment1.jpg" alt="">
</div>
橙色风格餐厅网站模板是一款界面简洁好看，适合餐饮企业网站模板下载.rar
需积分: 0 102 浏览量
更新于2023-09-10
收藏 1.74MB RAR 举报
橙色风格餐厅网站模板是一款专为餐饮企业设计的HTML资源，其特点是界面简洁且美观，旨在吸引并方便用户浏览和了解餐厅信息。HTML是一种标记语言，用于构建网页结构，是互联网上网页内容的基础。这款模板的开发充分利用了HTML5的新特性，提供了更好的用户体验和更丰富的媒体支持。
模板中的CSS文件起着至关重要的作用。Bootstrap.css是Twitter Bootstrap框架的样式表，它提供了响应式布局和一系列预定义的组件，如导航栏、按钮、表单等，使得网站在不同设备上都能有良好的显示效果。Font-awesome.css引入了Font Awesome图标库，这是一套包含数百个矢量图形的图标集，可以方便地添加各种图标到网页中，提升视觉效果。templatemo_style.css、templatemo_misc.css以及testimonails-slider.css是模板自定义的样式表，分别用于整体样式、额外杂项样式以及客户评价滑动展示的样式设定。
Flexslider.css文件是用于实现灵活的图片或内容滑块功能的样式，它允许网站在有限的空间内展示多张图片或信息，增强了用户的交互体验。Fontawesome-webfont.eot是Font Awesome字体文件的一种格式，用于支持不同的浏览器对图标显示的需求。
在压缩包内的HTML文件中，我们看到有single-post.html、products.html和index.html。single-post.html是用于展示单一文章或菜品详情的页面，可能包括详细的描述、图片和用户评论。products.html可能是餐厅菜单页面，展示各类菜品，每种菜品有自己的图片、价格和描述。而index.html是首页，通常会包含欢迎信息、特色菜品推荐、餐厅简介等内容，是用户首次访问网站时看到的第一个页面。
通过这些文件，我们可以了解到这个橙色风格的餐厅网站模板是如何将HTML、CSS和其他资源结合在一起，创建出一个既美观又实用的餐饮企业网站的。模板的设计考虑了用户体验，利用Bootstrap实现了响应式设计，适应手机、平板和桌面等多种设备。同时，通过Font Awesome和自定义CSS，提高了视觉吸引力。而HTML文件则构成了网站的基本内容框架，确保信息的清晰呈现。这是一个为餐饮业量身定制的高质量网站模板，便于快速搭建专业在线形象。
橙色风格餐厅网站模板是一款界面简洁好看，适合餐饮企业网站模板下载.rar （76个子文件） 
modernizr-2.6.1-respond-1.1.0.min.js 19KB
bg-image.jpg 18KB testimonails-slider.css 5KB bootstrap.js 54KB product8.jpg 12KB timeline1.jpg 9KB product1_big.jpg 29KB
single-post.html 28KB timeline3.jpg 5KB
search-icon.png 1KB flickr-image4.jpg 3KB blogpost5.jpg 30KB product7_big.jpg 115KB author4.jpg 66KB FontAwesome.otf 61KB flexslider.css 5KB flickr-image1.jpg 3KB slide2.jpg 62KB product5.jpg 17KB timeline5.jpg 13KB blogpost4.jpg 12KB product4_big.jpg 73KB author-comment4.jpg 15KB open-icon.png 972B author3.jpg 60KB product6.jpg 15KB fontawesome-webfont.eot 37KB flickr-image2.jpg 5KB jquery.gmap3.min.js 29KB logo.png 2KB timeline6.jpg 9KB main.js 674B font-awesome.css 21KB div-line.png 2KB author-comment1.jpg 16KB slide1.jpg 62KB product8_big.jpg 58KB fontawesome-webfont.woff 43KB product4.jpg 17KB author-comment3.jpg 17KB product2_big.jpg 47KB author2.jpg 68KB author-comment2.jpg 16KB author1.jpg 53KB blogpost1.jpg 16KB timeline4.jpg 8KB bootstrap.css 118KB contact-us.html 15KB single-post.jpg 59KB slide3.jpg 99KB about-us.html 24KB blogpost6.jpg 22KB recent-post1.jpg 3KB templatemo_misc.css 5KB blogpost3.jpg 22KB under-heading.png 2KB jquery-1.11.0.min.js 94KB product3.jpg 23KB index.html 24KB recent-post2.jpg 4KB product6_big.jpg 82KB product3_big.jpg 97KB
fontawesome-webfont.svg 197KB subscribe-icon.png 1KB recent-post3.jpg 2KB product1.jpg 8KB fontawesome-webfont.ttf 79KB flickr-image3.jpg 3KB product7.jpg 27KB blogpost2.jpg 13KB products.html 25KB timeline2.jpg 13KB templatemo_style.css 19KB product5_big.jpg 79KB product2.jpg 9KB plugins.js 190KB资源评论
