HTML静态网页成品作业(HTML+CSS+JS)—— 美食企业曹氏鸭脖介绍网页(4个页面)
🎉
不定期分享源码，关注不丢失哦
文章目录
- 一、作品介绍
- 二、作品演示
- 三、代码目录
- 四、网站代码
- 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.想要获取本文源码，点击前往吧
相关文章：
HTML静态网页成品作业(HTML+CSS+JS)—— 美食企业曹氏鸭脖介绍网页(4个页面)
🎉不定期分享源码，关注不丢失哦 文章目录 一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码 五、源码获取 一、作品介绍 🏷️本套采用HTMLCSS，使用Javacsript代码实现 图片轮播切换，共有4个页面。 二、…...
SCI二区|鲸鱼优化算法（WOA）原理及实现【附完整Matlab代码】
目录 1.背景2.算法原理2.1算法思想 3.结果展示4.参考文献5.代码获取 1.背景 2016年，S Mirjalili受到自然界座头鲸社会行为启发，提出了鲸鱼优化算法（Whale Optimization Algorithm, WOA）。 2.算法原理 WOA模拟了座头鲸的社会行为…...
人脸匹配——OpenCV
人脸匹配 导入所需的库加载dlib的人脸识别模型和面部检测器读取图片并转换为灰度图比较两张人脸选择图片并显示结果比较图片创建GUI界面运行GUI主循环运行显示全部代码 导入所需的库 cv2：OpenCV库，用于图像处理。 dlib：一个机器学习库&#x…...
韩顺平0基础学java——第22天
p441-459 异常exception 选中代码块，快捷键ctraltt6，即trt-catch 如果进行了异常处理，那么即使出现了异常，但是会继续执行 程序过程中发生的异常事件分为两大类： 异常体系图※ 常见的运行异常：类型转换…...
神经网络介绍及教程案例
神经网络介绍及教程&案例 神经网络（Neural Networks）是机器学习和人工智能中的一种关键技术，模仿了人类大脑的工作方式，能够处理复杂的数据和任务。以下是神经网络的一些基础介绍： 基本概念 神经元（N…...
16个不为人知的资源网站,强烈建议收藏！
整理了16个不为人知的资源网站，涵盖了课程学习、办公技能、娱乐休闲、小说音乐等多种资源，强烈建议收藏！ #学习网站 1、中国大学MOOC icourse163.org/ 这是一个汇集了国内顶尖大学免费课程资源的平台，众多985工程院校如北京大…...
pandas获取某列最大值的所有数据
第一种方法： 按照某列进行由大到小的排序，然后再进去去重，保留第一个值，最终保留的结果就是最大值的数据 # 由大到小排序 data_frame data_frame.sort_values(bycolumn_a, ascendingFalse)# 按照column_b列去重保留第一条&#…...
App UI 风格展现非凡创意
App UI 风格展现非凡创意...
rocketmq-5.1.2的dleger高可用集群部署
1、背景 原先为5.0.0版本，因检查出有漏洞，升级到5.1.2版本。 【Rocketmq是阿里巴巴在2012年开发的分布式消息中间件，专为万亿级超大规模的消息处理而设计，具有高吞吐量、低延迟、海量堆积、顺序收发等特点。在一定条件下…...
无线网络与物联网技术[1]之近距离无线通信技术
无线网络与物联网技术 近距离无线通信技术WIFIWi-Fi的协议标准Wi-Fi的信道Wi-Fi技术的术语Wi-Fi的组网技术Ad-hoc模式无线接入点-APAP：FAT AP vs FIT AP Wi-Fi的特点与应用Wi-Fi的安全技术 Bluetooth蓝牙技术概论蓝牙的技术协议蓝牙的组网技术微微网piconet(了解)散…...
)
Codeforces Round 952 (Div. 4)
题解写到博客园了，懒得复制过来了了，放个链接 https://www.cnblogs.com/yxcblogs/p/18243276 推广一下自己记录的算法编程竞赛模板仓库 GitHub - yxc-s/programming-template: This repository contains C programming templates optimized for competi…...
 中的聚类算法Bisecting K-Means、K-Means、Gaussian Mixture)
spark MLlib (DataFrame-based) 中的聚类算法Bisecting K-Means、K-Means、Gaussian Mixture
Bisecting K-Means 核心原理： Bisecting K-Means 是一种层次 K-Means 聚类算法，基于 Steinbach、Karypis 和 Kumar 的论文《A comparison of document clustering techniques》，并对 Spark 环境进行了修改和适应。 该算法通过递归地将数据集…...
天降流量于雀巢？元老品牌如何创新营销策略焕新生
大家最近有看到“南京阿姨手冲咖啡”的视频吗？三条雀巢速溶咖啡入杯，当面加水手冲，十元一份售出，如此朴实的售卖方式迅速在网络上走红。而面对这一波天降的热度，雀巢咖啡迅速做出了回应，品牌组特地去到了阿…...
新疆在线测宽仪配套软件实现的9大功能！
在线测宽仪可应用于各种热轧、冷轧板带材的宽度尺寸检测，材质不限，木质、钢制、铁质、金属、纸质、塑料、橡胶等都可以进行无损非接触式的检测，在各式各样的产线应用中，有些厂家，需要更加详尽完备的分析信息࿰…...
考研计组chap3存储系统
目录 一、存储器的基本概念 80 1.按照层次结构 2.按照各种分类 （41）存储介质 （2）存取方式 （3）内存是否可更改 （4）信息的可保存性 （5）读出之后data是否…...
杨氏矩阵和杨辉三角的空间复杂度较小的解题思路
文章目录 题目1 杨氏矩阵题目2 杨辉三角 题目1 杨氏矩阵 有一个数字矩阵，矩阵的每行从左到右是递增的，矩阵从上到下是递增的，请编写程序在这样的矩阵中查找某个数字是否存在。 要求：时间复杂度小于O(N); 思路: 我们可以通过题目…...
【第六篇】SpringSecurity的权限管理
一、权限管理的实现 服务端的各种资源要被SpringSecurity的权限管理控制可以通过注解和标签两种方式来处理。 放开了相关的注解后在Controller中就可以使用相关的注解来控制了 JSR250注解 /*** JSR250*/ @Controller @RequestMapping("/user") public class UserC…...
未来工作场所：数字化转型的无限可能
探索技术如何重塑我们的工作环境与协作方式 引言 在21世纪的第三个十年，数字化转型已不再仅仅是科技公司的专利，它如同一股不可阻挡的潮流，深刻地渗透到了每一个行业的血脉之中。从灵活的远程办公模式到工作流程的智能化重构，技术…...
Landsat8的质量评估波段的一个应用
Landsat8一直是遥感界的热门话题。这不仅延续了自1972年以来NASA连续对地观测，而且这颗卫星为科学界带来了一些新的东西——质量评估波段（the Quality Assessment (QA) Band）。根据USGS Landsat Missions webpage，“QA通过标示哪个…...
OpenZeppelin Ownable合约 怎么使用
文章目录 智能合约的访问控制Ownable合约使用方法 智能合约的访问控制 熟悉OpenZeppelin的智能合约库的开发者都知道这个库已经提供了根据访问等级进行访问限制的选项，其中最常见的就是Ownable合约管理的onlyOwner模式，另一个是OpenZeppelin的Roles库&a…...
JavaScript 中的 ES|QL：利用 Apache Arrow 工具
作者：来自 Elastic Jeffrey Rengifo 学习如何将 ES|QL 与 JavaScript 的 Apache Arrow 客户端工具一起使用。 想获得 Elastic 认证吗？了解下一期 Elasticsearch Engineer 培训的时间吧！ Elasticsearch 拥有众多新功能，助你为自己…...
在rocky linux 9.5上在线安装 docker
前面是指南，后面是日志 sudo dnf config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo sudo dnf install docker-ce docker-ce-cli containerd.io -y docker version sudo systemctl start docker sudo systemctl status docker …...
（二）原型模式
原型的功能是将一个已经存在的对象作为源目标，其余对象都是通过这个源目标创建。发挥复制的作用就是原型模式的核心思想。 一、源型模式的定义 原型模式是指第二次创建对象可以通过复制已经存在的原型对象来实现，忽略对象创建过程中的其它细节。 📌 核心特点： 避免重复初…...
相机从app启动流程
一、流程框架图 二、具体流程分析 1、得到cameralist和对应的静态信息 目录如下： 重点代码分析： 启动相机前，先要通过getCameraIdList获取camera的个数以及id，然后可以通过getCameraCharacteristics获取对应id camera的capabilities（静态信息）进行一些openCamera前的…...
多种风格导航菜单 HTML 实现（附源码）
下面我将为您展示 6 种不同风格的导航菜单实现，每种都包含完整 HTML、CSS 和 JavaScript 代码。 1. 简约水平导航栏 <!DOCTYPE html> <html lang"zh-CN"> <head><meta charset"UTF-8"><meta name"viewport&qu…...
C++八股 —— 单例模式
文章目录 1. 基本概念2. 设计要点3. 实现方式4. 详解懒汉模式 1. 基本概念 线程安全（Thread Safety） 线程安全是指在多线程环境下，某个函数、类或代码片段能够被多个线程同时调用时，仍能保证数据的一致性和逻辑的正确性…...
)
Typeerror: cannot read properties of undefined (reading ‘XXX‘)
最近需要在离线机器上运行软件，所以得把软件用docker打包起来，大部分功能都没问题，出了一个奇怪的事情。同样的代码，在本机上用vscode可以运行起来，但是打包之后在docker里出现了问题。使用的是dialog组件，…...
Java 二维码
Java 二维码 **技术：**谷歌 ZXing 实现 首先添加依赖 <!-- 二维码依赖 --><dependency><groupId>com.google.zxing</groupId><artifactId>core</artifactId><version>3.5.1</version></dependency><de…...
【Redis】笔记｜第8节｜大厂高并发缓存架构实战与优化
缓存架构 代码结构 代码详情 功能点： 多级缓存，先查本地缓存，再查Redis，最后才查数据库热点数据重建逻辑使用分布式锁，二次查询更新缓存采用读写锁提升性能采用Redis的发布订阅机制通知所有实例更新本地缓存适用读多…...
HubSpot推出与ChatGPT的深度集成引发兴奋与担忧
上周三，HubSpot宣布已构建与ChatGPT的深度集成，这一消息在HubSpot用户和营销技术观察者中引发了极大的兴奋，但同时也存在一些关于数据安全的担忧。 许多网络声音声称，这对SaaS应用程序和人工智能而言是一场范式转变。 但向任何技…...