全屏大气食品美食餐饮行业网站模板，美食图片展示资源-CSDN文库

共44个文件

png：15个

jpg：12个

js：7个

版权申诉

117 浏览量 2022-07-12 19:55:09 上传评论收藏 2.32MB ZIP 举报

中的“全屏大气食品美食餐饮行业网站模板”是指一种专为食品、美食和餐饮行业设计的网站模板，这种模板通常具有宽屏显示的特点，以大图和丰富的视觉元素来吸引用户注意力，增强用户体验。全屏设计使得网站能够更好地展示美食图片，提升品牌形象，同时营造出浓厚的餐饮氛围。中提到的“无后台”可能意味着这个模板是一个静态网页设计，不包含复杂的后端功能，如数据库交互或用户管理系统。它主要依赖HTML、CSS和JavaScript等前端技术来构建页面，易于快速部署和维护。同时，它强调了模板的重点在于“美食图片展示”，这意味着该模板的布局和设计会特别注重图片的排列、大小和效果，以便更好地呈现美食的色、香、味、形，激发用户的食欲。进一步确认了这个模板的主要特点和适用领域：“全屏大气”、“食品美食”和“餐饮行业”。这表明模板适合用于餐厅、咖啡馆、美食博客或者任何与美食相关的企业或个人网站，它能够帮助这些机构在线展示他们的菜单、特色菜品或烹饪过程，吸引潜在客户。在【压缩包子文件的文件名称列表】中，"Zz_demo.demohuo.top_2"可能是一个示例文件名，通常这种格式的文件可能是演示版的网站源代码，包含了HTML、CSS、JavaScript以及可能的图像资源。用户可以下载这个压缩包，解压后查看或修改模板的源代码，根据自己的需求定制网站。这个模板为食品和餐饮行业的网站提供了一个直观且视觉冲击力强的展示平台，通过全屏的设计和对美食图片的优化处理，有效地传递了品牌的美食文化。对于不懂编程的用户，无后台的特性使得他们可以轻松地上传自己的美食照片并进行简单的编辑。而对于有一定技术背景的用户，他们可以通过修改源代码来进一步定制化网站，使其更符合自身业务的需求。无论是用来展示菜单、分享食谱还是推广餐饮服务，这样的模板都能为美食和餐饮行业的在线形象增添专业和吸引力。

资源推荐

资源详情

资源评论

收起资源包目录

全屏大气食品美食餐饮行业网站模板，美食图片展示.zip （44个子文件）

Zz_demo.demohuo.top_2

sale.html 8KB

index.html 15KB

case.html 6KB

static

css

fullPage-2.4.6.css 7KB

animate-3.7.0.css 70KB

style.css 34KB

swiper-3.4.2.min.css 15KB

image

bg5.jpg 61KB

bg3.jpg 26KB

bg6.jpg 20KB

photo-1596130496984-41fad0ad0f3a.jpg 309KB

arrow.png 272B

bg4.jpg 46KB

icon.png 2KB

icon1.png 4KB

picture

photo-1614835794530-bf3e4ae4f42e.jpg 207KB

photo-1561043433-b0bb121aacef.jpg 355KB

logo1.png 6KB

tu1.png 13KB

photo-1599021344713-953a54a000fe.jpg 175KB

QQ.png 1KB

cell.png 625B

tu3.png 37KB

photo-1625860633266-8707a63d6671.jpg 711KB

close.png 271B

code.jpg 6KB

f2.png 554B

wechat.png 2KB

photo-1626100334916-2370e5b8d6d7.jpg 279KB

zoom.png 393B

logo.png 1KB

f1.png 776B

email.png 890B

neibanner.jpg 26KB

jquery.min.js 91KB

index.js 1KB

banner.js 878B

fullPage-2.7.1.min.js 25KB

swiper-3.4.2.min.js 94KB

more.js 1KB

plugin.js 58KB

details.html 6KB

news.html 13KB

contact.html 5KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>优质精美的餐饮公司官网html模板首页</title> <link rel="stylesheet" type="text/css" href="static/css/animate-3.7.0.css"> <link rel="stylesheet" type="text/css" href="static/css/fullPage-2.4.6.css"> <link rel="stylesheet" type="text/css" href="static/css/swiper-3.4.2.min.css"> <link rel="stylesheet" type="text/css" href="static/css/style.css"> </head> <body> <div class="barwrap clearfix"> <a href="" class="logo"><img src="static/picture/logo.png"></a> <ul class="navbar"> <li class="on"> <a href="">网站首页<b></b></a> </li> <li> <a href="contact.html">关于我们<b></b></a> </li> <li> <a href="details.html">产品中心<b></b></a> </li> <li> <a href="sale.html">销售网络<b></b></a> </li> <li> <a href="case.html">案例展示<b></b></a> </li> <li> <a href="news.html">新闻资讯<b></b></a> </li> <li> <a href="contact.html">联系我们<b></b></a> </li> </ul> <div class="div2"> <h3> <strong>咨询服务热线</strong> <b>0551-88888888</b> </h3> <span class="zoom"><img src="static/picture/zoom.png"></span> </div> </div> <div class="search-box clearfix"> <span class="search-close"><img src="static/picture/close.png"></span> <div class="div"> <div class="clearfix"> <input type="text" value="" placeholder="请输入关键词" onfocus="this.placeholder=''" onblur="this.placeholder='请输入关键词'" class="fl in"> <input type="submit" name="" id="" value="搜索" class="sub fl"> </div> <p> <strong>热搜关键词:</strong> <a href="">薯片 </a> <a href="">香辣味牛肉粒 </a> <a href="">菲律宾风味芒果干 </a> <a href="">酒鬼锅巴 </a> </p> </div> </div> <div id="page"> <div class="section index-sec1"> <div class="banner"> <ul class="bannerfix slides clearfix"> <li> <img class="bimg" src="static/picture/photo-1626100334916-2370e5b8d6d7.jpg"> </li> <li> <img class="bimg" src="static/picture/photo-1625860633266-8707a63d6671.jpg"> </li> <li> <img class="bimg" src="static/picture/photo-1614835794530-bf3e4ae4f42e.jpg"> </li> </ul> <div class="bamnline"><span></span></div> </div> </div> <div class="section index-sec2"> <div class="sec2-cont"> <div class="text animated"> <h3 id="effect2">xxxxx休闲零食</h3> <h4>秉承“ 诚信”“务实”、“创新”、“进取”的企业精神</h4> <p class="p1"> 广东XXXX食品有限公司成立于1996年，XXXX食品有限公司有限公司作为一家民营独资企业注册诞生，秉承“ 诚信”“务实”、 “创新”、“进取”的企业精神，以生产加工和销售各种肉类制品、豆类制品、鱼类制品熟食等产品为主体。秉承“ 诚信”“务实”、“创新”、“进取”的企业精神，以生产加工和销售各种肉类制品、 </p> </div> <ul class="animated delay-1s"> <li> <strong>2019</strong> <p>成立于2019年</p> </li> <li><b></b></li> <li> <strong>5000000</strong> <p>总投资约500万元</p> </li> <li><b></b></li> <li> <strong>1500+</strong> <p>公司员工</p> </li> <li><b></b></li> <li> <strong>100+</strong> <p>产品种类</p> </li> </ul> <a href="" class="more animated delay-2s "> 了解更多 </a> </div> </div> <div class="section index-sec3"> <div class="sec3-cont"> <div class="swiper-container animated" id="swiper1"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="cp-text"> <h3>锅巴系列<b></b></h3> <p class="p1"> <a href="">160g香辣锅巴</a> <a href="">160g酒鬼锅巴</a> <a href="">160g蒜香锅巴</a> </p> <a href="" class="more"> 查看更多 <div class="line"></div> </a> </div> <div class="cp-tu"> <img src="static/picture/tu1.png"> </div> </div> <div class="swiper-slide"> <div class="cp-text"> <h3>锅巴系列<b></b></h3> <p class="p1"> <a href="">160g香辣锅巴</a> <a href="">160g酒鬼锅巴</a> <a href="">160g蒜香锅巴</a> </p> <a href="" class="more"> 查看更多 <div class="line"></div> </a> </div> <div class="cp-tu"> <img src="static/picture/tu1.png"> </div> </div> <div class="swiper-slide"> <div class="cp-text"> <h3>锅巴系列<b></b></h3> <p class="p1"> <a href="">160g香辣锅巴</a> <a href="">160g酒鬼锅巴</a> <a href="">160g蒜香锅巴</a> </p> <a href="" class="more"> 查看更多 <div class="line"></div> </a> </div> <div class="cp-tu"> <img src="static/picture/tu1.png"> </div> </div> <div class="swiper-slide"> <div class="cp-text"> <h3>锅巴系列<b></b></h3> <p class="p1"> <a href="">160g香辣锅巴</a> <a href="">160g酒鬼锅巴</a> <a href="">160g蒜香锅巴</a> </p> <a href="" class="more"> 查看更多 <div class="line"></div> </a> </div> <div class="cp-tu"> <img src="static/picture/tu1.png"> </div> </div> <div class="swiper-slide"> <div class="cp-text"> <h3>锅巴系列<b></b></h3> <p class="p1"> <a href="">160g香辣锅巴</a> <a href="">160g酒鬼锅巴</a> <a href="">160g蒜香锅巴</a> </p> <a href="" class="more"> 查看更多 <div class="line"></div> </a> </div> <div class="cp-tu"> <img src="static/picture/tu1.png"> </div> </div> <div class="swiper-slide"> <div class="cp-text"> <h3>锅巴系列<b></b></h3> <p class="p1"> <a href="">160g香辣锅巴</a> <a href="">160g酒鬼锅巴</a> <a href="">160g蒜香锅巴</a> </p> <a href="" class="more"> 查看更多 <div class="line"></div> </a> </div> <div class="cp-tu"> <img src="static/picture/tu1.png"> </div> </div> <div class="swiper-slide"> <div class="cp-text"> <h3>锅巴系列<b></b></h3> <p class="p1"> <a href="">160g香辣锅巴</a> <a href="">160g酒鬼锅巴</a> <a href="">160g蒜香锅巴</a> </p> <a href="" class="more"> 查看更多 <div class="line"></div> </a> </div> <div class="cp-tu"> <img src="static/picture/tu1.png"> </div> </div> <div class="swiper-slide"> <div class="cp-text"> <h3>锅巴系列<b></b></h3> <p class="p1"> <a href="">160g香辣锅巴</a> <a href="">160g酒鬼锅巴</a> <a href="">160g蒜香锅巴</a> </p> <a href="" class="more"> 查看更多 <div class="line"></div> </a> </div>

评论收藏

内容反馈

版权申诉