```
const { Item, Row, Column } = MainFooter;
<div>
  <MainFooter innerComponent="div">
    <Row>
      <Column sm="2" component="ul">
        <Item bold innerComponent="strong">Sigfox</Item>
        <Item href="#">Contact</Item>
        <Item href="#">Technology</Item>
        <Item href="#">Coverage</Item>
        <Item href="#">Developer</Item>
      </Column>
      <Column sm="2" component="ul">
        <Item bold innerComponent="strong">Stay informed</Item>
        <Item href="#">News</Item>
        <Item href="#">Sigfox Stories Blog</Item>
        <Item href="#">Sigfox Foundation</Item>
      </Column>
      <Column sm="6" component="div">
        <Item bold component="p" innerComponent="strong" alignRight>Sigfox</Item>
        <Item component="p" innerComponent="span" alignRight>
          Proudly born and headquartered in Labège, South of France <br />
          Offices in Paris, Boston, San Francisco, Singapore, Dubai, Munich, Madrid
        </Item>
      </Column>
    </Row>
  </MainFooter>
  <MainFooter innerComponent="div" secondary>
    <Row>
      <Item component={Column} innerComponent="a" sm="2">
        Legal
      </Item>
      <Item component={Column} innerComponent="a" sm="2">
        Privacy police
      </Item>
    </Row>
  </MainFooter>
</div>
```
