奈雪的茶网页设计

最新推荐文章于 2024-06-12 08:14:53 发布
最新推荐文章于 2024-06-12 08:14:53 发布
阅读量219 收藏 1
点赞数 1
文章标签： html css dreamweaver
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_65461377/article/details/130945873
版权

 

<!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" type="text/css" href="../view/style.css" />

  </head>

  <body>

    <header class="art_top">

      <ul>

        <li>

          <h1>奈雪の茶</h1>

        </li>

      </ul>

    </header>

    <nav class="art-nav">

      <ul>

        <img src="../img/icon.png">

        <li><a href="index.html">首页</a></li>

        <li><a href="about.html">关于奈雪</a></li>

        <li><a href="#">产品介绍</a></li>

        <li><a href="#">联系我们</a></li>

        <li><a href="#">投资者关系</a></li>

        <li><a href="#">加盟合作</a></li>

      </ul>

 

 

<!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" type="text/css" href="../view/style.css" />
  </head>
  <body>
    <header class="art_top">
      <ul>
        <li>
          <h1>奈雪の茶</h1>
        </li>
      </ul>
    </header>
    <nav class="art-nav">
      <ul>
        <img src="../img/icon.png">
        <li><a href="index.html">首页</a></li>
        <li><a href="about.html">关于奈雪</a></li>
        <li><a href="#">产品介绍</a></li>
        <li><a href="#">联系我们</a></li>
        <li><a href="#">投资者关系</a></li>
        <li><a href="#">加盟合作</a></li>
      </ul>
    </nav>
    <div class="banner">
        <img src="../img/banner.jpg">
    </div>
    <div class="artlist">
      <ul>
        <li>
          <div class="artist-title">
            <p>冰爽果茶</p>
            <p>更多</p>
            <ul class="intr-list">
                <li>
                    <div class="artist-intr">
                        <p>新鲜品茶:&nbsp;&nbsp;黄桃果霸</p>
                        <p>奈雪的茶率先创造了一种全新的现代茶饮体验，
                        并在茶饮消费领域引起全国性轰动。根据灼识咨询的数
                        据，奈雪的茶首先在中国使用新鲜水果制备现制茶饮
                        ，并首先在中国创新提出现制茶饮搭配烘焙产品的概念。</p>  
                    </div>
                    <img class="firstImg" src="../img/202829941.jpg">
                    <img src="../img/03.webp">
                    <img src="../img/07.jpg">
                    <li>
                        <div class="drink">
                            <p>奈雪茗茶:&nbsp;&nbsp;乌龙茶</p>
                            <p>为探索传统与创新融合的现代茶生活，奈雪茗茶还打造了极具意境的茶文化融合体验空间——奈雪茶院，让茶以更轻松多样的方式走近大众，将其独有的东方生活美学延伸至日常。</p>
                        </div>
                        <img src="../img/02.jpeg">
                        <img src="../img/05.jpg">
                        <img src="../img/06.jpg">
                        
                    </li>
                    <!-- 重新写，先写大框，再填东西，不要靠内容撑起来，初学时父元素一定要有宽高 -->
                    <h2>畅销产品</h2>
                    <h3>Best Seller</h3>
                     <div class="box">
                      <ul>
                        <li>
                          <img src="../img/04.jpg">
                          <h4>一朵莲雪顶</h4>
                        </li>
                        <li>
                          <img src="../img/01.jpg">
                         <h4>龙井青团宝藏茶</h4>
                        </li>
                        <li>
                          <img src="../img/08.jpg">
                        <h4>奈雪樱花季</h4>
                        </li>
                        <li>
                          <img src="../img/09.jpg">
                        <h4>一杯龙井尽知春</h4>
                        </li>
                        <li>
                          <img src="../img/10.jpg">
                          <h4>奈雪果茶</h4>
                        </li>
                        <li>
                          <img src="../img/11.jpg">
                          <h4>霸气小王子&玫瑰草莓</h4>
                        </li>
                      </ul>
                     </div>  
                </li>
            </ul>
        </li>
    </ul>
  </div>

  <!-- 一个效果出来再写下一个，从上到下写 -->
   <div class="ban">
    <img  src="../img/wm.png">
  <img src="../img/ban.png">
  </div> 
  
    <footer>
      <ul>
        <li>奈雪の茶</li>
        <li>
          <h2>联系我们</h2>
          <p>QQ: 9348348393</p>
          <p>邮箱:@qq.com831289</p>
          <p>地址:郑州市郑东新区龙子湖街道金水区36号</p>
        </li>
      </ul>
    </footer> 
  
    
  </body>
</html>

小钻石呀
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
学生网页作业——大型购物商城(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
qq_524614081的博客
04-25 615
HTML5期末大作业：购物网站设计——大型购物商城(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可
基于uni-app开发的仿奈雪の茶小程序前端模板
ljlpinocchio的博客
05-27 3284
源码地址 github地址: https://github.com/tinypuppet/nxdc-milktea uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=1807 简介 一套仿奈雪の茶小程序的项目前端模板。 如果你喜欢这套模板，请给个star呗~ 如有问题，请联系 QQ 327722714 或 邮箱 tinypuppet@163.com。 说明 本项目包含： 首页 点餐（自取和外卖两种方式，有基本的点餐逻辑处理） 取餐 我的 积分商城 积分商城
Web前端开发技术课程大作业: 关于美食的HTML网页设计——HTML+CSS+JavaScript在线美食订餐网站html模板源码30个页面:
HTML网页设计
07-30 1万+
👨‍🎓静态网站的编写主要是用HTML DIV+CSS JS等来完成页面的排版设计👩‍🎓,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode 、Webstorm、Animate等等，用的最多的还是DW，当然不同软件写出的前端Html5代码都是一致的，本网页适合修改成为各种类型的产品展示网页，比如美食、旅游、摄影、电影、音乐等等多种主题，希望对大家有所帮助。 🎀 精彩专栏推荐👇🏻👇🏻👇🏻 🧡 【作者主页——🔥获取更多优质源码】 🧡 【...
Linux下音乐播放器的实现
samson
03-29 1万+
1.项目描述：实现了播放器的页面，并读取出文件中的歌曲名把歌曲列表显示在右侧。可以通过触 摸屏幕上的按钮实现暂停和继续播放、静音和解除静音、调节音量大小、快进和快退、点击进度 条更改歌曲播放进度、点击歌曲名切换歌曲的功能。在歌词随歌曲的播放而同步显示时，页面中 还会展现歌曲名、演唱者、歌曲总长度、歌曲当前播放时间和歌曲进度百分比。 2.项目流程：使用Glade实现了音乐播放器的页面，然后创建无名管...
有哪些网站用爬虫爬取能得到很有价值的数据？
热门推荐
进击的龙
05-05 7万+
回顾2016年，我用爬虫做了很多事情。 1、微信好友的爬虫，了解一下你的好友全国分布，男女比例，听起来似乎是一个不错的想法，当然你还可以识别一下你的好友有多少人是用自己照片作为头像的，详细的内容可以点击这里：Python对微信好友进行简单统计分析 2、拉勾网的数据那么多的招聘信息有用吗？当然有用，你想了解一下你所在城市的各种主流语言（Java、PHP、JavaScript、Pytho...
新”聚力量，“质”领未来——2024金鼠标国际数字营销节圆满落幕
科技大视野 — 科技大视野，行走科技发展前沿
06-04 831
5月24日，2024金鼠标国际数字营销节在北京万达文华酒店隆重举行。本届盛会由网赢天下网主办、北京智捷天成公关咨询有限公司承办，京东、小红书、迪思传媒、分众传媒特约协办，知乎、七猫、美团闪购协办。金鼠标国际数字营销节自创办以来，便以其专业性和前瞻性在业内享有盛誉，今年现场更是座无虚席，热闹非凡，聚集了众多来自品牌方、网络媒体/平台、代理/技术公司、高校、研究机构等跨界营销精英参与其中，共同探讨数字营销的前沿趋势和未来发展方向，为行业的创新与进步注入新的活力。2024金鼠标国际数字营销节囊括了【年度演说】【主
网站改版神秘公式，教你躲避改版陷阱
beike0078的博客
08-14 757
我很喜欢原研哉在《设计中的设计》写的一句话“解决社会上多数人共同面临的问题，是设计的本质。”同理，网站改版也是这样，要解决面临的实际问题。 实际的问题则体现在：用户体验、或者比如产品改版以及其他原因导致的网站内容扩充不足的问题、再比如转化率问题和其他营销需求。 当然，也有很多纯粹网站是美观度问题，这样的改版决策让人感觉价值不高。同时，这也是我们客户中的一个常态，这也反应了视觉风格对公司经营的重要性。 这类问题，我可能会建议直接用我们阿里云的速美解决，这类SaaS工具的可操作性非常大。改版的话，直接用Sa.
2023最新扫码连wifi-扫码挪车-聚合CPS返利多合一小程序源码
qq_41837379的博客
12-07 2563
2023最新扫码连wifi-扫码挪车-聚合CPS返利多合一系统 系统特点: 目前已接入的 CPS 渠道: 充值:话费充值、电费充值、影视会员充值、会员卡券充值 本地团购:联联周边游 电商平台:京东、拼多多、唯品会、淘宝、抖音美团:外卖、闪购、酒店、到店、优选饿了么:外卖、商超 出行服务:滴滴打车、滴滴加油、滴滴货运、花小猪打车、高德打车、同程打车 连锁餐饮点餐:肯德基、麦当劳、百果园、奈雪的茶、瑞幸咖啡、星巴克、喜茶、汉堡王、必胜客电影票:特价电影票 注意:以上涉及到需要支付的 CPS 渠道,不需要预存!
奈雪的茶招股书-202106.pdf
07-04
奈雪的茶招股书-202106.pdf
【港股】2021-0211-奈雪的茶控股有限公司 主板首次公开发行股票招股说明书.pdf
02-15
【港股】2021-0211-奈雪的茶控股有限公司 主板首次公开发行股票招股说明书.pdf
一套仿奈雪の茶小程序的前端项目模板
02-21
一套仿奈雪の茶小程序的前端项目模板
nxdc-milktea:一套仿奈雪の茶小程序的前端模板
04-13
特别声明：本项目中的展示图片归奈雪の茶所有。源码地址github地址: gitee地址：uni-app插件市场地址:简介一套仿奈雪の茶小程序的项目模板。如果你喜欢这套模板，请给个star呗~个人说明如有问题，请联系QQ或微信...
uni-app+unicloud仿奈雪の茶点餐
06-22
uni-app前端小程序开发+unicloud后端接口开发前后端联调，非常适合入门的实战课程提供源码+typro教程文档因为unicloud测试期间免费,0成本上线小程序，实现你的idea
HTML做成一个端午节炫酷页面
德乐懿的博客
06-09 1395
请注意，你需要替换dragon-boat-1.png、dragon-boat-2.png和dragon-boat-3.png为你自己的龙舟图片，并确保这些图片是龙舟从不同角度拍摄的，以便创建3D效果。要创建一个端午节的炫酷页面，我们可以结合HTML、CSS和JavaScript来创建一些动画效果、3D效果和交互元素。曹娥是东汉上虞人，因父亲溺于江中，昼夜沿江号哭，后亦投江，五日后抱出父尸，人们为纪念其孝节而兴建曹娥庙。这些活动不仅丰富了人们的文化生活，也传承了端午节的传统文化。/* 样式代码 */
HTML跨年烟花
兔子王
06-04 1万+
学会了这个html烟花秀，跨年就不缺文案喽~
HTML 中使用 JavaScript 的具体方式
weixin_44814196的博客
06-10 844
介绍在 HTML 文档里面使用 JavaScript 的常见方式
【html】如何利用HTML+CSS制作自己的印章
weixin_56334307的博客
06-10 519
大家有没有尝试过用HTML和CSS制作自己的印章.首先印章圆形的边框。
HTML静态网页成品作业(HTML+CSS+JS)—— 美食企业曹氏鸭脖介绍网页(4个页面)
最新发布
weixin_42283461的博客
06-12 527
HTML静态网页成品作业(HTML+CSS+JS)—— 美食企业曹氏鸭脖介绍网页(4个页面)
奈雪的茶招股书 pdf
05-15
奈雪的茶是一家专业的手工茶饮连锁店，成立于2015年，在大众消费市场中受到了广泛的认可和欢迎。为了进一步扩展业务，奈雪的茶决定以发行股票的方式来融资，并发布了招股书。招股书内容详细介绍了公司的运营情况、财务状况、市场预测以及公司战略等方面。 奈雪的茶招股书显示，该公司预计未来市场产生更多的需求，比如高温天气下的饮品市场增长及人们增加的健康意识等，这将打开奈雪的茶未来更广阔的发展空间。同时该公司在产品的研发中保持了高度的创新意识和品牌建设，保证了品牌的品质和用户体验，进一步增强了其竞争力。 而在财务方面，奈雪的茶首次公开招股时，拥有超过三百多家门店数量，其中大部分位于核心商圈，营收规模也已经超过了20亿元。此外，该公司还有丰富的资本运营经验，能够依靠先进科技有效地管理公司运营，处理风险，提高业务稳定性。 总体来看，奈雪的茶招股书证明了公司的整体实力和竞争优势，也为广大投资者提供了一个全面的认识和了解机会。如果相信该公司在未来会有更多的发展前景和利润增长，可以考虑参与其股票投资。但是仅凭PDF文件并不足以完全判断是否适合投资，投资还需综合考虑多个方面因素。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值