anacarolinaduartecavalcante/desafio-react-e-typescript-ana-carolina-duarte-cavalcante
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Entrega do Desafio #2

Merged
anacarolinaduartecavalcante merged 81 commits from develop into main 2023-01-14 14:05:45 +00:00
Conversation 0 Commits 81 Files Changed 59 +24 -23
3 changed files with 24 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 21fe84bb71 - Show all commits

37
src/components/Footer/FooterTop.tsx
View File

@ -18,16 +18,16 @@ const FooterTop = () => {
</label>
<li className={styles["Menu__List__Group__Title"]}>Institucional</li>
<li className={styles["Menu__List__Group__SubTitle"]}>
<a href="/">Quem Somos</a>
<a href="/" target= "_blank" rel="noreferrer noopener">Quem Somos</a>
</li>
<li className={styles["Menu__List__Group__SubTitle"]}>
<a href="/">Política de Privacidade</a>
<a href="/" target= "_blank" rel="noreferrer noopener">Política de Privacidade</a>
</li>
<li className={styles["Menu__List__Group__SubTitle"]}>
<a href="/">Segurança</a>
<a href="/" target= "_blank" rel="noreferrer noopener">Segurança</a>
</li>
<li className={styles["Menu__List__Group__SubTitle"]}>
<a href="/">Seja um Revendedor</a>
<a href="/" target= "_blank" rel="noreferrer noopener">Seja um Revendedor</a>
</li>
</ul>
<ul className={styles["Menu__List__Group"]}>
@ -37,16 +37,16 @@ const FooterTop = () => {
</label>
<li className={styles["Menu__List__Group__Title"]}>Dúvidas</li>
<li className={styles["Menu__List__Group__SubTitle"]}>
<a href="/">Pagamento</a>
<a href="/" target= "_blank" rel="noreferrer noopener">Pagamento</a>
</li>
<li className={styles["Menu__List__Group__SubTitle"]}>
<a href="/">Trocas e Devoluções</a>
<a href="/" target= "_blank" rel="noreferrer noopener">Trocas e Devoluções</a>
</li>
<li className={styles["Menu__List__Group__SubTitle"]}>
<a href="/">Segurança</a>
<a href="/" target= "_blank" rel="noreferrer noopener">Segurança</a>
</li>
<li className={styles["Menu__List__Group__SubTitle"]}>
<a href="/">Dúvidas Frequentes</a>
<a href="/" target= "_blank" rel="noreferrer noopener">Dúvidas Frequentes</a>
</li>
</ul>
<ul className={styles["Menu__List__Group"]}>
@ -56,16 +56,16 @@ const FooterTop = () => {
</label>
<li className={styles["Menu__List__Group__Title"]}>Fale Conosco</li>
<li className={styles["Menu__List__Group__SubTitle"]}>
<a href="/">Atendimento ao Consumidor</a>
<a href="/" target= "_blank" rel="noreferrer noopener">Atendimento ao Consumidor</a>
</li>
<li className={styles["Menu__List__Group__SubTitle"]}>
<a href="/">(11) 4159 9504</a>
<a href="tel:114159-9504" target= "_blank" rel="noreferrer noopener">(11) 4159-9504</a>
</li>
<li className={styles["Menu__List__Group__SubTitle"]}>
<a href="/">Atendimento Online</a>
<a href="/" target= "_blank" rel="noreferrer noopener">Atendimento Online</a>
</li>
<li className={styles["Menu__List__Group__SubTitle"]}>
<a href="/">(11) 99433-8825</a>
<a href="tel:1199433-8825" target= "_blank" rel="noreferrer noopener">(11) 99433-8825</a>
</li>
</ul>
</ul>
@ -73,33 +73,34 @@ const FooterTop = () => {
<ul className={styles["Redes__Sociais__List"]}>
<ul className={styles["Redes__Sociais__List__SocialMedia"]}>
<li>
<a href="/">
<a href="/" target= "_blank" rel="noreferrer noopener">
<img src={FacebookIcon} alt="ícone do Facebook" />
</a>
</li>
<li>
<a href="/">
<a href="/" target= "_blank" rel="noreferrer noopener">
<img src={InstagramIcon} alt="ícone do Instagram" />
</a>
</li>
<li>
<a href="/">
<a href="/" target= "_blank" rel="noreferrer noopener">
<img src={TwitterIcon} alt="ícone do Twitter" />
</a>
</li>
<li>
<a href="/">
<a href="/" target= "_blank" rel="noreferrer noopener">
<img src={YoutubeIcon} alt="ícone do Youtube" />
</a>
</li>
<li>
<a href="/">
<a href="/" target= "_blank" rel="noreferrer noopener">
<img src={LinkedInIcon} alt="ícone do LinkedIn" />
</a>
</li>
</ul>
<li className={styles["Redes__Sociais__List__Site"]}>
<a href="/">www.loremipsum.com</a>
<a href="https://www.loremipsum.com/" target="_blank"
rel="noopener noreferrer">www.loremipsum.com</a>
</li>
</ul>
<ul className={styles["Redes__Sociais__SubList"]}>

6
src/components/Header/HeaderContentBottom.tsx
View File

@ -33,13 +33,13 @@ const HeaderContentBottom = ({menuIsVisible,setMenuIsVisible}: HeaderContentProp
} onClick={() => setMenuIsVisible(false)} >
<ul className={`${menuIsVisible && 'opened'}`} onClick={() => setMenuIsVisible(false)}>
<li>
<a href="/">Cursos</a>
<a href="/" target= "_blank" rel="noreferrer noopener">Cursos</a>
</li>
<li>
<a href="/">Saiba Mais</a>
<a href="/" target= "_blank" rel="noreferrer noopener">Saiba Mais</a>
</li>
<li>
<a href="/">Institucionais</a>
<a href="/" target= "_blank" rel="noreferrer noopener">Institucionais</a>
</li>
</ul>
</nav>

4
src/components/Header/HeaderContentTop.tsx
View File

@ -35,7 +35,7 @@ const HeaderContentTop = ({menuIsVisible,setMenuIsVisible}: HeaderContentProps)
? `${styles['List__Login']} ${styles['opened']}`
: `${styles['List__Login']}`
} onClick={() => setMenuIsVisible(false)}>
<a href="/">Entrar</a>
<a href="/" target= "_blank" rel="noreferrer noopener">Entrar</a>
<button className={
`${styles["Header__Button"]} ${styles["Closed"]}`
} onClick={() => setMenuIsVisible(false)} aria-label="fechar menu">
@ -43,7 +43,7 @@ const HeaderContentTop = ({menuIsVisible,setMenuIsVisible}: HeaderContentProps)
</button>
</li>
<li className={styles["List__Cart"]}>
<a href="/" className={styles["cart__content--link"]}>
<a href="/" target= "_blank" rel="noreferrer noopener" className={styles["cart__content--link"]}>
<img src={Cart} alt="ícone de carrinho" />
</a>
</li>