diff --git a/assets/icons/alarm.png b/assets/icons/alarm.png
new file mode 100644
index 00000000..f9400ca1
Binary files /dev/null and b/assets/icons/alarm.png differ
diff --git a/lib/const/resource.dart b/lib/const/resource.dart
index 5fd5f746..9773b63e 100644
--- a/lib/const/resource.dart
+++ b/lib/const/resource.dart
@@ -205,6 +205,9 @@ class R {
   /// ![preview](file:///Users/akufe/Documents/akuCommunity/assets/icons/add.png)
   static const String ASSETS_ICONS_ADD_PNG = 'assets/icons/add.png';
 
+  /// ![preview](file:///Users/akufe/Documents/akuCommunity/assets/icons/alarm.png)
+  static const String ASSETS_ICONS_ALARM_PNG = 'assets/icons/alarm.png';
+
   /// ![preview](file:///Users/akufe/Documents/akuCommunity/assets/icons/app_add.png)
   static const String ASSETS_ICONS_APP_ADD_PNG = 'assets/icons/app_add.png';
 
diff --git a/lib/widget/buttons/column_action_button.dart b/lib/widget/buttons/column_action_button.dart
new file mode 100644
index 00000000..84793698
--- /dev/null
+++ b/lib/widget/buttons/column_action_button.dart
@@ -0,0 +1,29 @@
+import 'package:akuCommunity/utils/headers.dart';
+import 'package:flutter/material.dart';
+import 'package:velocity_x/velocity_x.dart';
+
+class ColumnActionButton extends StatelessWidget {
+  final VoidCallback onPressed;
+  final String title;
+  final String path;
+  const ColumnActionButton({Key key, this.onPressed, this.title, this.path})
+      : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialButton(
+      minWidth: 72.w,
+      padding: EdgeInsets.zero,
+      onPressed: onPressed,
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        mainAxisSize: MainAxisSize.max,
+        children: [
+          Image.asset(path, height: 48.w, width: 48.w),
+          4.hb,
+          title.text.size(20.sp).black.make(),
+        ],
+      ),
+    );
+  }
+}