diff --git a/src/About.js b/src/About.js
new file mode 100644
index 0000000..31be5d1
--- /dev/null
+++ b/src/About.js
@@ -0,0 +1,211 @@
+import React from "react";
+import CssBaseline from "@material-ui/core/CssBaseline";
+import Grid from "@material-ui/core/Grid";
+import Typography from "@material-ui/core/Typography";
+import Container from "@material-ui/core/Container";
+import Box from "@material-ui/core/Box";
+import { makeStyles } from "@material-ui/core/styles";
+
+import gabrielSilvaImg from "./assets/img/gabriel-silva.png";
+import jonathanThomazImg from "./assets/img/jonathan-thomaz.jpg";
+import brunoMarcosImg from "./assets/img/bruno-marcos.jpg";
+import laviniaBeghiniImg from "./assets/img/lavinia-beghini.jpg";
+import caioCesarImg from "./assets/img/caio-cesar.jpg";
+
+const useStyles = makeStyles((theme) => ({
+ icon: {
+ marginRight: theme.spacing(2),
+ },
+ heroContent: {
+ backgroundColor: theme.palette.background.paper,
+ paddingTop: 40,
+ height: "50vh",
+ },
+ heroText: {
+ fontFamily: "Poppins, sans-serif",
+ color: "#000000",
+ fontSize: 50,
+ marginTop: 20,
+ },
+ description: {
+ fontFamily: "Poppins, sans-serif",
+ color: "#000000",
+ fontSize: 18,
+ marginTop: 5,
+ padding: 15,
+ },
+ heroDev: {
+ fontFamily: "Poppins, sans-serif",
+ color: "#000000",
+ fontSize: 30,
+ padding: 15,
+ marginTop: 5,
+ },
+ link: {
+ fontFamily: "Poppins, sans-serif",
+ fontSize: 15,
+ paddingLeft: 15,
+ },
+ spacing: {
+ marginBottom: 5,
+ },
+ secondBox: {
+ backgroundColor: "#ffffff",
+ }
+ }));
+
+
+export default function About() {
+ const classes = useStyles();
+
+ return (
+
+
+
+
+
+ Sobre
+
+
+ Este projeto foi desenvolvido como projeto de seleção de estágio da App Masters.
+ Temos como objetivo montar uma biblioteca pública, onde todos podem usufruir e adquirir
+ conhecimento!
+
+
+ Desenvolvedores
+
+
+
+
+
+
+
+ 
+
+
+
+ Gabriel Silva
+
+
+ https://bit.ly/2GAYt2E
+
+
+
+
+
+ 
+
+
+
+ Jonathan Thomaz
+
+
+ https://bit.ly/3nrod2a
+
+
+
+
+
+ 
+
+
+
+ Bruno Marcos
+
+
+ https://bit.ly/3iFg0E4
+
+
+
+
+
+ 
+
+
+
+ Lavínia Beghini
+
+
+ https://bit.ly/3lrFLJO
+
+
+
+
+
+ 
+
+
+
+ Caio César
+
+
+ https://bit.ly/3lqd8MV
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/Routes.js b/src/Routes.js
index c1b2ae4..0e87961 100644
--- a/src/Routes.js
+++ b/src/Routes.js
@@ -2,12 +2,14 @@ import React from "react";
import { BrowserRouter, Switch, Route } from "react-router-dom";
import Home from "./Home";
import Product from "./Products";
+import About from "./About";
const Routes = () => (
+
);
diff --git a/src/assets/img/bruno-marcos.jpg b/src/assets/img/bruno-marcos.jpg
new file mode 100644
index 0000000..af5af9d
Binary files /dev/null and b/src/assets/img/bruno-marcos.jpg differ
diff --git a/src/assets/img/caio-cesar.jpg b/src/assets/img/caio-cesar.jpg
new file mode 100644
index 0000000..bc1c17b
Binary files /dev/null and b/src/assets/img/caio-cesar.jpg differ
diff --git a/src/assets/img/gabriel-silva.png b/src/assets/img/gabriel-silva.png
new file mode 100644
index 0000000..0ce2485
Binary files /dev/null and b/src/assets/img/gabriel-silva.png differ
diff --git a/src/assets/img/jonathan-thomaz.jpg b/src/assets/img/jonathan-thomaz.jpg
new file mode 100644
index 0000000..75d63d2
Binary files /dev/null and b/src/assets/img/jonathan-thomaz.jpg differ
diff --git a/src/assets/img/lavinia-beghini.jpg b/src/assets/img/lavinia-beghini.jpg
new file mode 100644
index 0000000..e8d6887
Binary files /dev/null and b/src/assets/img/lavinia-beghini.jpg differ