ThemeKit UI Card Gallery
Lightbox SlideshowA two column grid with switchable layout and a lightbox slider opened by clicking/tapping the image.
More Cards
ThemeKit UI
Card Gallery
Card Gallery
The card has a two column grid layout with an image with lazy load option and a text area with heading, optional styled span, text and an internal/external link.
Animation
The grid item can animate in when in view if required with controls for animation time and delay.
The animation can occur once or every time the item enters the viewport.
Animation is prevented on mobile phones by default but can be turned on for these devices if required.
ThemeKit UI Card Gallery
Style optionsThis example has the layout switched, the optional animation.
There are options for adding a gradient background to the image column and a border and/or bottom box shadow added to the container.
Header + Navigation
Website Navigation
Navigation has changed a lot over the years since most website visitors use mobile touch devices.
The outdated horizontal navigation across the top - with or ithout dropdowns - has proved to be ineffective.
Smaller sites with up to about twenty pages should have a navigation showing all the pages. It should be vertical and appear front and center.
Larger sites with directies or product type sections should use a section navigation on the home page - preferably with representative images.
If all the pages need to be included in the navigation a filter menu is the best choice.
Navigation
The navigation links slide down from the top on click or tap and are aranged in auto columns.
The links have a background hover animation and the current page link can have a different background color.
More Navigation