diff --git a/src/App.js b/src/App.js
index 782604bf..0123e770 100644
--- a/src/App.js
+++ b/src/App.js
@@ -2,16 +2,7 @@ import React from 'react';
import './sass/_index.scss';
import Menu from "./components/Menu";
import Heading from "./components/Heading";
-import Slider from "./components/Slider";
-import Intro from "./components/Intro";
-import Objectives from "./components/Objectives";
-import Banner from "./components/Banner";
-import Oportunities from "./components/Oportunities";
-import Providers from "./components/Providers";
-import Faq from "./components/Faq";
-import Footer from "./components/Footer";
-import bannerAumentarProductividad1 from "./assets/banner-aumentar-productividad-1.jpg";
-import bannerAumentarProductividad2 from "./assets/banner-aumentar-productividad-2.jpg";
+import Closing from "./components/Closing";
function App() {
const apiUrl = "https://www.thetalentplace.cr/pinn";
@@ -20,37 +11,7 @@ function App() {
<>
-
-
-
-
-
-
- Aumentar la productividad del país mediante la formación de capital humano.
- >
- }
- boxBackground="light-blue"
- />
-
-
- Apoyamos las capacidades de empleabilidad de Costa Rica.
- >
- }
- boxBackground="light-green"
- />
-
-
-
+
>
);
}
diff --git a/src/assets/cinde-jobs-logo.png b/src/assets/cinde-jobs-logo.png
new file mode 100644
index 00000000..1c2159ea
Binary files /dev/null and b/src/assets/cinde-jobs-logo.png differ
diff --git a/src/assets/patron.svg b/src/assets/patron.svg
new file mode 100644
index 00000000..906831a4
--- /dev/null
+++ b/src/assets/patron.svg
@@ -0,0 +1,8 @@
+
diff --git a/src/assets/ttp-logo.png b/src/assets/ttp-logo.png
new file mode 100644
index 00000000..398fc56b
Binary files /dev/null and b/src/assets/ttp-logo.png differ
diff --git a/src/components/Closing/Closing.scss b/src/components/Closing/Closing.scss
new file mode 100644
index 00000000..553b6b7e
--- /dev/null
+++ b/src/components/Closing/Closing.scss
@@ -0,0 +1,51 @@
+.closing {
+ width: 96%;
+ text-align: center;
+ margin: auto;
+ padding-top: 48px;
+
+ @media screen and (min-width: 768px) {
+ width: 768px;
+ }
+}
+
+.closing__title {
+ font-size: 24px;
+}
+
+.closing__description {
+ font-size: 20px;
+}
+
+.closing__list {
+ display: flex;
+ flex-direction: column;
+
+ @media screen and (min-width: 768px) {
+ flex-direction: row;
+ }
+}
+
+.closing__list-section {
+ list-style: none;
+ margin: auto;
+ padding-top: 40px;
+}
+
+.closing__list-link {
+ display: flex;
+ flex-direction: column;
+justify-content: center;
+margin: auto;
+
+ & img {
+ width: 150px;
+ }
+
+ & h4 {
+ color: #0066B2;
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+}
diff --git a/src/components/Closing/index.jsx b/src/components/Closing/index.jsx
new file mode 100644
index 00000000..da21b421
--- /dev/null
+++ b/src/components/Closing/index.jsx
@@ -0,0 +1,41 @@
+import React from "react";
+import "./Closing.scss";
+import logoMiccit from "./../../assets/micitt-logo.png"
+import logoCindeJobs from "./../../assets/cinde-jobs-logo.png"
+import logoTTP from "./../../assets/ttp-logo.png"
+
+// ToDo: Change the name of this component name to Closing
+function Closing() {
+ return (
+
+
+ Hemos dado por concluido permanentemente nuestro proceso con el programa de Becas PINN; esto después de haber colocado más de 1700 becas y $7 millones.
+
+
+ Antes de despedirnos, queremos invitarte a que nos sigás en nuestras páginas aliadas donde podrás tener más detalles sobre iniciativas como estas:
+