Link Bar
The ThemeKit AV Link Bar has a flex layout so that the links will return to two or more lines as the brpwser/device screen width decrease.
The links have a double three color gradient animation on hover.
The ThemeKit AV Link Bar has a flex layout so that the links will return to two or more lines as the brpwser/device screen width decrease.
The links have a double three color gradient animation on hover.
The row can have 2, 3 or 4 items.
When there are three items the last on aligns itself in the center of row 2 below the first break point.
The items stack vertically on phones in portrait mode.
The columns are created using the CSS Grid Layout Module.
Each column has an <article> element which can have a border if required
The article has a heading, text and an optional link.
The icons are SVGs and are inserted by opening the SVG download folder, double clicking the file to open it in TextEdit in plain text mode, copying the code and pasting it into the SVG code box in the widget settings.
The links are positioned at the bottom of the container so that they remain in line despite varying amounts of content.
Configure
Links can open internal/external pages or files
The ThemeKit Avotron was designed to create a more interesting visual layout using space and angles
AudioIn this example the layout has been switched.
The clip angle is adjustable and can run from left to right, vertical or right to left.