title: Kentico CSS List Menu styling
body: <p><img src="https://i.stack.imgur.com/uc5Vo.jpg" alt="enter image description here">I am to implement this structure with kentico
      </p>
  
  <pre><code>       &lt;li class="megamenu_button"&gt;&lt;a href="#_"&gt;Mega Menu&lt;/a&gt;&lt;/li&gt;
  
          &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
  
          &lt;li class="aa"&gt;&lt;a href="#_" class="megamenu_drop"&gt;About Us&lt;/a&gt;&lt;!-- Begin Item --&gt;
              &lt;div class="dropdown_4columns dropdown_container"&gt;&lt;!-- Begin Item Container --&gt;
                  &lt;div class="col_12"&gt;
                      &lt;img class="img_left" src="images/about_us_img.png" width="125" height="146"&gt;
                      &lt;ul class="list_unstyled"&gt;
                          &lt;li&gt;&lt;a href="#_"&gt;FreelanceSwitch&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#_"&gt;Creattica&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#_"&gt;WorkAwesome&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#_"&gt;Mac Apps&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt; 
                  &lt;/div&gt;
              &lt;/div&gt;&lt;!-- End Item Container --&gt;
          &lt;/li&gt;&lt;!-- End Item --&gt;
  &lt;/ul&gt;&lt;!-- End Mega Menu --&gt;
  </code></pre>
  
  <p>The design is meant to have at least 6 menu headers with sub-menu each.
  The challenge is I don't even know how to approach the design. I am currently using aspx master template. All suggestion is welcome.
  Attached to this is an image of the expected production. I have the that suit the listing above.</p>