diff --git a/pagina-institucional/src/assets/Line.svg b/pagina-institucional/src/assets/Line.svg new file mode 100644 index 0000000..afb33b0 --- /dev/null +++ b/pagina-institucional/src/assets/Line.svg @@ -0,0 +1,3 @@ + + + diff --git a/pagina-institucional/src/assets/home.svg b/pagina-institucional/src/assets/home.svg new file mode 100644 index 0000000..749cbdc --- /dev/null +++ b/pagina-institucional/src/assets/home.svg @@ -0,0 +1,3 @@ + + + diff --git a/pagina-institucional/src/assets/seta.svg b/pagina-institucional/src/assets/seta.svg new file mode 100644 index 0000000..762a1d8 --- /dev/null +++ b/pagina-institucional/src/assets/seta.svg @@ -0,0 +1,3 @@ + + + diff --git a/pagina-institucional/src/components/Footer/FooterBottom.tsx b/pagina-institucional/src/components/Footer/FooterBottom.tsx index a06b0b6..8d9e5ff 100644 --- a/pagina-institucional/src/components/Footer/FooterBottom.tsx +++ b/pagina-institucional/src/components/Footer/FooterBottom.tsx @@ -39,7 +39,7 @@ const FooterBottom = () => {

Powered by

logo vtex -

Developed by

+

Developed by

logo m3
diff --git a/pagina-institucional/src/components/Header.tsx b/pagina-institucional/src/components/Header.tsx index 91cbe83..3d151ce 100644 --- a/pagina-institucional/src/components/Header.tsx +++ b/pagina-institucional/src/components/Header.tsx @@ -6,8 +6,8 @@ import styles from "../style/Header.module.scss"; const Header = () => { return ( -
-
+
+
Logo M3 Academy @@ -24,7 +24,9 @@ const Header = () => {
- Entrar + + Entrar + { />
-
+
); }; diff --git a/pagina-institucional/src/components/Main.tsx b/pagina-institucional/src/components/Main.tsx index b1b184d..d58b43e 100644 --- a/pagina-institucional/src/components/Main.tsx +++ b/pagina-institucional/src/components/Main.tsx @@ -3,6 +3,9 @@ import AccordionMenu from "../components/AccordionMenu"; import styles from "../style/Main.module.scss"; import { MenuInfo } from "../components/MenuInfo"; import { FormCustom } from "../components/FormCustom"; +import home from "../assets/home.svg"; +import seta from "../assets/seta.svg"; +import line from "../assets/Line.svg"; const items = [ { @@ -54,7 +57,7 @@ const items = [ title: "Contato", content: (
-

Contato

+

Preencha o formulário

), @@ -64,11 +67,15 @@ const items = [ const Main = () => { return (
-
- Link +
+ imagem de uma casa + imagem de uma seta +

INSTITUCIONAL

Institucional

- +
+ +
); }; diff --git a/pagina-institucional/src/style/AccordionMenu.module.scss b/pagina-institucional/src/style/AccordionMenu.module.scss index db4e240..8b679af 100644 --- a/pagina-institucional/src/style/AccordionMenu.module.scss +++ b/pagina-institucional/src/style/AccordionMenu.module.scss @@ -5,9 +5,9 @@ } .accordionItem { - flex: 1; display: flex; flex-direction: row; + max-height: 500px; } .accordionTitle { @@ -19,10 +19,12 @@ line-height: 19px; margin-bottom: 10px; max-width: 302px; + max-height: 50px; height: 39px; display: flex; align-items: center; - margin-left: 125px; + margin-left: 100px; + color: #7d7d7d; } .accordionTitle.active { @@ -33,5 +35,5 @@ .accordionContent { margin-left: 50px; width: 748px; - height: 223px; + max-height: 50px; } diff --git a/pagina-institucional/src/style/FooterBottom.module.scss b/pagina-institucional/src/style/FooterBottom.module.scss index bd5afd8..1df4de0 100644 --- a/pagina-institucional/src/style/FooterBottom.module.scss +++ b/pagina-institucional/src/style/FooterBottom.module.scss @@ -1,6 +1,7 @@ .footer_wrapper { background: #000; color: white; + margin-top: 64px; .footerBox { display: flex; @@ -18,6 +19,7 @@ line-height: 12px; text-transform: capitalize; color: #ffffff; + margin: 17px 0; } .footerLogos, @@ -38,6 +40,8 @@ } .footerdeveloped { + display: flex; + align-self: center; width: 44.92px; } @@ -53,10 +57,20 @@ font-size: 10px; line-height: 12px; text-transform: capitalize; - align-items: center; - text-align: center; display: flex; - align-items: center; - justify-content: center; + align-self: center; + } + + .footerDevLogom3 { + width: 61px; + height: 12px; + font-style: normal; + font-weight: 400; + font-size: 10px; + line-height: 12px; + text-transform: capitalize; + color: #ffffff; + display: flex; + align-self: center; } } diff --git a/pagina-institucional/src/style/FormCustom.module.scss b/pagina-institucional/src/style/FormCustom.module.scss index dc7cf33..9f2c3c1 100644 --- a/pagina-institucional/src/style/FormCustom.module.scss +++ b/pagina-institucional/src/style/FormCustom.module.scss @@ -10,6 +10,10 @@ .formCalTermo { text-align: center; margin-bottom: 13px; + + input { + cursor: pointer; + } } .formCal { diff --git a/pagina-institucional/src/style/Header.module.scss b/pagina-institucional/src/style/Header.module.scss index 8118b97..7706f2d 100644 --- a/pagina-institucional/src/style/Header.module.scss +++ b/pagina-institucional/src/style/Header.module.scss @@ -1,9 +1,15 @@ .header___wrapper { background: #000; height: 76px; - display: flex; - justify-content: space-around; border-bottom: 1px solid #c4c4c4; + display: grid; + + .headerBox { + margin-left: 100px; + margin-right: 100px; + display: flex; + justify-content: space-between; + } .logo { display: flex; diff --git a/pagina-institucional/src/style/HeaderBottom.module.scss b/pagina-institucional/src/style/HeaderBottom.module.scss index 5aa823b..782029b 100644 --- a/pagina-institucional/src/style/HeaderBottom.module.scss +++ b/pagina-institucional/src/style/HeaderBottom.module.scss @@ -5,9 +5,7 @@ display: flex; gap: 55px; height: 44px; - width: 70%; - margin-right: auto; - margin-left: auto; + margin-left: 100px; @media (max-width: 1024px) { display: none; } diff --git a/pagina-institucional/src/style/Main.module.scss b/pagina-institucional/src/style/Main.module.scss index ab4f103..c5b7f7a 100644 --- a/pagina-institucional/src/style/Main.module.scss +++ b/pagina-institucional/src/style/Main.module.scss @@ -12,6 +12,7 @@ .boxPagamento { margin-top: -50px; + height: 500px; } .boxEntrega { @@ -29,3 +30,21 @@ .boxContato { margin-top: -250px; } + +.itemBox { + height: 512px; +} + +.mainIcon .active { + margin-top: 30px; + margin-left: 100px; + display: flex; + gap: 10px; + p { + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 14px; + color: #c4c4c4; + } +}