A jumbtron is used to draw attention to an important item. This design goes upscale by having the option to have a two color gradient background or an image inserted in three sizes with a lazy loading function.
Links
The jumbotron can have one internal/external link and an option to add another internal link with lots of styling options.
The height is adjusted used a slider that adds a percetage vertical padding.
Visit the ThemeKit store …
Address Line [1]
Address Line [2]
City
State/Region
Zip/Post Code
The slide nav can be used to replace outdated horizontal navigation with otrwithout dropdowns since research has shown that the best naviation type is vertical for getting click through to other pages.
It can slide out from the left or right so that two can be used as a section nav and a page navigation.
There are options to add a header and an image.
When the height of the navigation exceeds the brower.device viewport any overflow will scroll into view.
Action Tab
The nav tab can be inset and set at a fixed distance from the top. By checking a box it can be verticaly centered which is much more convenient for mobile device users.
Links
The links have the option to show an icon. They have a background animation on hover and the current page link can have a different background color.
A fast downloading page with a smooth fade in gives a web page that extra upmarket touch. The Contnt Fade In widget has adjustable height for use as a spacer and a solid or two color gradient background.
Animation
The fade in gives items like a hero image time to load. The animation time of the fade in can be adjusted in milliseconds.
Modern web design embraces breaking away from tight rows of boxes by using columns and horizontal spacing. This technique has proven to be effective for making content easier to find and focus on.
Spacer Widget
This has adjustable height and a solid or reversable gradient background, The separator line uses a CSS ::after selector to create a centered line.
The line has controls for percentage width, height, color and style. The styles are dashed, dotted, double or solid.
Note that a double line needs a height of at least 4px.
The landing page hero item with its CTA (call to action) is the first opportunity to grab a visitor's attention and get them to click through to other pages of the site.
The last chance is when they move the mouse cursor up to the web address to go elsewhere.
Before You Go …
When the vistor moves the mouse pointer into the browser address bar with the intention of leaving the site the notice pops up in the middle of the screen.
It can be used to notify visitors of a special offer or some other reason why they shouldn't leave the website.
The exit notice has options for a heading, text, a list and a CTA style link. The list has a selection of custom list style markers.
The floating close button adds a professional touch and there is an option to have the notice disappear when the link is clicked.
A footer is a complete waste of space on a responsive website and is very inconvenient for mobile phone users. If a footer is a must have feature then consider one like the one on this page that is opened from a show/hide bar fixed at the bottom.
The bar has the essential spam protected email function and a smooth scrol to the top with adjustable scroll time.
Check out all the new stuff from EverWeb Widgets …
