@borderguru/footer

@borderguru/footer

This web component is the default footer for any Hermes' web, it display the content selected by the company.

Properties

It has two properties: center and right, each property add contents to the center and right column, each column has a title and a list of links, you can define the column name, the name of each link, where it goes and how to open the link. Here is an example of an attribute

center='{"title": "the title", "content": [{"title":"This is what you see", "href":"link", "target":"_blank"}]}'

Responsive

It display a column with all the content in a pile for screens under 760px, for bigger screens, the content is displayed in 3 columns, it always takes all the width.

Example

  <hermes-footer
    center='{"title": "the title", "content": [{"title":"This is what you see", "href":"link", "target":"_blank"}]}'
    right='{"title": "the title", "content": [{"title":"This is what you see", "href":"link", "target":"_blank"}]}'
  ></simple-counter>