Text sections

2 col layout, responsive tested

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Stay informed . . .

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

3 col layout, responsive tested

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Stay informed . . .

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

New legislation is coming!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Slide in feature

This element wont fire, unless its in the view port

JS add class in-view to the element, causing the css to fire
Jquery library called in snippets to make the JS work 

selector.in-view 
Also works in elementor edit screen

element needs to have .animation-element as its class

Reveal feature

selector { animation: 2s box-wipe-enter3;
animation delay: 1s;
animation-fill-mode: both;
}

This will only fire in view port
JS is in element above

 

Fade in up 

Column container is assigned class of .animation-element.
JS recognizes this when in viewport and adds class of .in-view
In the element, css the chooses what animation to fire.
The animation is defined at the Customize CSS level

The class can be assigned to any element. 
Hover effect is on the element itself. 
To fire in view class is assigned: .in-view 
JS to control this is in snippets 

Fade in right/left

Column container is assigned class of .animation-element.
JS recognizes this when in viewport and adds class of .in-view 

The various animation types can be at the CSS customizer level

Fade in right/left

Column container is assigned class of .animation-element.
JS recognizes this when in viewport and adds class of .in-view 

Parallax feature Elementor

Set in elementor 

 

Parallax feature CSS

Some content here. Some content here. Some content here. Some content here. Some content here. Some content here. Some content here. 

Parallax feature CSS

Set in elementor in the column

All CSS, no java

Reveal line on hover column

Line is assigned .remoteline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Clip path off

0% { clip-path: inset(0% 0% 0% 0%); }
50% { clip-path: inset(0% 100% 0% 0%); }
100% { clip-path: inset(100% 100% 100% 100%);

Clip path on (hover) 

0% { clip-path: inset(100% 100% 100% 100%); }
50% { clip-path: inset(0% 100% 0% 0%); }
100% { clip-path: inset(0% 0% 0% 0%); }

Reveal line on hover column

Line is assigned .remoteline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Clip path off

0% { clip-path: inset(0% 0% 0% 0%); }
50% { clip-path: inset(0% 100% 0% 0%); }
100% { clip-path: inset(100% 100% 100% 100%);

Clip path on (hover) 

0% { clip-path: inset(100% 100% 100% 100%); }
50% { clip-path: inset(0% 100% 0% 0%); }
100% { clip-path: inset(0% 0% 0% 0%); }

Reveal highlight on hover

Reveal pointer on hover

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Subtle hover effect on posts grid

Uncategorized
kmrjlv

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nunc id cursus metus aliquam eleifend

Read More »
Uncategorized
kmrjlv

Hello world!

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

Read More »