Campaign page with sticky anchor bar

OhioHealth Home / User Guide for Editors / / Campaign page with sticky anchor bar

Anchor 1 section

Headline - Text block can show on the left or the right

This is the text block area. Lorem Ipsum. You can show or hide the background behind the text. CTA can be a link or a button. You can also hide the top or bottom padding. This box has the padding hidden for both.

Click Me For a Prize

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ac velit euismod, efficitur magna iaculis, posuere odio. Mauris sit amet mauris sapien. Vestibulum erat libero, condimentum sit amet euismod eget, molestie accumsan lectus. Pellentesque condimentum augue quis turpis bibendum, a blandit elit pretium. Duis eu tortor vitae nisl malesuada pretium ac vel purus. Suspendisse ac dui ac lorem porttitor bibendum ut in turpis. Phasellus pharetra feugiat nibh quis tempor. Aliquam magna nulla, sollicitudin varius purus eget, venenatis venenatis tellus. Nulla facilisi. Suspendisse potenti. Sed cursus magna id pharetra venenatis. Vestibulum dolor mauris, hendrerit vitae nisi ut, convallis eleifend quam.

A Container with a background

You can set the blocks within the container to be any width and you can also set the container to be any width. Be mindful of how the content looks on all types of devices.

Content is centered vertically within the container.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Image on Top and No CTA

CTA's are optional. Bottom padding is hidden on this block. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Anchor 2 section

This is a Container Headline

This text is a block that lives within the container. Container headlines can be left-aligned or centered within the block. The container content can also be aligned vertically top, bottom or centered within the block

The container can be shown with or without a background color. This container has no background.

Using a container makes it easier to line up content in ways that our current row and column set up doesn't allow such as 1 row with 2 items in 1 column and only 1 in the other.

This container has 3 blocks in it.

Image on Top and CTA

You have option to hide top and/or bottom padding to adjust spacing. Bottom padding is hidden on this block. "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Learn More

Image on Top and No CTA

Aenean erat neque, consectetur a est eget, accumsan elementum lorem. Cras dapibus quam neque, eleifend aliquet augue dignissim a. Nam malesuada nisl arcu, non maximus arcu aliquet iaculis. Praesent feugiat aliquam felis sed imperdiet. Nam quis justo nunc. Pellentesque eget ultricies nibh. Duis tincidunt, dui id condimentum hendrerit, purus mauris iaculis est, id egestas elit tellus non diam. Fusce in massa ac massa scelerisque mollis a sit amet justo. Sed quis erat gravida, hendrerit libero ac, ultricies orci. Nulla ac nisl mi. Quisque volutpat nunc quis magna mollis, nec dapibus metus dictum. Donec non finibus neque. Suspendisse potenti. Aliquam consequat tortor in justo euismod, gravida molestie enim tristique. Nunc gravida magna vel ante maximus, in venenatis metus molestie.

Lorem ipsum dolor sit amet

Learn more

Anchor 3 section

Praesent ac velit euismod, efficitur magna iaculis, posuere odio. Mauris sit amet mauris sapien. Vestibulum erat libero, condimentum sit amet euismod eget, molestie accumsan lectus. Pellentesque condimentum augue quis turpis bibendum, a blandit elit pretium. Nulla facilisi. Suspendisse potenti. Sed cursus magna id pharetra venenatis. Vestibulum dolor mauris, hendrerit vitae nisi ut, convallis eleifend quam.