Full Width Widgets
Thes widgets are designed for creating full width, responsive style features on a fixed width website. Those who are creating a TriSite using the Touch Widgets should view these as a complement to these widgets for creating more modern features.
NOTE: Click the button below - or the individual widget icons - to open the demo website in a new window.
The full width, responsive header can be fixed or floating with two logo/icons - one left and the other right - which can be created as hyperlinks. The h1 heading is included plus an optional site search box.
The header resizes on scroll and includes a logo, h1 heading and the EverWeb default navigation with many additional styling options for the main links and the drop downs.
This full width footer can be fixed or floating with options for a site search box and a smooth scroll, expanding scroll to the top button.
A full width, fixed height Google map with info window containing a heading and text. There's a choice of markers which can be animated if required.
A full width, fixed height image which can be fixed in position and has an optional, styled center caption.
Similar to the above but allows two images to crossfade over time with settings for animation time and animation iteration with infinity option.
A full width, fixed height slideshow which can be autoplay or manual using pager dots. The pager can be positioned in a choice of six places.
An animated layer slider with manual or autoplay settings, image links and two animated layers for a heading and text.
A full width, fixed height center image carousel with captions. The images can be hyperlinks to open in a new window if required.
An image scroller with pause on hover, image hyperlinks and captions. The captions can animate on hover if required.
A heading which can be full width or normal width and fixed to the browser left with an optional fade out animation on scroll.
The rectangle has quite a few styling options and is used to create a full width, slide over layer for fixed objects.
An HTML5 element which contains text and an optional heading which fades out on scroll.
A down arrow with optional text flyout on hover which smooth scrolls to an anchor.
An HTML5 <hr> element which creates a styled them break and has the option for using it as an anchor.
An HTML5 <hr> element which creates a styled vertical spacer and also has the option for using it as an anchor.
A full width responsive text box with many styling options.
Three inline responsive text modules with optional CTA style button link.
Three inline responsive image modules with alt text, heading, description and optional CTA style button link.
Three inline responsive news or blog modules with image and date caption, heading, description and optional CTA style button link.
Three inline responsive modules with thumbnaile and a caption/description which popups up a lightbox image on click.
Responsive lightbox image gallery with thumbnail and full size image captions.
Responsive columns with optional separator and individual column text styles.
Responsive modules for launching Vimeo and YouTube videos in a lightbox.
A responsive full width animated thumbnail gallery slideshow with captions.
Sticky notes to fix to the left or right of the browser edge and animate on scroll.
Responsive CTA link buttons which can link to an internal or extermnal page and open in a new window if required.
Responsive CTA link buttons which use the Fontawesome icons and can link to an internal or extermnal page and open in a new window if required.
Responsive CTA link buttons which use Google icons and can link to an internal or extermnal page and open in a new window if required.
A full width scroll frame for inserting scrolling content via an iframe
Inset Disqus comments in a full width responsive container.
An image link which can be fixed or floated left or right width the option to hide on tablet devices.
Three inline responsive MP3 Audio playes with Play/Paue button and up to two lines for track info/artist name.r
A full width, horizontal navigation which indicates the current page with a change in font color, background color and/or text decoration.
This widget creates a full width, responsive header with options for a logo and an h1 heading for the website name. It is designed to be used in conjunction with the default EverWeb navigation menu with a current page option.
A full width responsive text box with optional heading and text wrap around an image. The image can be set at 100% width if the text wrap is not required.
A full width responsive header with optional logo, h1 heading and a navigation menu which switches to a drop down tab menu when the site is viewed on a tablet device like an iPad.
A full width responsive header with optional logo, h1 heading and a navigation menu which switches to a slide down screen wide tab menu when the site is viewed on a tablet device like an iPad.
A full width responsive scroll then stick navigation with icons and anchors. Options for an external and an email link. Internal links can be links to pages or to anchors on the same page.
A full width responsive slideshow with thumbnail grid. The zoom control appears on hover, clicking the image zooms it and the grab hand appears to allow the visitor to drag it around.
A full width responsive MP4 video player which can be inserted as responsive or as a full width background layer.
Autoplay, controls, muted and loop options.
Full width, responsive images with optional centered caption and either fixed or responsive height and a maximum width setting to control the size at wide browser settings.
A responsive, styled list with eight list style options and tab hyperlinks for touch devices.
Accomodates up to 100 list items.