Sticky Heading Logo Switch Scroll

Welcome to a header that when scrolled changes from one logo and a header title to a second logo and menu item, All CSS GeneratedThis effect also includes a blurred frosted glass effect on Final menu header.

Custom Shape Dividers

Custom shape dividers built using customized .SVG files in three separate container levels and opacities

Sticky Header Columns

A sticky header container with two columns that reducing size when scrolling. This effect can reduce the size of an image and expand the column containing the menu contentCSS only

Percentage Responsive Layout

Elements of page layouts for 1 to 5 columns using only percentage columns and padding.No use of pixel measurements used in this entire layout

Animated Water Droplets

Cool Water Droplet effect that animates on roll-over hover. Link also to the shape generator to change both droplet and highlight. Made with Flex Container.

Icon Selection Grid

Click on selected Icon to show content panels for each section. Animation can also be added to each section on loading.