Tutype: Page

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

Sticky Image Sections

Sticky content images that stick to the top of each section as you scroll the page also fixed scrolling effect added to header background image.