Responsive footer logic

Footer elements:

  • Secondary links (grey links):
  • Font: 11 px, #999999, underline
  • Hover: #f08c00, underline

 Footer logic:



The footer elements should appear on the start page and mobile view so that FooterLeft elements are shown first in order of numbering 1,2,3,4,…, then elements from FooterRight should appear in a reverse order from biggest number to smallest, and the same for Footer2Left and Footer2Right.

The following should be supported: link, text and image link, links need to be able tp open in a new window. Words should be cut where the word ends and then shown the rest on the next row. As a general rule left and right containers should occupy 50% & 50% of the space.

 

 

 Footer in mobile view:

Footer-in-mobile.jpg

 

 

4/21/2016