add menu header code

1 files changed, 37 insertions, 11 deletions

diff --git a/demo/index.html b/demo/index.html
index 01f35e2..b542766 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -279,19 +279,45 @@
             <div class="columns">
                 <div class="column col-3">
                     <menu class="menu">
-                        <div class="menu-item">
-                            Slack
-                        </div>
-                        <a class="menu-item" href="#">
-                            Hipchat
-                        </a>
-                        <div class="menu-item">
-                            Skype
-                        </div>
+                        <menuitem class="menu-item">
+                            <a href="#">
+                                My profile
+                            </a>
+                        </menuitem>
+                        <menuitem class="divider"></menuitem>
+                        <menuitem class="menu-item">
+                            <a href="#">
+                                Settings
+                            </a>
+                        </menuitem>
+                        <menuitem class="menu-item">
+                            <a href="#">
+                                Logout
+                            </a>
+                        </menuitem>
                     </menu>
                 </div>
-                <div class="column">
-
+                <div class="column col-3">
+                    <ul class="menu">
+                        <li class="menu-header">
+                            <span class="menu-header-text">
+                                Go to
+                            </span>
+                        </li>
+                        <li class="menu-item">
+                            <a href="#">
+                                Slack
+                            </a>
+                        </li>
+                        <li class="menu-item">
+                            <a href="#">
+                                Hipchat
+                            </a>
+                        </li>
+                        <li class="menu-item">
+                            Skype
+                        </li>
+                    </ul>
                 </div>
             </div>
         </section>