ThemeKit Reveal Split

ThemeKit Reveal Scroll Content

ThemeKit Reveal Scroll Content

The relative column widths are adjustable and the layout can be switched on browser/screen widths above the break point. Below the breakpoint the text can appear above or below the image.
Link
The optional link has lots of styling options. It can be aligned left, center or right and open internal/external pages and has a new window option.

Info
ThemeKit Reveal Image
ThemeKit Reveal Image

ThemeKit
Reveal
Image
Info

Info

Reveal Image

The ThemeKit Reveal Image widget above has the same split background as the other widgets on this page. The single image can reveal itself from the left or irght and has controls for animation time, delay and distance and a checkbox to change the direction.
The optional caption and the link icon can show on hover on computers and the background split angle can be switched when from 180° to 90° on screen widths belwo the break point.

    EverWeb
    ThemeKit
    Widgets

    Info

    Web Design

    Make a grand entrance into the world of commerce by building a stunning website to promote your brand.
    Layouts are grid based with overlapping elements and the generous use of white space to separate items for better visibilty and a unique user experience.

    • Transform the way you create web pages in EverWeb
    • Future proof responsive layout using the CSS Grid Layout Module
    • Create web page layouts like the professionals
    • Better layouts with less code
    • Complete package includes project file, widgets and media
    ThemeKit Reveal Image 1 Text
    Reveal Image [1]

    Reveal [1] Image

    The animated image can show its caption on hover when viewed on computers.
    The CTA style link is optional and the relative column widths can be adjusted,
    Below the break point the text can appear above or below the image.

    Info
    ThemeKit Reveal Image x 2
    Yin
    ThemeKit Reveal Image x 2
    Yang

    ThemeKit
    Reveal
    Text [2]

    Info

    Text Widget Options

    This widget creats a full width two column layout with a different wrapper and content background on each side.
    Both <article> elements are full height in the container which has a minimum height settings.
    The first example on the page shows the text panel in column [2] with the optional list which can have standard or custom markers.
    The relative widths of the columns can be adjusted and the text can appear above or below the heading panel on screen widths below the break point.
    When the heading is switched to the right the animation direction switches too.

      ThemeKit Reveal Fade In
      ThemeKit Reveal Fade In

      Overlay Fade In

      The container has options for an image with alt text, caption, heading, text and a link.
      The item fades in on page load after a preset delay and then fades out on click.

      Info