<!DOCTYPE html>
<html>
<head>
<title>美食城网站模板-网站模板downdemo.com</title>
<link rel="stylesheet" href="../../../pro2/default.css">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta name="author" content="www.downdemo.com" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="default.css">
<style type="text/css">
html, body {
margin: 0;
padding: 0;
}
.iw_poi_title {
color: #CC5522;
font-size: 14px;
font-weight: bold;
overflow: hidden;
padding-right: 13px;
white-space: nowrap
}
.iw_poi_content {
font: 12px arial, sans-serif;
overflow: visible;
padding-top: 4px;
white-space: -moz-pre-wrap;
word-wrap: break-word
}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
</head>
<body>
<header>
<div class="header-nav">
<div role="navigation">
<a href="#" rel="home" class="hd-logo" title="美食餐厅"><img src="images/logo.png"></a>
<ul class="hd-nav">
<li class="search-box-li">
<div><input type="text" name="search-keyword" placeholder="输入关键词" form="search-keyword"><i
class="iconfont search-submit"></i></div>
<i class="search-exit"></i></li>
<li><a href="index.html" name="index">网站首页<span><i class="iconfont "></i></span></a></li>
<li><a href="about.html" name="about">关于我们<span><i class="iconfont "></i></span></a></li>
<li><a href="productlist.html" name="productlist">菜式欣赏<span><i class="iconfont "></i></span></a></li>
<li><a href="article.html" name="article">美食资讯<span><i class="iconfont "></i></span></a></li>
<li><a href="contact.html" name="contact">在线预订<span><i class="iconfont "></i></span></a></li>
</ul>
<div class="motai"></div>
<ul>
<li><a><i class="iconfont search-botton"></i></a></li>
<li><a>中文</a></li>
<li><a>En</a></li>
<li><a><i class="iconfont nav-bottom"></i></a></li>
</ul>
</div>
<div class="search-box">
<form method="post" action="#" id="search-keyword">
<input type="text" name="search-keyword" placeholder="请输入您的内容">
<span>
</span>
</form>
</div>
</div>
<div class="header-carousel container">
<div id="myCarousel" class="carousel slide">
<!-- 轮播(Carousel)指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- 轮播(Carousel)项目 -->
<div class="carousel-inner">
<div class="item active">
<img src="images/banner.jpg" style="width:100%;" alt="First slide">
</div>
<div class="item">
<img src="images/banner2.jpg" style="width:100%;" alt="Second slide">
</div>
<div class="item">
<img src="images/banner3.jpg" style="width:100%;" alt="Third slide">
</div>
</div>
<!-- 轮播(Carousel)导航 -->
<a class="carousel-control left" href="#myCarousel"
data-slide="prev"></a>
<a class="carousel-control right" href="#myCarousel"
data-slide="next"></a>
</div>
</div>
</header>
<main>
<div class="main-head">
<p><span>关于我们</span></p>
</div>
</main>
<div class="main-all-width">
<div class="main-about-body">
<div><img src="images/about1.jpg"></div>
<div><img src="images/about2.jpg"></div>
</div>
<div class="main-about-footer">
<p class="chinese">公司致力于帮助传统行业实现在互联网时代的转型升级。目前经营的范围包括:电子商务平台开发技术支持、技术转让、运维技术服务、大数据、云计算等。</p>
<p class="english">The company is committed to help the traditional industries to achieve the transformation and
upgrading in the Internet age. At present, the scope of business includes: e-commerce platform development,
technical support, technology transfer, operation and maintenance, technical services, big data, cloud
computing, etc..</p>
</div>
</div>
<main>
<div class="main-head">
<p><span>我们提供</span></p>
</div>
<div class="main-we-provide">
<ul>
<li><span><img src="images/lunch.png" alt=""></span>
<h2>中餐</h2>
<p>公司目前经营的范围包括:电子商务平台开发技术支持、技术转让、运维技术服务大数据、云计算等。</p></li>
<li><span><img src="images/dinner.png" alt=""></span>
<h2>晚餐</h2>
<p>公司目前经营的范围包括:电子商务平台开发技术支持、技术转让、运维技术服务大数据、云计算等。</p></li>
<li><span><img src="images/coffee.png" alt=""></span>
<h2>甜品/咖啡</h2>
<p>公司目前经营的范围包括:电子商务平台开发技术支持、技术转让、运维技术服务大数据、云计算等。</p></li>
</ul>
</div>
</main>
<main>
<div class="main-head">
<p><span>团队成员</span></p>
</div>
<div class="main-team">
<ul>
<li><span><img src="images/team1.jpg" alt=""></span>
<h2>大卫</h2>
<h3>厨房主管1</h3>
<p>我们始终秉着严谨认真的专业态度,为顾客提供最棒的服务。</p></li>
<li class="main-team-display"><span><img src="images/team2.jpg" alt=""></span>
<h2>米娜</h2>
<h3>厨房主管2</h3>
<p>我们始终秉着严谨认真的专业态度,为顾客提供最棒的服务。</p></li>
<li><span><img src="images/team3.jpg" alt=""></span>
<h2>大卫</h2>
<h3>厨房主管3</h3>
<p>我们始终秉着严谨认真的专业态度,为顾客提供最棒的服务。</p></li>
</ul>
<span class="prevbtn"></span>
<span class="nextbtn"></span>
</div>
</main>
<main>
<div class="main-head">
<p><span>联系我们</span></p>
</div>
</main>
<div class="main-all-width">
<div class="main-about-body main-padding">
<div class="main-about-map">
<div style="border:#ccc solid 1px;" id="dituContent"></div>
</div>
<div class="main-about-info-right">
<ul class="main-about-info">
<li><span></span>
<p>大冶大道江浙商贸城金穗小区好太太办公�
没有合适的资源?快使用搜索试试~ 我知道了~
中华美食城网站模板,餐饮类网站模板,响应式布局,纯Html+css+js,无后台
共195个文件
png:121个
jpg:30个
js:12个
需积分: 5 0 下载量 150 浏览量
2024-08-28
14:04:39
上传
评论
收藏 3.18MB ZIP 举报
温馨提示
中华美食城网站模板,专为热爱餐饮文化的您精心打造,是一款集传统韵味与现代技术于一体的餐饮类网站模板。该模板采用响应式布局设计,确保在不同设备和屏幕尺寸下都能呈现出最佳的视觉效果,无论是大屏电脑、平板还是智能手机,用户都能享受到流畅无阻的浏览体验。 模板以中华美食为核心,通过精美的HTML结构、优雅的CSS样式以及丰富的JavaScript交互效果,将中华美食的博大精深与网站的互动性完美融合。首页以高清美食图片轮播为引导,配以诱人的菜品描述,瞬间激发访客的食欲与探索欲。 在内容展示上,模板设计了清晰的分类导航和详尽的菜单列表,方便用户快速找到心仪的美食。同时,利用CSS3的动画效果,如鼠标悬停时的菜品图片放大、菜单项的渐变色彩等,为网站增添了一抹生动与活力。 整个模板设计风格典雅而不失时尚感,色彩搭配和谐统一,既体现了中华美食的深厚文化底蕴,又符合现代人的审美需求。
资源推荐
资源详情
资源评论
收起资源包目录
中华美食城网站模板,餐饮类网站模板,响应式布局,纯Html+css+js,无后台 (195个子文件)
default.css 175KB
default.min.css 138KB
.DS_Store 6KB
glyphicons-halflings-regular.eot 20KB
iconfont.eot 10KB
loading.gif 12KB
loadv.gif 7KB
loadtmsg.gif 3KB
loadm.gif 2KB
detect.gif 2KB
valibg.gif 744B
load.gif 697B
load01.gif 697B
bg.gif 44B
about.html 16KB
index.html 12KB
article.html 10KB
productlist.html 9KB
article_list_content.html 9KB
contact.html 7KB
map.html 6KB
banner.jpg 147KB
banner2.jpg 141KB
activebg.jpg 137KB
reserve.jpg 126KB
banner3.jpg 110KB
foodnews1.jpg 83KB
mdbanner.jpg 80KB
foodlist2.jpg 77KB
about2.jpg 77KB
about1.jpg 75KB
foodlist3.jpg 72KB
foodnewlist1.jpg 68KB
mdlist6.jpg 66KB
foodlist6.jpg 66KB
foodlist4.jpg 62KB
mdlist9.jpg 59KB
mdlist7.jpg 59KB
foodlist1.jpg 58KB
mdlist8.jpg 57KB
mdlist3.jpg 56KB
foodlist5.jpg 56KB
mdlist2.jpg 56KB
mdlist4.jpg 49KB
team2.jpg 45KB
team3.jpg 39KB
team1.jpg 39KB
mdlist1.jpg 39KB
mdlist5.jpg 37KB
whiteshadow.jpg 309B
grayshadow.jpg 309B
jquery.js 262KB
jquery.slim.js 210KB
jquery.min.js 85KB
bootstrap.js 68KB
jquery.slim.min.js 68KB
bootstrap.min.js 36KB
clipboard.js 24KB
core.js 11KB
clipboard.min.js 11KB
main.js 5KB
main.min.js 3KB
npm.js 484B
default.min.css.map 456KB
jquery.min.map 129KB
jquery.slim.min.map 102KB
main.min.js.map 8KB
bdbg.png 193KB
login24.png 75KB
login-24.png 69KB
weibo.png 44KB
icon25.png 43KB
icon24.png 43KB
login.png 35KB
btn24.png 24KB
tengxunweibo.png 23KB
login01.png 22KB
start.png 21KB
icon4-24.png 20KB
qqzone.png 19KB
copy.png 19KB
weibo-8.png 18KB
hd24.png 17KB
intro.png 17KB
icon01.png 16KB
icon.png 16KB
nav224.png 16KB
icon2-10.png 13KB
icon2-8.png 13KB
icon2-9.png 13KB
btn.png 13KB
xcode.png 11KB
weixin.png 11KB
icn3.png 10KB
icon7.png 9KB
cc-icon24.png 9KB
coffee.png 9KB
dinner.png 9KB
shadow2.png 9KB
nav2.png 8KB
共 195 条
- 1
- 2
资源评论
1BN5100
- 粉丝: 95
- 资源: 6
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- python下载-compression.rar
- python下载-ciphers.rar
- ABB机器人IRC5控制柜更换主计算机的具体方法和步骤.docx
- yolov安全帽佩戴检测,目标检测,附带可视化界面
- 技术资料分享一种自激式开关稳压电源的设计技术资料开发设计用的重要资料.zip
- 技术资料分享开关电源效率的简易测算方法技术资料开发设计用的重要资料.zip
- 西门子伺服分拣机西门子S7-1200 PLC程序,,有自己录4平详细讲解项目程序,4平已保护 有电气CAD图,机械整机结构,动作
- 技术资料分享开关电源工作原理及电路图技术资料开发设计用的重要资料.zip
- 基于S7-200 PLC和MCGS组态的水箱水位控制系统设计 组态王动画仿真,带PLC源代码,plc程序每一条都带着解释,组态王
- 技术资料分享技术资料嵌入式Linux系统开发技术详解.基于ARM重要技术.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功