diff --git a/frontend/.eslintcache b/frontend/.eslintcache
index be565c07..f911786e 100644
--- a/frontend/.eslintcache
+++ b/frontend/.eslintcache
@@ -1 +1 @@
-[{"D:\\OpenSource\\Community-Website\\frontend\\src\\index.js":"1","D:\\OpenSource\\Community-Website\\frontend\\src\\App.js":"2","D:\\OpenSource\\Community-Website\\frontend\\src\\reportWebVitals.js":"3","D:\\OpenSource\\Community-Website\\frontend\\src\\Components\\Header.js":"4","D:\\OpenSource\\Community-Website\\frontend\\src\\Components\\Footer.js":"5"},{"size":517,"mtime":1607315506051,"results":"6","hashOfConfig":"7"},{"size":279,"mtime":1607318674142,"results":"8","hashOfConfig":"7"},{"size":375,"mtime":1607315506053,"results":"9","hashOfConfig":"7"},{"size":669,"mtime":1607318444596,"results":"10","hashOfConfig":"7"},{"size":228,"mtime":1607319196393,"results":"11","hashOfConfig":"7"},{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"2xv6f9",{"filePath":"14","messages":"15","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"18","messages":"19","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"20","messages":"21","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"D:\\OpenSource\\Community-Website\\frontend\\src\\index.js",[],"D:\\OpenSource\\Community-Website\\frontend\\src\\App.js",[],"D:\\OpenSource\\Community-Website\\frontend\\src\\reportWebVitals.js",[],"D:\\OpenSource\\Community-Website\\frontend\\src\\Components\\Header.js",[],"D:\\OpenSource\\Community-Website\\frontend\\src\\Components\\Footer.js",[]]
\ No newline at end of file
+[{"D:\\OpenSource\\Community-Website\\frontend\\src\\index.js":"1","D:\\OpenSource\\Community-Website\\frontend\\src\\App.js":"2","D:\\OpenSource\\Community-Website\\frontend\\src\\reportWebVitals.js":"3","D:\\OpenSource\\Community-Website\\frontend\\src\\Components\\Header.js":"4","D:\\OpenSource\\Community-Website\\frontend\\src\\Components\\Footer.js":"5","D:\\OpenSource\\Community-Website\\frontend\\src\\components\\footer.js":"6","D:\\OpenSource\\Community-Website\\frontend\\src\\components\\header.js":"7"},{"size":517,"mtime":1607315506051,"results":"8","hashOfConfig":"9"},{"size":279,"mtime":1607324323415,"results":"10","hashOfConfig":"9"},{"size":375,"mtime":1607315506053,"results":"11","hashOfConfig":"9"},{"size":669,"mtime":1607318444596,"results":"12","hashOfConfig":"9"},{"size":228,"mtime":1607319196393,"results":"13","hashOfConfig":"9"},{"size":228,"mtime":1607324346090,"results":"14","hashOfConfig":"9"},{"size":669,"mtime":1607324351155,"results":"15","hashOfConfig":"9"},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"18"},"2xv6f9",{"filePath":"19","messages":"20","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"21","messages":"22","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"18"},{"filePath":"23","messages":"24","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"25","messages":"26","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"27","messages":"28","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"29","messages":"30","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"D:\\OpenSource\\Community-Website\\frontend\\src\\index.js",[],["31","32"],"D:\\OpenSource\\Community-Website\\frontend\\src\\App.js",[],"D:\\OpenSource\\Community-Website\\frontend\\src\\reportWebVitals.js",[],"D:\\OpenSource\\Community-Website\\frontend\\src\\Components\\Header.js",[],"D:\\OpenSource\\Community-Website\\frontend\\src\\Components\\Footer.js",[],"D:\\OpenSource\\Community-Website\\frontend\\src\\components\\footer.js",[],"D:\\OpenSource\\Community-Website\\frontend\\src\\components\\header.js",[],{"ruleId":"33","replacedBy":"34"},{"ruleId":"35","replacedBy":"36"},"no-native-reassign",["37"],"no-negated-in-lhs",["38"],"no-global-assign","no-unsafe-negation"]
\ No newline at end of file
diff --git a/frontend/src/App.js b/frontend/src/App.js
index b268d594..a8720aae 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -1,7 +1,7 @@
 // import logo from './logo.svg';
 import './App.css';
-import Footer from './Components/Footer';
-import Header from './Components/Header';
+import Footer from './components/footer';
+import Header from './components/header';
 
 function App() {
   return (
diff --git a/frontend/src/Components/Footer.js b/frontend/src/Components/Footer.js
index e8a3a41e..371f7f77 100644
--- a/frontend/src/Components/Footer.js
+++ b/frontend/src/Components/Footer.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import './Style/Footer.css'
+import './style/footer.css'
 function Footer() {
     return (
         <div className='footer'>
diff --git a/frontend/src/Components/Header.js b/frontend/src/Components/Header.js
index 2ef0f5f4..16e4c4a4 100644
--- a/frontend/src/Components/Header.js
+++ b/frontend/src/Components/Header.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import './Style/Header.css'
+import './style/header.css'
 // import { makeStyles } from '@material-ui/core/styles';
 // import Button from '@material-ui/core/Button';
 function Header() {