diff --git a/assets/images/ic_add_new_rule.svg b/assets/images/ic_add_new_rule.svg
new file mode 100644
index 000000000..438743207
--- /dev/null
+++ b/assets/images/ic_add_new_rule.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/images/ic_delete_rule.svg b/assets/images/ic_delete_rule.svg
new file mode 100644
index 000000000..af075917f
--- /dev/null
+++ b/assets/images/ic_delete_rule.svg
@@ -0,0 +1,5 @@
+
diff --git a/assets/images/ic_edit_rule.svg b/assets/images/ic_edit_rule.svg
new file mode 100644
index 000000000..343e919f4
--- /dev/null
+++ b/assets/images/ic_edit_rule.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/images/ic_email_rules.svg b/assets/images/ic_email_rules.svg
new file mode 100644
index 000000000..1350a3b7c
--- /dev/null
+++ b/assets/images/ic_email_rules.svg
@@ -0,0 +1,4 @@
+
diff --git a/lib/features/manage_account/presentation/email_rules/email_rules_bindings.dart b/lib/features/manage_account/presentation/email_rules/email_rules_bindings.dart
new file mode 100644
index 000000000..e69de29bb
diff --git a/lib/features/manage_account/presentation/email_rules/email_rules_controller.dart b/lib/features/manage_account/presentation/email_rules/email_rules_controller.dart
new file mode 100644
index 000000000..e69de29bb
diff --git a/lib/features/manage_account/presentation/email_rules/email_rules_view.dart b/lib/features/manage_account/presentation/email_rules/email_rules_view.dart
new file mode 100644
index 000000000..e69de29bb
diff --git a/lib/features/manage_account/presentation/email_rules/widgets/email_rule_item_widget.dart b/lib/features/manage_account/presentation/email_rules/widgets/email_rule_item_widget.dart
new file mode 100644
index 000000000..e69de29bb
diff --git a/lib/features/manage_account/presentation/email_rules/widgets/email_rules_header_widget.dart b/lib/features/manage_account/presentation/email_rules/widgets/email_rules_header_widget.dart
new file mode 100644
index 000000000..e69de29bb
diff --git a/lib/features/manage_account/presentation/email_rules/widgets/list_email_rules_widget.dart b/lib/features/manage_account/presentation/email_rules/widgets/list_email_rules_widget.dart
new file mode 100644
index 000000000..c4a0747b3
--- /dev/null
+++ b/lib/features/manage_account/presentation/email_rules/widgets/list_email_rules_widget.dart
@@ -0,0 +1,52 @@
+import 'package:core/presentation/extensions/color_extension.dart';
+import 'package:core/presentation/resources/image_paths.dart';
+import 'package:core/presentation/utils/responsive_utils.dart';
+import 'package:core/presentation/views/button/button_builder.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:tmail_ui_user/features/manage_account/presentation/email_rules/email_rules_controller.dart';
+import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
+
+class EmailRulesHeaderWidget extends GetWidget {
+ const EmailRulesHeaderWidget({
+ Key? key,
+ required this.createRule,
+ required this.imagePaths,
+ required this.responsiveUtils,
+ }) : super(key: key);
+
+ final Function() createRule;
+ final ImagePaths imagePaths;
+ final ResponsiveUtils responsiveUtils;
+
+ @override
+ Widget build(BuildContext context) {
+ return Container(
+ decoration: BoxDecoration(
+ color: AppColor.colorBackgroundWrapIconStyleCode,
+ borderRadius: BorderRadius.circular(16),
+ ),
+ child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
+ Padding(
+ padding: const EdgeInsets.symmetric(
+ vertical: 28,
+ horizontal: 24,
+ ),
+ child: Text(AppLocalizations.of(context).headerNameOfRules,
+ style: const TextStyle(
+ fontSize: 16,
+ fontWeight: FontWeight.w500,
+ color: AppColor.colorTextButtonHeaderThread)),
+ ),
+ const SizedBox(height: 4),
+ Text(AppLocalizations.of(context).emailRulesSubtitle,
+ style: const TextStyle(
+ fontSize: 15,
+ fontWeight: FontWeight.normal,
+ color: AppColor.colorTextButtonHeaderThread)),
+ const SizedBox(height: 24),
+ buttonAddNewRule,
+ ]),
+ );
+ }
+}