diff --git a/src/main/www/src/components/Portal/Portal.tsx b/src/main/www/src/components/Portal/Portal.tsx
index 1ce155835dae56f75ff22e72e3a92d43198b13cb..5efebcb8c437440744144af1a0fca93a3a7e36b5 100644
--- a/src/main/www/src/components/Portal/Portal.tsx
+++ b/src/main/www/src/components/Portal/Portal.tsx
@@ -13,6 +13,7 @@ import { useEffect, useContext, useState } from 'react';
 import GlobalContext from '../../Context/GlobalContext';
 import { checkPermission } from '../../Utils/portalFunctionHelpers';
 import NoAccess from '../ErrorPages/NoAccess';
+import PortalFooter from './PortalFooter';
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
@@ -20,15 +21,16 @@ const useStyles = makeStyles((theme: Theme) =>
       display: 'flex',
     },
     content: {
+      position: 'relative',
       flexGrow: 1,
-      padding: theme.spacing(2.5, 1.5),
+      padding: theme.spacing(2.5, 1.5, 13.5),
       backgroundColor: mainContentBGColor,
       [theme.breakpoints.up('sm')]: {
-        padding: theme.spacing(2.5),
+        padding: theme.spacing(2.5, 2.5, 8.5),
       },
       [theme.breakpoints.up('md')]: {
         marginLeft: theme.spacing(28),
-        padding: theme.spacing(6.5),
+        padding: theme.spacing(6.5, 6.5, 11.5),
         marginTop: theme.spacing(6.5),
       },
     },
@@ -88,6 +90,8 @@ export default function MainPortal() {
             <CircularProgress />
           </div>
         )}
+
+        <PortalFooter />
       </main>
     </>
   );
diff --git a/src/main/www/src/components/Portal/PortalFooter.tsx b/src/main/www/src/components/Portal/PortalFooter.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..8768b5374ce619263b3b98af41f34aca576de3ed
--- /dev/null
+++ b/src/main/www/src/components/Portal/PortalFooter.tsx
@@ -0,0 +1,62 @@
+import { Theme } from '@material-ui/core';
+import { makeStyles, createStyles } from '@material-ui/core/styles';
+import { iconGray } from '../../Constants/Constants';
+
+const useStyles = makeStyles((theme: Theme) =>
+  createStyles({
+    footer: {
+      position: 'absolute',
+      fontSize: 12,
+      color: iconGray,
+      bottom: 10,
+      left: 15,
+      right: 15,
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center',
+      [theme.breakpoints.up('sm')]: {
+        flexDirection: 'row',
+        alignItems: 'stretch',
+        justifyContent: 'space-between',
+        left: 25,
+        right: 25,
+      },
+      [theme.breakpoints.up('md')]: {
+        left: 65,
+        right: 65,
+      },
+    },
+    footerLinkContainer: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      marginLeft: theme.spacing(0),
+      [theme.breakpoints.up('sm')]: {
+        marginLeft: theme.spacing(2),
+      },
+      width: 280,
+      '& a': {
+        color: iconGray,
+      },
+    },
+  })
+);
+
+export default function PortalFooter() {
+  const classes = useStyles();
+  return (
+    <div className={classes.footer}>
+      <p>Copyright &#169; Eclipse Foundation. All Rights Reserved.</p>
+      <div className={classes.footerLinkContainer}>
+        <a target="_blank" rel="noreferrer" href="https://www.eclipse.org/legal/privacy.php">
+          Privacy Policy
+        </a>
+        <a target="_blank" rel="noreferrer" href="http://www.eclipse.org/legal/termsofuse.php">
+          Terms of Use
+        </a>
+        <a target="_blank" rel="noreferrer" href="http://www.eclipse.org/legal/copyright.php">
+          Copyright Agent
+        </a>
+      </div>
+    </div>
+  );
+}