src/components/Footer.js
import React from 'react';
import GLOBALS from 'configs/MainConfigs';
import logoUnesco from 'assets/images/logo-unesco.png';
import logoSme from 'assets/images/logo-sme.png';
import logoPatio from 'assets/images/logo-patio.png';
const logos = [
{img: logoPatio, url: GLOBALS.url_patio},
{img: logoUnesco, url: GLOBALS.url_unesco},
{img: logoSme, url: GLOBALS.url_sme}
];
export const Footer = () => (
<div className="row footer">
{logos.map((logo,i) =>
<div className="col-xs-4 logo-div" key={"footer_div_" + i}>
<a href={logo.url} >
<div className="logo-div" style={{backgroundImage: `url(${logo.img})`}} ></div>
</a>
</div>
)}
</div>
);