<!--
[css] Submenu, thu thuat blog,
https://choiblogs.blogspot.com/2018/11/css-submenu.html
-->
<style>
.nav{background:#eee;height:40px;padding:0 0}
.nav{font-size:16px;z-index:99;float:left;padding:0;list-style:none;line-height:40px;height:38px}
.nav a{position:relative;display:block;z-index:100;text-decoration:none;color:#111}
.nav li{float:left;margin:0 5px 0 0}.nav li a{font-family:tahoma,Oswald;padding:0;text-decoration:none;font-weight:bold;line-height:40px}
.nav li a span{padding:5px 18px 4px;color:#444;font-weight:bold}
.nav li.current-cat a,.nav li.current-cat a,.nav li:hover a,.nav li a:hover{margin-bottom:0;text-decoration:none;color:#FFF}
.nav li:hover span,.nav li a:hover span{color:#eee;font-weight:bold}
.nav li.home a{margin:0 0 0 0;background:#e93302;text-align:center}
.nav li.home a span{color:#eee}nav li.news:hover,
.nav li.news:hover ul{background-color:black}
.nav li.news:hover,.nav li.news:hover ul{background-color:#444}
.nav li.news:hover ul li.first{border-top:0}
.nav li.news:hover ul li.last{border-bottom:none}
.nav li ul{list-style:none;background:#fff;position:absolute;left:-999em;width:228px;margin:0 1px 0 0;z-index:999999;padding:0}
.nav .last ul{background:#fff;position:absolute;width:228px;margin:0 1px;z-index:999}
.nav li ul li{width:208px;clear:both;padding:8px 10px;background:none;border:none;margin-left:0}
.nav li ul li a{line-height:1.3;padding:0;color:#eee !important;font-size:14px;text-transform:none;background:none}
.nav li:hover ul li a{background:none;font-weight:bold}
.nav li ul li:hover{background:#e93302}
.nav li:hover,.nav li.hover{position:static}
.nav li:hover ul ul,.nav li:hover ul ul ul,.nav li:hover ul ul ul ul{left:-999999}
.nav li:hover ul,.nav li li:hover ul,.nav li li li:hover ul,.nav li li li li:hover ul{left:auto}
</style>
<!-- PHAN CSS O TREN -->


<ul class='nav'>
<li class='home iconhome'><a href='/'><span>Home</span></a></li>
<li class='news'><a href='#'><span>Submenu 1</span></a>
<ul class='children'>
<li class='first'><a href='#'>Submenu 1.1</a></li>
<li><a href='#'>Submenu 1.2</a></li>
<li><a href='#'>Submenu 1.3</a></li>
<li><a href='#'>Submenu 1.4</a></li>
<li><a href='#'>Submenu 1.5</a></li>
<li class='last'><a href='#'>Submenu 1.6</a></li>
</ul>
</li>
<li class='news'><a href='#'><span>Submenu 2</span></a>
<ul class='children'>
<li class='first'><a href='#'>Submenu 2.1</a></li>
<li><a href='#'>Submenu 2.2</a></li>
<li><a href='#'>Submenu 2.3</a></li>
<li><a href='#'>Submenu 2.4</a></li>
<li><a href='#'>Submenu 2.5</a></li>
<li class='last'><a href='#'>Submenu 2.6</a></li>
</ul>
</li>
<li class='news'><a href='#'><span>Submenu 3</span></a>
<ul class='children'>
<li class='first'><a href='#'>Submenu 3.1</a></li>
<li><a href='#'>Submenu 3.2</a></li>
<li><a href='#'>Submenu 3.3</a></li>
<li><a href='#'>Submenu 3.4</a></li>
<li><a href='#'>Submenu 3.5</a></li>
<li class='last'><a href='#'>Submenu 3.6</a></li>
</ul>
</li>
<li class='news'><a href='#'><span>Submenu 4</span></a>
<ul class='children'>
<li class='first'><a href='#'>Submenu 4.1</a></li>
<li><a href='#'>Submenu 4.2</a></li>
<li><a href='#'>Submenu 4.3</a></li>
<li><a href='#'>Submenu 4.4</a></li>
<li><a href='#'>Submenu 4.5</a></li>
<li class='last'><a href='#'>Submenu 4.6</a></li>
</ul>
</li>
<li class='news'><a href='#'><span>Submenu 5</span></a>
<ul class='children'>
<li class='first'><a href='#'>Submenu 5.1</a></li>
<li><a href='#'>Submenu 5.2</a></li>
<li><a href='#'>Submenu 5.3</a></li>
<li><a href='#'>Submenu 5.4</a></li>
<li><a href='#'>Submenu 5.5</a></li>
<li class='last'><a href='#'>Submenu 5.6</a></li>
</ul>
</li>
<li class='news'><a href='#'><span>Submenu 6</span></a>
<ul class='children'>
<li class='first'><a href='#'>Submenu 6.1</a></li>
<li><a href='#'>Submenu 6.2</a></li>
<li><a href='#'>Submenu 6.3</a></li>
<li><a href='#'>Submenu 6.4</a></li>
<li><a href='#'>Submenu 6.5</a></li>
<li class='last'><a href='#'>Submenu 6.6</a></li>
</ul>
</li>
<li class='news'><a href='#'><span>Submenu 7</span></a>
<ul class='children'>
<li class='first'><a href='#'>Submenu 7.1</a></li>
<li><a href='#'>Submenu 7.2</a></li>
<li><a href='#'>Submenu 7.3</a></li>
<li><a href='#'>Submenu 7.4</a></li>
<li><a href='#'>Submenu 7.5</a></li>
<li class='last'><a href='#'>Submenu 7.6</a></li>
</ul>
</li>
<li class='news'><a href='#'><span>Submenu 8</span></a>
<ul class='children'>
<li class='first'><a href='#'>Submenu 8.1</a></li>
<li><a href='#'>Submenu 8.2</a></li>
<li><a href='#'>Submenu 8.3</a></li>
<li><a href='#'>Submenu 8.4</a></li>
<li><a href='#'>Submenu 8.5</a></li>
<li class='last'><a href='#'>Submenu 8.6</a></li>
</ul>
</li>
</ul>
<div class='clear'></div>

DOWNLOAD:

https://drive.google.com/open?id=1R2_hC3m-YBxo3HtMqe9-LpqeopZo2fzd
or
2 dang cap nhat
or