diff --git a/build.zip b/build.zip
new file mode 100644
index 0000000..4a8d9a2
Binary files /dev/null and b/build.zip differ
diff --git a/src/components/CardHolder/index.js b/src/components/CardHolder/index.js
index 613a5de..fe60404 100644
--- a/src/components/CardHolder/index.js
+++ b/src/components/CardHolder/index.js
@@ -1,8 +1,11 @@
 import React from "react";
 
 import dropbox from "./images/dropbox.svg";
+import googleDrive from "./images/google-drive.svg";
+import blue from "./images/blue-icon.svg";
 
 const CardHolder = ({
+  items,
   cardImage,
   cardBackgroundColor,
   cardBorder,
@@ -10,22 +13,29 @@ const CardHolder = ({
   cardBorderRadius,
 }) => {
   return (
-    
-      

-      
-        
-          فضای ذخیره سازی گوگل درایو
-        
-        
-          فضای باقیمانده 40 گیگابایت از 1000 گیگابایت
-        
-      
+    
+      {items.map((item, index) => (
+        
+          

+          
+            
+              {item.title}
+            
+            
+              {item.des}{" "}
+            
+          
+        
+      ))}
     
   );
 };
@@ -38,4 +48,25 @@ CardHolder.defaultProps = {
   cardBorder: "border-4",
   cardBorderColor: "#EEEEEE",
   cardBorderRadius: "rounded-lg",
+
+  items: [
+    {
+      icon: dropbox,
+      title: "فضای ذخیره سازی گوگل درایو",
+      des: "فضای باقیمانده 40 گیگابایت از 1000 گیگابایت",
+      active: false,
+    },
+    {
+      icon: blue,
+      title: "فضای ذخیره سازی گوگل درایو",
+      des: "فضای باقیمانده 40 گیگابایت از 1000 گیگابایت",
+      active: true,
+    },
+    {
+      icon: dropbox,
+      title: "فضای ذخیره سازی گوگل درایو",
+      des: "فضای باقیمانده 40 گیگابایت از 1000 گیگابایت",
+      active: false,
+    },
+  ],
 };
diff --git a/src/components/FileManager/index.js b/src/components/FileManager/index.js
index edb10e6..0171973 100644
--- a/src/components/FileManager/index.js
+++ b/src/components/FileManager/index.js
@@ -9,6 +9,7 @@ import CardHolder from "../CardHolder";
 import ButtonNewDesign from "../ButtonNewDesign";
 import Playlist from "../Playlist";
 import Folderlists from "../Folderlist";
+import UploadFile from "../UploadFile";
 
 import graySearchIcon from "./images/gray-search-icon.svg";
 import arrowLeft from "./images/arrow-left.svg";
@@ -95,9 +96,18 @@ const FileManager = () => {