-
-
-
);
diff --git a/pagina-institucional/src/components/Main.tsx b/pagina-institucional/src/components/Main.tsx
index 24caae9..3f0b545 100644
--- a/pagina-institucional/src/components/Main.tsx
+++ b/pagina-institucional/src/components/Main.tsx
@@ -6,21 +6,36 @@ const items = [
{
title: "Sobre",
content: (
- <>
+
Sobre
- Lorem ipsum dolor sit amet consectetur, adipisicing elit. In
- laboriosam, eveniet dolor, dolorum fugiat doloremque ab doloribus modi
- neque vel soluta repudiandae at sequi commodi? Ducimus doloremque
- nihil eius recusandae?
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+ minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+ aliquip ex ea commodo consequat. Duis aute irure dolor in
+ reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+ pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.{" "}
- Lorem ipsum dolor sit amet consectetur, adipisicing elit. In
- laboriosam, eveniet dolor, dolorum fugiat doloremque ab doloribus modi
- neque vel soluta repudiandae at sequi commodi? Ducimus doloremque
- nihil eius recusandae?
+ Sed ut perspiciatis unde omnis iste natus error sit voluptatem
+ accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae
+ ab illo inventore veritatis et quasi architecto beatae vitae dicta
+ sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit
+ aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos
+ qui ratione voluptatem
- >
+
+ sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor
+ sit amet, consectetur, adipisci velit, sed quia non numquam eius modi
+ tempora incidunt ut labore et dolore magnam aliquam quaerat
+ voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem
+ ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi
+ consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate
+ velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum
+ fugiat quo voluptas nulla pariatur?
+
+
),
},
{
diff --git a/pagina-institucional/src/components/MenuInfo.tsx b/pagina-institucional/src/components/MenuInfo.tsx
index 7e65e66..cf8d8a1 100644
--- a/pagina-institucional/src/components/MenuInfo.tsx
+++ b/pagina-institucional/src/components/MenuInfo.tsx
@@ -11,7 +11,7 @@ const MenuInfo = () => {
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt
- mollit anim id est laborum.
+ mollit anim id est laborum.{" "}
Sed ut perspiciatis unde omnis iste natus error sit voluptatem
@@ -21,6 +21,16 @@ const MenuInfo = () => {
odit aut fugit, sed quia consequuntur magni dolores eos qui ratione
voluptatem
+
+ sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor
+ sit amet, consectetur, adipisci velit, sed quia non numquam eius modi
+ tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
+ Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis
+ suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis
+ autem vel eum iure reprehenderit qui in ea voluptate velit esse quam
+ nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo
+ voluptas nulla pariatur?
+
);
};
diff --git a/pagina-institucional/src/components/Newsletter.tsx b/pagina-institucional/src/components/Newsletter.tsx
new file mode 100644
index 0000000..89db979
--- /dev/null
+++ b/pagina-institucional/src/components/Newsletter.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+import styles from "../style/Newsletter.module.scss";
+
+const Newsletter = () => {
+ return (
+
+ );
+};
+
+export { Newsletter };
diff --git a/pagina-institucional/src/pages/Home.tsx b/pagina-institucional/src/pages/Home.tsx
index 920b9d8..b188e99 100644
--- a/pagina-institucional/src/pages/Home.tsx
+++ b/pagina-institucional/src/pages/Home.tsx
@@ -4,6 +4,7 @@ import { BrowserRouter } from "react-router-dom";
import { Header } from "../components/Header";
import { HeaderBottom } from "../components/HeaderBottom";
import { Main } from "../components/Main";
+import { Newsletter } from "../components/Newsletter";
const Home = () => {
return (
@@ -11,6 +12,7 @@ const Home = () => {
>
);
};
diff --git a/pagina-institucional/src/style/AccordionMenu.module.scss b/pagina-institucional/src/style/AccordionMenu.module.scss
index 03486b6..257f9db 100644
--- a/pagina-institucional/src/style/AccordionMenu.module.scss
+++ b/pagina-institucional/src/style/AccordionMenu.module.scss
@@ -9,6 +9,7 @@
flex: 1;
display: flex;
flex-direction: row;
+ max-height: 50px;
}
.accordionTitle {
diff --git a/pagina-institucional/src/style/HeaderBottom.module.scss b/pagina-institucional/src/style/HeaderBottom.module.scss
index eccbb6e..5aa823b 100644
--- a/pagina-institucional/src/style/HeaderBottom.module.scss
+++ b/pagina-institucional/src/style/HeaderBottom.module.scss
@@ -1,14 +1,16 @@
.header___wrapper {
- display: flex;
background: #000;
- gap: 55px;
- height: 44px;
- @media (max-width: 1024px) {
- display: none;
- }
- .textlinks1 {
- margin-left: 125px;
+ .headerContainer {
+ display: flex;
+ gap: 55px;
+ height: 44px;
+ width: 70%;
+ margin-right: auto;
+ margin-left: auto;
+ @media (max-width: 1024px) {
+ display: none;
+ }
}
.textlinks1,
diff --git a/pagina-institucional/src/style/Newsletter.module.scss b/pagina-institucional/src/style/Newsletter.module.scss
new file mode 100644
index 0000000..9f11850
--- /dev/null
+++ b/pagina-institucional/src/style/Newsletter.module.scss
@@ -0,0 +1,43 @@
+.box {
+ margin-top: 131px;
+ border-top: 1px solid #000000;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+
+ .title {
+ font-style: normal;
+ font-weight: 500;
+ font-size: 18px;
+ line-height: 21px;
+ letter-spacing: 0.05em;
+ font-variant: small-caps;
+ margin-top: 16;
+ margin-bottom: 8px;
+ color: #303030;
+ }
+ .emailInput {
+ width: 306px;
+ height: 14px;
+ background: #ffffff;
+ border: 1px solid #e5e5e5;
+ border-radius: 4px;
+ padding: 13px 16px;
+ }
+ .btn {
+ width: 126px;
+ height: 42px;
+ background: #000000;
+ box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+ border-radius: 4px;
+ color: #ffffff;
+ font-weight: 700;
+ font-size: 12px;
+ line-height: 14px;
+ text-align: center;
+ letter-spacing: 0.05em;
+ cursor: pointer;
+ margin-left: 8px;
+ }
+}