diff --git a/src/components/footer/FooterMenu.tsx b/src/components/footer/FooterMenu.tsx
new file mode 100644
index 0000000..8c83a42
--- /dev/null
+++ b/src/components/footer/FooterMenu.tsx
@@ -0,0 +1,35 @@
+import React, { useState } from 'react'
+
+interface IFooterMenuProps{
+    title: string;
+    content1: string;
+    content2: string;
+    content3: string;
+    content4: string;
+}
+
+const FooterMenu = (props: IFooterMenuProps) => {
+    const [isActive, setIsActive] = useState(false)
+
+    return (
+        <div className="footer-menu-item">
+            <div
+                className="footer-menu-title"
+                onClick={() => setIsActive(!isActive)}
+            >
+                <div>{props.title}</div>
+                <div className='close-open-menu'>{isActive ? '-' : '+'}</div>
+            </div>
+            {isActive && (
+                <>
+                    <li className="footer-menu-content">{props.content1}</li>
+                    <li className="footer-menu-content">{props.content2}</li>
+                    <li className="footer-menu-content">{props.content3}</li>
+                    <li className="footer-menu-content">{props.content4}</li>
+                </>
+            )}
+        </div>
+    )
+}
+
+export default FooterMenu