Column [1]
ColumnsThe grid can have 2, 3 or 4 columns. When 3 columns are present the last one centers itself in row 2 below the breakpoint
Columns
Slider
Column [2]
ContentEach column has a heading and text and options to add an image, styled span and a CTA style link which has a new window option.
The images have a lazy load option.
Column [3]
BackgroundThe container can have a solid color, two color gradient or an image background.
The background image is inserted in two sizes.
Columns
ItemsThis two column grid has no images but includes the heading, styled span text and the link.
The columns are HTML5 article elements and the background has an opacity slider to allow the image in the background to be partially visible.
The containers are shown here with the optional border, border radius and bottom box shadow.
The links are shown here without the optional border and radius. The background and hover background use the same color but with different opacity values.
Background
ImagesThe background features an image rather than the two color gradient.
The images used in the demo were resized to 1200 x 480 px for the large image and 600 x 480px for the mobile version.
The images were optimised using the freeware ImageOptim before importing into EverWeb.
Follow the link below to snag a copy of this essential app and find out how quick and easy it is to us ….
Resposnsive Text + List
The text + List widget has options to show an h1 heading, text block, list, h2 heading, more text and a link.
Demo
The easiest way to create a professional looking website with EverWeb using a ThemeKit template and widgets …
- Transform the way you create web pages in EverWeb
- Future proof responsive layout using HTML5 and the CSS Grid Layout Module
- Create web page alyouts like the professionals
- Excellent user experience on all devices
- Better layouts with less code
- Complete package includes project file, and widgets
Themes & Widgets
Start creating a website with up to date styling, structure and features with this quick and easy system.
ThemeKitHeading
The responsive Anchor Heading is used as an h1 at the top of this page. It shows the option to add an SVG icon which is configured as an internal link.
The icon has controls for size, color, background color, hover color, border width and radius and a checkbox for making it round.
The padding control can be used to reduce the relative size of the icon in relation to the size of the link.
Menu