diff --git a/pagina-institucional/public/index.html b/pagina-institucional/public/index.html index 5fdc23b..92780d8 100644 --- a/pagina-institucional/public/index.html +++ b/pagina-institucional/public/index.html @@ -2,42 +2,16 @@ - - - - - Pagina Institucional
- diff --git a/pagina-institucional/src/components/AccordionMenu.tsx b/pagina-institucional/src/components/AccordionMenu.tsx index 8b56d26..d369a51 100644 --- a/pagina-institucional/src/components/AccordionMenu.tsx +++ b/pagina-institucional/src/components/AccordionMenu.tsx @@ -19,7 +19,7 @@ const AccordionMenu: React.FC = ({ items }) => { {items.map((item, index) => { const active = index === activeIndex; return ( -
+
{ return (
- - - ); 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 ( +
+
+

Assine nossa Newsletter

+
+ + +
+
+
+ ); +}; + +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; + } +}