Added code of conduct page/

.env

@@ -0,0 +1 @@
+SKIP_PREFLIGHT_CHECK=true

.eslintrc.js

@@ -0,0 +1,2 @@
+/* eslint-disable quotes */
+module.exports = { "extends": "standard" }

.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+    "editor.codeActionsOnSave": {
+      "source.fixAll.eslint": true
+    },
+    "eslint.validate": ["javascript"]
+   }

package.json

@@ -42,5 +42,13 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "eslint": "^7.13.0",
+    "eslint-config-standard": "^16.0.2",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^4.2.1",
+    "eslint-plugin-standard": "^4.1.0"
   }
 }

src/App.css

@@ -70,3 +70,9 @@ body{
     transform: rotate(360deg);
   }
 }
+
+.codeconduct{
+  background-image: url('./image/Popschools.png');
+  background-size: cover;
+
+}

src/App.js

@@ -1,19 +1,23 @@
-import React from "react";
-import "./App.css";
-import "./css/tailwind.css";
-import "bulma/css/bulma.css";
-import Home from "./components/Home.js";
-import { BrowserRouter as Router, Route } from "react-router-dom";
-function App() {
+import React from 'react'
+import './App.css'
+import './css/tailwind.css'
+import 'bulma/css/bulma.css'
+import Home from './components/Home.js'
+import { BrowserRouter as Router, Route } from 'react-router-dom'
+import Codeofconduct from './components/codefconduct'
+function App () {
   return (
     <>
       <Router>
         <Route exact path="/">
           <Home />
         </Route>
+        <Route path='/codeofconduct'>
+     <Codeofconduct/>
+        </Route>
       </Router>
     </>
-  );
+  )
 }
 
-export default App;
+export default App

src/components/Footer.js

@@ -1,10 +1,10 @@
-import React from "react";
-import Logo from "../image/logo.png";
-import "../css/tailwind.css";
-import "../App.css";
-import { GithubFilled, TwitterCircleFilled } from "@ant-design/icons";
+import React from 'react'
+import Logo from '../image/logo.png'
+import '../css/tailwind.css'
+import '../App.css'
+import { GithubFilled, TwitterCircleFilled } from '@ant-design/icons'
 // import 'bulma/css/bulma.css'
-function Footer() {
+function Footer () {
   return (
     <>
       <div className="mtop">
@@ -28,19 +28,27 @@ function Footer() {
                   <a href="https://github.com/PopSchools/popschools.org">
                     <span className=" px-3 text-gray-600 text-4xl inline-block">
                       <GithubFilled />
-                    </span>{" "}
+                    </span>{' '}
                   </a>
                   <a href="https://twitter.com/popschoolsorg">
                     <span className="px-3 text-gray-600 text-4xl inline-block">
                       <TwitterCircleFilled />
-                    </span>{" "}
+                    </span>{' '}
                   </a>
                 </div>
+
+                <div>
+                <p className="py-3 px-3 text-gray-600 font-bold">
+                   Code of Conduct
+                  </p>
+                  <a href="/codeofconduct"> <span className="px-3 py-4 text-gray-600 text-sm inline-block">View Code</span></a>
+
+                </div>
               </div>
               <div className="grid grid-cols-2 md:grid-cols-2">
                 <div className="py-6">
                   <span className="text-left text-gray-600 py-2 px-3">
-                    <span dangerouslySetInnerHTML={{ __html: "&copy;" }} />
+                    <span dangerouslySetInnerHTML={{ __html: '&copy;' }} />
                     {new Date().getFullYear()} PopSchools, Inc.
                   </span>
                 </div>
@@ -50,7 +58,7 @@ function Footer() {
         </div>
       </div>
     </>
-  );
+  )
 }
 
-export default Footer;
+export default Footer