Flat Multi Drop Down Responsive

by Teja Sukmana

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://rawgit.com/mastamvan/backup/4menunav/black.js"></script>
<div id='cssmenu' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<ul>
   <li><a href='URL_KALIAN' itemprop='url' title='menu'><span itemprop='name'>Home</span></a></li>
   <li class='active'><a href='URL_KALIAN' itemprop='url' title='menu'><span itemprop='name'>Products</span></a>
      <ul>
         <li><a href='URL_KALIAN' itemprop='url' title='menu'><span itemprop='name'>Product 1</span></a>
            <ul>
               <li><a href='URL_KALIAN' itemprop='url' title='menu'><span itemprop='name'>Sub Product</span></a></li>
               <li><a href='URL_KALIAN' itemprop='url' title='menu'><span itemprop='name'>Sub Product</span></a></li>
            </ul>
         </li>
         <li><a href='URL_KALIAN' itemprop='url' title='menu'><span itemprop='name'>Product 2</span></a>
            <ul>
               <li><a href='URL_KALIAN' itemprop='url' title='menu'><span itemprop='name'>Sub Product</span></a></li>
               <li><a href='URL_KALIAN' itemprop='url' title='menu'><span itemprop='name'>Sub Product</span></a></li>
            </ul>
         </li>
      </ul>
   </li>
   <li><a href='URL_KALIAN' itemprop='url' title='menu'><span itemprop='name'>About</span></a></li>
   <li><a href='URL_KALIAN' itemprop='url' title='menu'><span itemprop='name'>Contact</span></a></li>
</ul>
</div>
<br><br><br><br><br><br><br><br>
<p><a href="https://mastamvan.blogspot.co.id/2016/07/menu-bar-drop-down-tanpa-edit-html.html">Back To Tutorial</a></p>

CSS

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://rawgit.com/mastamvan/backup/4menunav/black.css);
body {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
  position: relative;
  line-height: normal;
}
p{
  width:100%;
  text-align:center;
  font-size:200%
}