diff --git a/.gitignore b/.gitignore
index d19272c..5697b3f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,6 +6,7 @@ dist-ssr
/pages
/components
/panels
+/layouts
public
README.md
*.local
diff --git a/README.markdown b/README.markdown
index 7f4c07e..ec9131b 100644
--- a/README.markdown
+++ b/README.markdown
@@ -252,6 +252,53 @@ export default {
}
```
+### Customizing the Layout
+
+The application comes with a default layout that includes a header and a footer. If you'd like to replace this layout with your own, you can do so by creating a custom layout file.
+
+Steps to replace the default layout
+
+1. In the root folder of your project, create a new folder called `layouts` (if it doesn't already exist).
+2. Inside this folder, create a file named default.vue.
+3. Define your custom layout structure inside this file as needed.
+
+Example of layouts/default.vue
+
+```vuejs
+
+
-
\ No newline at end of file
+
diff --git a/src/components/Card/VCardHeader.global.vue b/src/components/Card/VCardHeader.global.vue
index 0857e92..1dcc288 100644
--- a/src/components/Card/VCardHeader.global.vue
+++ b/src/components/Card/VCardHeader.global.vue
@@ -1,5 +1,7 @@
-