Componente:
import "./Rodape.css";
const Rodape = () => {
return (
<footer className="rodape">
<div className="logos">
<img src="/fb.png" alt="Facebook" />
<img src="/tw.png" alt="Twitter" />
<img src="/ig.png" alt="Instagram" />
</div>
<img src="/logo.png" alt="Organo" />
<p>Desenvolvido por Levi Eber</p>
</footer>
);
};
export default Rodape;CSS:
.rodape {
align-items: center;
background-color: #6278f7;
background-image: url(/public/fundo.png);
display: flex;
justify-content: space-around;
padding: 24px 0;
width: 100%;
}
.rodape .logos {
display: flex;
gap: 32px;
}
.rodape p {
color: white;
}
