diff --git a/components/footer.js b/components/footer.js
index e9cc42ff..80a3398b 100644
--- a/components/footer.js
+++ b/components/footer.js
@@ -3,6 +3,9 @@ import gql from 'graphql-tag'
import { Container } from 'react-bootstrap'
import { CopyInput } from './form'
import styles from './footer.module.css'
+import Texas from '../svgs/texas.svg'
+import Github from '../svgs/github-fill.svg'
+import Twitter from '../svgs/twitter-fill.svg'
export default function Footer () {
const query = gql`
@@ -15,10 +18,10 @@ export default function Footer () {
return (
)
}
diff --git a/styles/globals.scss b/styles/globals.scss
index f848214e..99229a15 100644
--- a/styles/globals.scss
+++ b/styles/globals.scss
@@ -73,6 +73,16 @@ footer {
width: 100%;
align-items: center;
justify-content: center;
+ margin: 1rem 0;
+ text-align: center;
+}
+
+.text-twitter svg {
+ fill: #1da1f2 !important;
+}
+
+.text-muted svg {
+ fill: #6c757d;
}
@media screen and (max-width: 767px) {
diff --git a/svgs/texas.svg b/svgs/texas.svg
new file mode 100644
index 00000000..76a92db5
--- /dev/null
+++ b/svgs/texas.svg
@@ -0,0 +1,3 @@
+