diff --git a/adilson-fernando/src/components/Main/Newsletter.tsx b/adilson-fernando/src/components/Main/Newsletter.tsx
index 3730c2b..4719e31 100644
--- a/adilson-fernando/src/components/Main/Newsletter.tsx
+++ b/adilson-fernando/src/components/Main/Newsletter.tsx
@@ -7,9 +7,17 @@ import styles from "../../styles/Newsletter.module.scss";
const Newsletter = () =>{
return (
-
- hello world
-
+
+
+
+
ASSINE NOSSA NEWSLETTER
+
+
+
+
+
+
+
);
};
diff --git a/adilson-fernando/src/styles/Newsletter.module.scss b/adilson-fernando/src/styles/Newsletter.module.scss
index e69de29..d9d4d25 100644
--- a/adilson-fernando/src/styles/Newsletter.module.scss
+++ b/adilson-fernando/src/styles/Newsletter.module.scss
@@ -0,0 +1,95 @@
+.newsletter{
+ display: flex;
+ flex-direction: column;
+ .newsletter-hr{
+ border: 0.5px solid #000;
+ }
+ .newsletter-div1{
+ margin-top: 16px;
+ margin-left: 31.484375%;
+ margin-bottom: 8px;
+ @media (max-width: 1024px){
+ margin-left: 16px;
+ margin-bottom: 16px;
+ }
+ .newsletter-div1-titulo{
+ font-family: 'Roboto',sans-serif;
+ font-style: normal;
+ font-weight: 500;
+ font-size: 18px;
+ line-height: 21px;
+ letter-spacing: 0.05em;
+ font-variant: small-caps;
+ color: #303030;
+ @media (min-width: 2500px){
+ font-size: 36px;
+ line-height: 42px;
+ }
+ }
+ }
+ .newsletter-div2{
+ margin-bottom: 16px;
+ margin-left: 31.484375%;
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ gap: 8px;
+ @media (min-width: 2500px){
+ margin-left: 31.56%;
+ }
+ @media (max-width: 1024px){
+ flex-direction: column;
+ margin-left: 16px;
+ margin-right: 16px;
+ gap: 16px;
+ }
+ .newsletter-div2-input{
+ font-family: 'Roboto', sans-serif;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 14px;
+ line-height: 16px;
+ color: #C4C4C4;
+ width: 38.768529%;
+ height: 42px;
+ background: #FFFFFF;
+ border: 1px solid #E5E5E5;
+ border-radius: 4px;
+ @media (min-width: 2500px){
+ font-size: 28px;
+ line-height: 33px;
+ width: 39.041496%;
+ height: 56px;
+ }
+ @media (max-width: 1024px){
+ width: 100%;
+ height: 50px;
+ }
+ }
+ .newsletter-div2-button{
+ font-family: 'Roboto',sans-serif;
+ font-style: normal;
+ font-weight: 700;
+ font-size: 12px;
+ line-height: 14px;
+ text-align: center;
+ letter-spacing: 0.05em;
+ color: #FFF;
+ background-color: #000;
+ height: 42px;
+ width: 14.367161%;
+ box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+ border-radius: 4px;
+ @media (min-width: 2500px){
+ font-size: 24px;
+ line-height: 28px;
+ height: 56px;
+ width: 14.378%;
+ }
+ @media (max-width: 1024px){
+ width: 100%;
+ height: 50px;
+ }
+ }
+ }
+}
\ No newline at end of file