From 8aeba8efd20982d0bb4f04bf19ef7c258129bd70 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Thu, 17 Mar 2016 18:53:35 +0800
Subject: add menu header code

---
 demo/index.html | 48 +++++++++++++++++++++++++++++++++++++-----------
 1 file changed, 37 insertions(+), 11 deletions(-)

(limited to 'demo')

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>
-- 
cgit v1.3.1-23-gd82d