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…...
生成xcframework
打包 XCFramework 的方法 XCFramework 是苹果推出的一种多平台二进制分发格式，可以包含多个架构和平台的代码。打包 XCFramework 通常用于分发库或框架。 使用 Xcode 命令行工具打包 通过 xcodebuild 命令可以打包 XCFramework。确保项目已经配置好需要支持的平台…...
python/java环境配置
环境变量放一起 python： 1.首先下载Python Python下载地址：Download Python | Python.org downloads ---windows -- 64 2.安装Python 下面两个，然后自定义，全选 可以把前4个选上 3.环境配置 1）搜高级系统设置 2…...
SiFli 52把Imagie图片，Font字体资源放在指定位置，编译成指定img.bin和font.bin的问题
分区配置 (ptab.json) img 属性介绍： img 属性指定分区存放的 image 名称，指定的 image 名称必须是当前工程生成的 binary 。 如果 binary 有多个文件，则以 proj_name:binary_name 格式指定文件名， proj_name 为工程 名&…...
零知开源——STM32F103RBT6驱动 ICM20948 九轴传感器及 vofa + 上位机可视化教程
STM32F1 本教程使用零知标准板（STM32F103RBT6）通过I2C驱动ICM20948九轴传感器，实现姿态解算，并通过串口将数据实时发送至VOFA上位机进行3D可视化。代码基于开源库修改优化，适合嵌入式及物联网开发者。在基础驱动上新增…...
小木的算法日记-多叉树的递归/层序遍历
🌲 从二叉树到森林：一文彻底搞懂多叉树遍历的艺术 🚀 引言 你好，未来的算法大神！ 在数据结构的世界里，“树”无疑是最核心、最迷人的概念之一。我们中的大多数人都是从 二叉树 开始入门的，它…...
保姆级【快数学会Android端“动画“】+ 实现补间动画和逐帧动画！！！
目录 补间动画 1.创建资源文件夹 2.设置文件夹类型 3.创建.xml文件 4.样式设计 5.动画设置 6.动画的实现 内容拓展 7.在原基础上继续添加.xml文件 8.xml代码编写 (1)rotate_anim (2)scale_anim (3)translate_anim 9.MainActivity.java代码汇总 10.效果展示 逐帧…...
WebRTC调研
WebRTC是什么，为什么，如何使用 WebRTC有什么优势 WebRTC Architecture Amazon KVS WebRTC 其它厂商WebRTC 海康门禁WebRTC 海康门禁其他界面整理 威视通WebRTC 局域网 Google浏览器 Microsoft Edge 公网 RTSP RTMP NVR ONVIF SIP SRT WebRTC协…...
轻量级Docker管理工具Docker Switchboard
简介 什么是 Docker Switchboard ？ Docker Switchboard 是一个轻量级的 Web 应用程序，用于管理 Docker 容器。它提供了一个干净、用户友好的界面来启动、停止和监控主机上运行的容器，使其成为本地开发、家庭实验室或小型服务器设置的理想选择…...
【记录坑点问题】IDEA运行：maven-resources-production:XX: OOM: Java heap space
问题：IDEA出现maven-resources-production:operation-service: java.lang.OutOfMemoryError: Java heap space 解决方案：将编译的堆内存增加一点 位置：设置setting-》构建菜单build-》编译器Complier...
6.计算机网络核心知识点精要手册
计算机网络核心知识点精要手册 1.协议基础篇 网络协议三要素 语法：数据与控制信息的结构或格式，如同语言中的语法规则语义：控制信息的具体含义和响应方式，规定通信双方"说什么"同步：事件执行的顺序与时序…...