- View on Youtube
+ View on Mobile
{/* Full-screen preview modal */}
diff --git a/src/css/footer.css b/src/css/footer.css
new file mode 100644
index 00000000..fe693aa0
--- /dev/null
+++ b/src/css/footer.css
@@ -0,0 +1,31 @@
+
+.footer {
+ padding: var(--ifm-footer-padding-vertical) var(--ifm-footer-padding-horizontal);;
+ background-color: var(--ifm-footer-background-color);
+ color: var(--ifm-footer-color);
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+
+ .footer a {
+ color: var(--ifm-footer-link-color);
+ line-height: 2;
+ }
+
+ .footer p {
+ color: var(--ifm-footer-link-color);
+ line-height: 2;
+ }
+
+ .footer a:hover {
+ color: var(--ifm-footer-link-hover-color);
+ }
+
+ .linkContainer {
+ display: flex;
+ justify-content: center;
+ gap: 15px;
+ margin-bottom: 10px;
+ }
+
\ No newline at end of file
diff --git a/src/css/sidebar.css b/src/css/sidebar.css
new file mode 100644
index 00000000..a0846fb1
--- /dev/null
+++ b/src/css/sidebar.css
@@ -0,0 +1,3 @@
+.hidden-sidebar-items{
+ display: none;
+}
\ No newline at end of file
diff --git a/src/theme/Footer/index.js b/src/theme/Footer/index.js
new file mode 100644
index 00000000..ff31e9fa
--- /dev/null
+++ b/src/theme/Footer/index.js
@@ -0,0 +1,41 @@
+import React from 'react';
+import { FaHome, FaFacebook, FaYoutube } from "react-icons/fa";
+import '@src/css/footer.css';
+import siteConfig from '@generated/docusaurus.config';
+
+const iconMap = {
+ Home: ,
+ Facebook: ,
+ Youtube: ,
+};
+
+const Link = ({ key, href, label }) => (
+
+ {iconMap[label] || label}
+
+)
+
+export default function FooterWrapper() {
+ const items = siteConfig.themeConfig.footer.links[0].items;
+ return (
+
+ );
+}
diff --git a/static/css/custom.css b/static/css/custom.css
index e09c3e98..c1eeb205 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -2,4 +2,4 @@
img {
max-width: 100%;
height: auto;
-}
+}
\ No newline at end of file