diff --git a/src/assets/css/components/home/footer.scss b/src/assets/css/components/home/footer.scss new file mode 100644 index 0000000..7abf726 --- /dev/null +++ b/src/assets/css/components/home/footer.scss @@ -0,0 +1,19 @@ +.icons { + display: flex; + gap: 20px; + + .icon { + font-size: 8em; + color: white; + } +} + +.links { + font-size: 2em; + text-decoration: underline; + color: white; + + > * { + color: white; + } +} \ No newline at end of file diff --git a/src/assets/svg/github.svg b/src/assets/svg/github.svg new file mode 100644 index 0000000..fdf2ea5 --- /dev/null +++ b/src/assets/svg/github.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/svg/home.svg b/src/assets/svg/home.svg deleted file mode 100644 index 689ddce..0000000 --- a/src/assets/svg/home.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/assets/svg/jenkins.svg b/src/assets/svg/jenkins.svg new file mode 100644 index 0000000..51fbbc6 --- /dev/null +++ b/src/assets/svg/jenkins.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/home/Footer.tsx b/src/components/home/Footer.tsx new file mode 100644 index 0000000..47c8f62 --- /dev/null +++ b/src/components/home/Footer.tsx @@ -0,0 +1,30 @@ +import React from 'react' +import FitCenter from '@/components/common/FitCenter.tsx' +import Icon from '@ant-design/icons' +import '@/assets/css/components/home/footer.scss' +import FitFullScreen from '@/components/common/FitFullScreen.tsx' +import { NavLink } from 'react-router-dom' + +const Footer: React.FC = () => { + return ( + <> + + +
+ + + + + + +
+
+ Mail +
+
+
+ + ) +} + +export default Footer diff --git a/src/components/home/index.tsx b/src/components/home/index.tsx index 6b43da6..0598636 100644 --- a/src/components/home/index.tsx +++ b/src/components/home/index.tsx @@ -1,17 +1,17 @@ import React from 'react' import '@/assets/css/components/home/home.scss' import FitFullScreen from '@/components/common/FitFullScreen' -import FitCenter from '@/components/common/FitCenter' import { MainFrameworkContext } from '@/pages/MainFramework' import Slogan from '@/components/home/Slogan' import OxygenToolbox from '@/components/home/OxygenToolbox' import Indicator from '@/components/common/Indicator.tsx' +import Footer from '@/components/home/Footer' const Home: React.FC = () => { const { hideScrollbarRef, navbarHiddenState: { navbarHidden, setNavbarHidden }, - showDropdownMenuState: {setShowDropdownMenu}, + showDropdownMenuState: { setShowDropdownMenu }, preventScrollState: { setPreventScroll } } = useContext(MainFrameworkContext) @@ -140,7 +140,7 @@ const Home: React.FC = () => { children: }, { children: }, - { children: 3 } + { children: