menu and submenu in html examples

1<!-- Load font awesome icons -->
2<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
3
4<!-- The navigation menu -->
5<div class="navbar">
6  <a href="#home">Home</a>
7  <div class="subnav">
8    <button class="subnavbtn">About <i class="fa fa-caret-down"></i></button>
9    <div class="subnav-content">
10      <a href="#company">Company</a>
11      <a href="#team">Team</a>
12      <a href="#careers">Careers</a>
13    </div>
14  </div>
15  <div class="subnav">
16    <button class="subnavbtn">Services <i class="fa fa-caret-down"></i></button>
17    <div class="subnav-content">
18      <a href="#bring">Bring</a>
19      <a href="#deliver">Deliver</a>
20      <a href="#package">Package</a>
21      <a href="#express">Express</a>
22    </div>
23  </div>
24  <div class="subnav">
25    <button class="subnavbtn">Partners <i class="fa fa-caret-down"></i></button>
26    <div class="subnav-content">
27      <a href="#link1">Link 1</a>
28      <a href="#link2">Link 2</a>
29      <a href="#link3">Link 3</a>
30      <a href="#link4">Link 4</a>
31    </div>
32  </div>
33  <a href="#contact">Contact</a>
34</div>