<!DOCTYPE html>
<html lang="en">
<title>编程狮(w3cschool.cn)</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://7npmedia.w3cschool.cn/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins">
<style>
body,h1,h2,h3,h4,h5 {font-family: "Poppins", sans-serif}
body {font-size:16px;}
.w3-half img{margin-bottom:-6px;margin-top:16px;opacity:0.8;cursor:pointer}
.w3-half img:hover{opacity:1}
</style>
<body>
<nav class="w3-sidebar w3-red w3-collapse w3-top w3-large w3-padding" style="z-index:3;width:300px;font-weight:bold;" id="mySidebar"><br>
<a href="javascript:void(0)" onclick="w3_close()" class="w3-button w3-hide-large w3-display-topleft" style="width:100%;font-size:22px">关闭菜单</a>
<div class="w3-container">
<h3 class="w3-padding-64"><b>公司<br>名称</b></h3>
</div>
<div class="w3-bar-block">
<a href="#" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">主页</a>
<a href="#showcase" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">陈列柜</a>
<a href="#services" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">服务</a>
<a href="#designers" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">设计师</a>
<a href="#packages" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">包裹</a>
<a href="#contact" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">联系</a>
</div>
</nav>
<header class="w3-container w3-top w3-hide-large w3-red w3-xlarge w3-padding">
<a href="javascript:void(0)" class="w3-button w3-red w3-margin-right" onclick="w3_open()">☰</a>
<span>公司名称</span>
</header>