diff --git a/adilson-fernando/src/assets/images/casinhaInstitucional.png b/adilson-fernando/src/assets/images/casinhaInstitucional.png new file mode 100644 index 0000000..051b466 Binary files /dev/null and b/adilson-fernando/src/assets/images/casinhaInstitucional.png differ diff --git a/adilson-fernando/src/components/Main/Main.tsx b/adilson-fernando/src/components/Main/Main.tsx index eec61f1..866156e 100644 --- a/adilson-fernando/src/components/Main/Main.tsx +++ b/adilson-fernando/src/components/Main/Main.tsx @@ -2,13 +2,22 @@ import React from "react"; import "../../styles/Global.scss"; import "../../styles/Variaveis.scss"; +import Newsletter from "./Newsletter"; +import Whatsapp from "../Whatsapp"; -import "../../styles/Main.module.scss"; +import styles from "../../styles/Main.module.scss"; + +import casinhaInstitucional from "../../assets/images/casinhaInstitucional.png"; const Main = () => { return ( -
- +
+ + Icone Casinha + Institucional + +

INSTITUCIONAL

+ +
); }; diff --git a/adilson-fernando/src/components/Main/Newsletter.tsx b/adilson-fernando/src/components/Main/Newsletter.tsx new file mode 100644 index 0000000..3730c2b --- /dev/null +++ b/adilson-fernando/src/components/Main/Newsletter.tsx @@ -0,0 +1,16 @@ +import React from "react"; + +import "../../styles/Global.scss"; +import "../../styles/Variaveis.scss"; + +import styles from "../../styles/Newsletter.module.scss"; + +const Newsletter = () =>{ + return ( +

+ hello world +

+ ); +}; + +export default Newsletter; \ No newline at end of file diff --git a/adilson-fernando/src/components/Whatsapp.tsx b/adilson-fernando/src/components/Whatsapp.tsx new file mode 100644 index 0000000..7e12800 --- /dev/null +++ b/adilson-fernando/src/components/Whatsapp.tsx @@ -0,0 +1,14 @@ +import React from "react"; + +import "../styles/Global.scss"; +import "../styles/Variaveis.scss"; + +import styles from "../styles/Whatsapp.module.scss"; + +const Whatsapp = () =>{ + return ( +

+ ); +}; + +export default Whatsapp; \ No newline at end of file diff --git a/adilson-fernando/src/pages/Home.tsx b/adilson-fernando/src/pages/Home.tsx index 7f9ada8..26b101a 100644 --- a/adilson-fernando/src/pages/Home.tsx +++ b/adilson-fernando/src/pages/Home.tsx @@ -1,6 +1,7 @@ import React from "react"; import Header from "../components/Header/Header"; +import Whatsapp from "../components/Whatsapp"; import Footer from "../components/Footer/Footer"; import Main from "../components/Main/Main"; @@ -8,6 +9,7 @@ const Home = () => { return (
+
diff --git a/adilson-fernando/src/styles/Main.module.scss b/adilson-fernando/src/styles/Main.module.scss index e69de29..a15c712 100644 --- a/adilson-fernando/src/styles/Main.module.scss +++ b/adilson-fernando/src/styles/Main.module.scss @@ -0,0 +1,42 @@ +main { + display: flex; + flex-direction: column; + .link-casinha { + margin-left: 7.813%; + padding-bottom: 80px; + margin-top: 29px; + width: 8.985%; + min-width: 115px; + @media (min-width: 2500px) { + width: 8.56%; + margin-left: 4%; + } + @media (max-width: 1024px) { + width: 8.56%; + margin-left: 16px; + } + .img-casinha { + width: 100%; + } + } + .main-titulo { + display: flex; + justify-content: center; + align-items: center; + font-family: "Roboto", sans-serif; + font-style: normal; + font-weight: 400; + font-size: 24px; + line-height: 28px; + letter-spacing: 0.1em; + color: #292929; + margin-bottom: 80px; + @media (min-width: 2500px) { + font-size: 48px; + line-height: 56px; + } + @media (max-width: 1024px) { + margin-bottom: 40px; + } + } +} diff --git a/adilson-fernando/src/styles/Newsletter.module.scss b/adilson-fernando/src/styles/Newsletter.module.scss new file mode 100644 index 0000000..e69de29 diff --git a/adilson-fernando/src/styles/Whatsapp.module.scss b/adilson-fernando/src/styles/Whatsapp.module.scss new file mode 100644 index 0000000..e69de29