<!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>
<style>
* {
margin: 0;
padding: 0;
}
body {
background: url("../问卷/image/问卷背景.jpg") no-repeat;
background-size: cover;
}
h1 {
text-align: center;
}
p {
text-indent: 2em;
font-size: 20px;
}
#main {
width: 1000px;
height: 1600px;
border: 1px solid #1e82e8;
position: relative;
left: 250px;
}
#leader {
width: 200px;
position: fixed;
left: 250px;
}
li {
list-style: none;
border: 1px solid blue;
font-size: 36px;
line-height: 105px;
background-color: #1e82e8;
}
li:hover{background-color: purple;}
.indent {
text-indent: 1.5em;
}
#container {
width: 800px;
position: absolute;
left: 200px;
}
a {
text-decoration: none;
color: black;
}
hr {
border: none;
border-top: 1px solid red;
margin-bottom: 30px;
margin-top: 30px;
}
span {
font-weight: 700;
}
.section {
width: 650px;
height: 270px;
border: 1px solid #1e82e8;
position: relative;
background-color: #0af;
box-shadow: 10px 10px 5px #888;
}
#s2{left: 150px;top: 50px;}
#s3{left: 0;top: 100px;height: 300px;}
.f {
width: 200px;
height: 150px;
transition: linear 1.25s;
transform-style: preserve-3d;
}
#father1{float: right;}
#father2{float: left;}
#father3{float: right;}
.son {
width: 200px;
height: 150px;
position: absolute;
top: 0;
transform: rotateY(180deg);
backface-visibility: hidden;
}
div img {
width: 200px;
height: 150px;
}
.f:hover {
transform: rotateY(180deg);
}
#hh{border: none;
border-top: 1px solid red;
margin-bottom: 30px;
margin-top: 130px;}
</style>
</head>
<body>
<div id="main">
<div id="leader">
<ul>
<li><a href="#line1">火热原因</a> </li>
<li><a href="#line2">外卖三剑客</a> </li>
<li class="indent"><a href="#line3">美团</a> </li>
<li class="indent"><a href="#line4">饿了吗</a> </li>
<li class="indent"><a href="#line5">百度外卖</a> </li>
<li><a href="../index.html">返回首页</a></li>
<li><a href="../问卷/investigate.html">调查问卷</a> </li>
</ul>
</div>
<div id="container">
<h1>当前外卖行业状况</h1>
<h2 id="line1">为什么外卖行业如此火热？</h2>
<p>首先是智能手机的普及几乎人手一部的手机，
将人们拉到的移动网络里来，这里汇集了大量的移动流量，
从市场本身的发展来讲必然会催生相对应的商业模式和服务；
大量的白领涌入城市，快节奏的生活催生了懒人经济，
人们产生了衣来伸手饭来张口的强大需求。
外卖正好满足了消费者对饭来张口的需求，
短期内出现了爆发式的增长。
第二个就是中国的劳动力人口相对便宜，
能很好的平衡商家、骑手、平台三方的利益，
这也是当下共享经济中走的最为成熟且有价值的模式第三就是技术手段足够成熟，
无论是客户端还是商家端，都能很便捷的处理获取的订单。</p>
<hr>
<h2 id="line2">外卖三剑客</h2>
<p>他们被誉为中国最神秘的组织，其组织成员小到跑腿送快递，大到主厨写程序，上天入地，无所不能，送外卖只是他们的副业，
他们就是全知全能的外卖员，而其中最有名的当属<span>“红黄蓝外卖三剑客”</span>--百度外卖，美团，饿了吗的外卖员。
下面就简单地介绍一下他们地公司。
</p>
<div class="section">
<div class="f" id="father1">
<img src="../外卖行业/image/美团图标.jpg" alt="" >
<div class="son"><img src="../外卖行业/image/美团骑手.jpg" alt=""></div>
</div>
<p> <span id="line3"> 美团外卖</span>是美团旗下网上订餐平台，于2013年11月正式上线，总部位于北京
美团外卖用户数达2.5亿，合作商户数超过200万家，活跃配送骑手超过50万名覆盖城市超过1300个日完成订单2100万单。
2017年，美团外卖总交易额达到1710亿。2019年6月27日，美团旗下即时配送品牌美团配送与铁塔能源签署战略合作协议。
2020年1月26日，美团外卖率先推出“无接触配送”，并迅速实现全国覆盖 ；3月72家北京市实体书店成为第一批进驻美团平台的示范企业，
美团平台则对这首批书店给予免费入场、流量补贴等支持。</p>
</div>
<div class="section" id="s2">
<div class="f" id="father2">
<img src="../外卖行业/image/饿了吗图标.jpg" alt="">
<div class="son"><img src="../外卖行业/image/饿了吗骑手.jpg" alt=""></div>
</div>
<p><span id="line4">“饿了么”</span> 是2008年创立的本地生活平台，主营在线外卖、新零售、即时配送和餐饮供应链等业务。
2018年4月，阿里巴巴联合蚂蚁金服对饿了么完成全资收购，了么全面汇入阿里巴巴推进的新零售战略，
拓展本地生活服务新零售的全新升级。
2018年8月8日，饿了么获金运奖年度最佳效果运营奖。10月12日，阿里巴巴集团宣布正式成立本地生活服务公司，
饿了么和口碑会师合并组成国内领先的本地生活服务平台。
阿里巴巴集团合伙人王磊（花名昆阳）将担任阿里本地生活服务公司总裁，并兼任饿了么CEO。</p>
</div>
<div class="section" id="s3">
<div class="f" id="father3">
<img src="../外卖行业/image/百度外卖图标.jpg" alt="">
<div class="son"><img src="../外卖行业/image/百度外卖骑手.jpg" alt=""></div>
</div>
<p><span id="line5">百度外卖</span> ，是由百度打造的专业外卖服务平台，覆盖众多优质外卖商家，提供方便快捷的网络外卖订餐服务。
2015年7月28日，百度在Q2财报分析师会上宣布将对百度外卖项目进行独立发展和开放融资。这意味着，
百度外卖成为百度发力O2O领域的�
网页设计期末大作业，HTML，css外卖网站
版权申诉
5星 · 超过95%的资源 167 浏览量
2023-02-17
23:58:27
上传
评论 2
收藏 3.57MB ZIP 举报 
期末作业.zip （37个子文件） 
期末作业 问卷 image 
问卷背景.jpg 422KB
百度外卖图标.webp 3KB 美团图片.webp 6KB 饿了吗图标.webp 4KB
thank.png 173KB
QQ图片20220509174006.gif 50KB
investigate.html 6KB 外卖行业 image 百度外卖图标.jpg 6KB 美团图标.jpg 14KB 美团骑手.jpg 14KB 百度外卖骑手.jpg 18KB 饿了吗骑手.jpg 16KB 饿了吗图标.jpg 13KB trade.html 9KB music 贝乐虎 - 骑上我心爱的小摩托.mp3 1.86MB 页面1 index-1.html 6KB css font-awesome.css 37KB index1.css 5KB images 别墅设计.jpg 141KB 东易日盛装饰.jpg 3KB jiantou.png 1KB 微信.png 763B 卧室设计.jpg 70KB 中式客厅.jpg 123KB 峰上大宅装饰.jpg 3KB header-logo.png 3KB 建筑工作室设计.jpg 95KB 土巴兔.jpg 3KB 场景漫游服务.jpg 24KB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB index.html 3KB .keep 0B
- 1
- 2
前往页