HTML静态网页成品作业(HTML+CSS+JS)—— 美食企业曹氏鸭脖介绍网页(4个页面)

ops/2024/10/18 8:27:48/

🎉不定期分享源码,关注不丢失哦

文章目录

  • 一、作品介绍
  • 二、作品演示
  • 三、代码目录
  • 四、网站代码
    • HTML部分代码
  • 五、源码获取


一、作品介绍

🏷️本套采用HTML+CSS,使用Javacsript代码实现 图片轮播切换,共有4个页面

二、作品演示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>曹氏鸭脖</title><link rel="stylesheet" href="css/style.css">
</head>
<body><nav><div class="nav"><div class="logo"><img src="img/logo1.png" alt=""></div><ul><li><a href="index.html" class="on">首页</a></li><li><a href="pp.html">关于品牌</a></li><li><a href="stores.html">店铺展示</a></li><li><a href="contact.html">联系我们</a></li></ul><div class="logo-2"><img src="img/logo2.png" alt=""></div></div></nav><div class="banner"><div class="tu"><img src="img/banner6.png" alt=""></div></div><div class="about"><div class="tu"><img src="img/about.png" alt=""></div><div class="tu-2"><img src="img/tu.png" alt=""><p>湖南曹氏鸭脖餐饮管理有限公司成立于2016年,是一家专业从事卤味食品经营和加盟培训的新型餐饮管理公司,旗下有“曹氏鸭脖”“曹司令”两大品牌,企业从经营卤菜的小摊开始逐步走向公司系统化经营,致力成为中国影响力的新派卤味餐饮管理企业。我们秉承规范管理,标准服务,合作共赢的经营理令,引进了大批优秀人才,组建了精干务实的管理团队,同时联手国内知名战略合作伙伴,通过运用先进的市场管理手段,整合各种优势资源,全面创造互利共赢的发展格局。多年来,我们以稳定良好的产品品质,优质的服务质量及良好的品牌形象,深受广大消费者喜爱,我们执忱欢迎五湖四海的朋友前来总部和各培训服务中心实地考察,品尝我们的美食!如果你执爱卤味事业,如果您想小本投资并成功创业,那么请您拨打加盟热线:400-618-3450,我们将以最大的热情期待您的来电!</p></div></div><div class="banner-2"><img src="img/banner7.png" alt=""></div><div class="banner-3"><img src="img/banner1.png" alt=""><img src="img/banner5.png" alt=""><img src="img/banner3.png" alt=""><img src="img/banner4.png" alt=""><img src="img/banner5.png" alt=""></div><div class="product"><h2><span>产品</span>中心</h2><p>PRODUCT CENTER</p><div class="tu"><img src="img/caipin1.png" alt=""><img src="img/caipin2.png" alt=""><img src="img/caipin3.png" alt=""><img src="img/caipin4.png" alt=""></div><h3><span><</span><span>></span></h3></div><footer><img src="img/footer.png" alt=""><div class="tx"><h2>曹氏鸭脖</h2><h2>400-618-3450 <span>(点击拨打)</span></h2><div class="tab"><a href="pp.html">关于品牌</a><a href="stores.html">店铺展示</a><a href="contact.html">联系我们</a></div><div class="cop">Copyright2022湖南曹氏鸭脖餐饮管理有限公司 版权所有 湘ICP备16019844-251LA统计 技术支持:鱼竹科技 站点地图</div></div></footer><script src="./js/script.js"></script>
</body>
</html>

五、源码获取

🥇 ~ 关注我,点赞博文~ 每天带你涨知识!
🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。
💙2.想要获取本文源码,点击前往吧


http://www.ppmy.cn/ops/48486.html

相关文章

微信小程序是否可以使用自建SSL证书?

在数字化时代&#xff0c;网络安全已成为企业和个人用户关注的焦点。为了保护网站和用户数据的安全&#xff0c;SSL证书应运而生。SSL证书&#xff0c;即安全套接字层证书&#xff0c;是一种用于在客户端和服务器之间建立加密连接的数字证书。它通过公钥加密和私钥解密&#xf…

Spring Cloud 之 GateWay

前言 前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家&#xff1a;https://www.captainbed.cn/z ChatGPT体验地址 文章目录 前言前言1、通过API网关访问服务2、Spring Cloud GateWay 最主要的功能就是路由…

联想电脑 调节屏幕亮度不起使用,按F5,F6,屏幕上的hotkeys进度条是在改变,但是屏幕没有一些作用的处理方法

1、查看驱动是否正常 Win键X &#xff0c;设备管理器 发现似乎挺正常的。 查看原厂驱动&#xff1a;联想电脑管家 这样看来&#xff0c;驱动是没有问题了。 2、看看设置电池模式 其实还是这个电池模式的问题导致。 如果处于养护模式的话&#xff0c;充电只在75%~80%&#x…

最小二乘法-拟合平面方程

背景 通常有这样的需求 给你一些点&#xff0c;拟合出最佳直线或者拟合出最佳平面。本文介绍的是最小二乘法 最小二乘法 最小二乘法&#xff08;又称最小平方法&#xff09;是一种数学优化技术。它通过最小化误差的平方和寻找数据的最佳函数匹配。利用最小二乘法可以简便地求…

算法02 递归算法及其相关问题

递归 在编程中&#xff0c;我们把函数直接或者间接调用自身的过程叫做递归。 递归处理问题的过程是&#xff1a;通常把一个大型的复杂问题&#xff0c;转变成一个与原问题类似的&#xff0c;规模更小的问题来进行求解。 递归的三大要素 函数的参数。在用递归解决问题时&…

关于数据备份

关于数据备份 数据备份背景技术人or非技术人备份方式云上数据写在最后 数据备份背景 关于数据备份的问题&#xff0c;这个真的是遇到的太多了。在当前信息时代下&#xff0c;数据充斥着工作或者生活的方方面面&#xff0c;不管你是技术人员还是非技术人员&#xff0c;或者说你…

TCP是什么、UDP是什么,它们有什么区别

目录 TCP 1.面向连接 2.可靠性 3.流量控制 4.拥塞控制 5.全双工通信 6.面向字节流 7.总结 UDP 1.无连接 2.不可靠 3.头部开销小 4.支持一对多、多对一和多对多通信 5.传输效率高 6.适合传输少量数据 7.总结 TCP和UDP的主要区别 1.连接性 2.可靠性 3.头部开…

基于Pytorch实现AI写藏头诗

网上你找了一圈发现开源的代码不是付费订阅就是代码有问题,基于Pytorch实现AI写藏头诗看我这篇就够了。 用到的工具:华为云ModelArts平台的notebook/Pycharm/Vscode都行。 镜像:pytorch1.8-cuda10.2-cudnn7-ubuntu18.04,有GPU优先使用GPU资源。 实验背景 在短时测试使用场…