ThemeKit Info Section
The image can be placed left or right, inserts in two sizes and can rotate in on load or in viewport on the X or Y-axis.
InfoEverWeb ThemeKit
ThemeKit Shapes - Wave
Rather than create items with built in shapes, these add on SVG shapes can be used above or below a responsive item to give pages a modern looking design.
Wave
The wave is a very popular feature in many " big name" websites. The item is full width with adjustable height. Both the SVG and the container have controls for background color and opacity.
Wave Orientation
The wave shown above has the default orientation and is placed below the ThemeKit Info Section widegt
There is a checkbox to flip the wave through 180° when it is to be placed on the top of a item. as can be seen below
Image Description
Shutter Image
The shutter is closed when viewed on tablets and phones.
The items can be switched and the text can be on the top or bottom on screen widths below the break point.
The CTA style link is optional.
SVG Triangle
The triangle widget creates a left, center or right triangle. The SVG can have a two color gradient background with controls for opacity. The container has controls for its background color and opacity. There is a control for height which uses viewport units.
There are checkboxes for selecting the triangle type - left, cnter or right.
The shape above was created by checking all three boxes and the one below uses the left triangle with the SVG color white and the container background set to black.
All three types of triangle can be flipped vertically by checking a box
ThemeKit Info Section
The image can be placed left or right, inserts in two sizes and can rotate in on load or in viewport on the X or Y-axis.
InfoSVG Curve
Both the SVG and the container have controls for background color and opacity and there is a control for height which uses viewport units. A separate control adjusts the container height relative to the height of the SVG
There is checkbox to flip the curve's orientation as shown below..