3 files changed, 34 insertions, 6 deletions
diff --git a/pages/CreateProfileForm.ui.qml b/pages/CreateProfileForm.ui.qml
index 4e4487a..8c03251 100644
--- a/pages/CreateProfileForm.ui.qml
+++ b/pages/CreateProfileForm.ui.qml
@@ -21,7 +21,9 @@ Rectangle {
         anchors.rightMargin: 0
         anchors.left: parent.left
         anchors.leftMargin: 0
-        background: rectangle
+        background: Rectangle {
+            color: "#fff"
+        }
 
         RowLayout {
             anchors.fill: parent
@@ -142,7 +144,7 @@ Rectangle {
 
 
 /*##^## Designer {
-    D{i:0;autoSize:true;height:480;width:640}D{i:1;anchors_width:640}D{i:6;anchors_height:48;anchors_y:143}
-D{i:8;anchors_y:322}D{i:10;anchors_y:54}
+    D{i:0;autoSize:true;height:480;width:640}D{i:1;anchors_width:640}D{i:7;anchors_height:48;anchors_y:143}
+D{i:9;anchors_y:322}D{i:11;anchors_y:54}
 }
  ##^##*/
diff --git a/pages/Home.qml b/pages/Home.qml
index 1cce621..7116a43 100644
--- a/pages/Home.qml
+++ b/pages/Home.qml
@@ -4,4 +4,10 @@ import id.co.darapsa.kelakon.user 0.1
 HomeForm {
     width: stackView.width
     height: stackView.height
+
+    menuButton {
+        onClicked: {
+            drawer.visible = !drawer.visible
+        }
+    }
 }
diff --git a/pages/HomeForm.ui.qml b/pages/HomeForm.ui.qml
index 191f459..26c2013 100644
--- a/pages/HomeForm.ui.qml
+++ b/pages/HomeForm.ui.qml
@@ -4,8 +4,9 @@ import QtQuick.Controls 2.12
 import QtQuick.Controls.Material 2.12
 
 Rectangle {
+    id: rectangle
 
-    property alias backButton: menuButton
+    property alias menuButton: menuButton
 
     ToolBar {
         id: toolbar
@@ -17,7 +18,9 @@ Rectangle {
         anchors.rightMargin: 0
         anchors.left: parent.left
         anchors.leftMargin: 0
-        background: rectangle
+        background: Rectangle {
+            color: "#FFF"
+        }
 
         RowLayout {
             anchors.fill: parent
@@ -46,12 +49,29 @@ Rectangle {
             }
         }
     }
+
+    Pane {
+        id: dismissableCard
+        height: 72
+        anchors.top: toolbar.bottom
+        anchors.topMargin: 16
+        anchors.right: parent.right
+        anchors.rightMargin: 16
+        anchors.left: parent.left
+        anchors.leftMargin: 16
+
+        background: Rectangle {
+            color: "#F0E6FC"
+            border.color: "#D6C3F8"
+            radius: 6
+        }
+    }
 }
 
 
 
 
 /*##^## Designer {
-    D{i:0;autoSize:true;height:480;width:640}
+    D{i:0;autoSize:true;height:480;width:640}D{i:7;anchors_width:200;anchors_x:0;anchors_y:62}
 }
  ##^##*/