anacarolinaduartecavalcante/challenge-vtex-io-ana-carolina-duarte-cavalcante
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: adicionando componente Social

Browse Source
This commit is contained in:
Ana Carolina Duarte Cavalcante 2023-02-01 10:09:31 -03:00
parent 6d324dbf2a
commit a31c199e87
2 changed files with 93 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
react/Social.tsx Normal file
View File

@ -0,0 +1,3 @@
import Social from "./components/Social/Social";
export default Social;

90
react/components/Social/Social.tsx Normal file
View File

@ -0,0 +1,90 @@
import React from "react";
const Social = () => {
return (
<div className="vtex-menu-2-x-FooterRightBlock">
<span className="vtex-menu-2-x-SpanTitle">Nos siga</span>
<ul className="vtex-menu-2-x-UlGroup">
<ul className="vtex-menu-2-x-UlSecondary">
<li>
<a href="/">
<img
src="https://agenciamagma.vteximg.com.br/arquivos/email-m3academy-anacarolinaduartecavalcante.svg"
alt="ícone email"
/>
</a>
</li>
<li>
<a href="/">
<img
src="https://agenciamagma.vteximg.com.br/arquivos/facebook-m3academy-anacarolinaduartecavalcante.svg"
alt="ícone facebook"
/>
</a>
</li>
<li>
<a href="/">
<img
src="https://agenciamagma.vteximg.com.br/arquivos/pinterest-m3academy-anacarolinaduartecavalcante.svg"
alt="ícone pinterest"
/>
</a>
</li>
<li>
<a href="/">
<img
src="https://agenciamagma.vteximg.com.br/arquivos/spotify-m3academy-anacarolinaduartecavalcante.svg"
alt="ícone spotify"
/>
</a>
</li>
<li>
<a href="/">
<img
src="https://agenciamagma.vteximg.com.br/arquivos/linkedin-m3academy-anacarolinaduartecavalcante.svg"
alt="ícone linkedin"
/>
</a>
</li>
</ul>
<ul className="vtex-menu-2-x-UlSecondary">
<li>
<a href="/">
<img
src="https://agenciamagma.vteximg.com.br/arquivos/twiter-m3academy-anacarolinaduartecavalcante.svg"
alt="ícone twiter"
/>
</a>
</li>
<li>
<a href="/">
<img
src="https://agenciamagma.vteximg.com.br/arquivos/instagram-m3academy-anacarolinaduartecavalcante.svg"
alt="ícone instagram"
/>
</a>
</li>
<li>
<a href="/">
<img
src="https://agenciamagma.vteximg.com.br/arquivos/whatsapp-m3academy-anacarolinaduartecavalcante.svg"
alt="ícone whatsapp"
/>
</a>
</li>
<li>
{" "}
<a href="/">
<img
src="https://agenciamagma.vteximg.com.br/arquivos/youtube-m3academy-anacarolinaduartecavalcante.svg"
alt="ícone youtube"
/>
</a>
</li>
</ul>
</ul>
</div>
);
};
export default Social;