HeadLINE

Subtitle text

style samples

Changing the STYLE of an element will affect ALL elements with the SAME CLASS.
Add a ADDITIONAL class for style CHANGES
Click on the text below to reveal elements. Must be in PREVIEW MODE!!!
Click again to hide elements.
Once you know which element you want you can copy it from the nav on the left!

Elements

Buttons - DO NOT EDIT
Headings - DO NOT EDIT
Cards  - DO NOT EDIT unless you add an additional CLASS.
Divs - Used for section headings. Icon + Copy can be changed

CTAs

Update Email CTA - Heading & Icon image can be changed.
Gradient CTA
Standard CTA - Text & link can be changed.

Sections

Main Sections - sections will expand to fit the element they're in. DO NOT EDIT
Split Section 2  - Images, text & CTAs can be changed. You can add more more columns if needed.
Split Section 1 - Images, text & CTAs can be changed. You can add more more columns if needed.
Split Section 3- Images, text & CTAs can be changed.
Column Section [Img - Copy] - Image & Copy can be changed.
Column Section [Content - Img] - Image & Copy can be changed. Layout can be switched as well.

Global combo classes

These can be applied as additional classes to any element.

Class names that start with "x-" are externally defined classes. Their appearance is defined outside of Webflow, and often enables some behaviour that's implemented in JavaScript. Such classes can be freely used on elements in Webflow whenever you want the associated behaviour, but are not and should never be styled in Webflow.

Hidden: Not shown at all. Use this for keeping around elements that will be turned on and off (e.g. a notification banner that might be unused most of the time, but is kept present in a hidden state so it's easy to turn on without rebuilding it).

Shadow: Applies a drop shadow to the element.
An element with the Shadow class

Externally defined classes

Class names that start with "x-" are externally defined classes. Their appearance is defined outside of Webflow, and often enables some behaviour that's implemented in JavaScript. Such classes can be freely used on elements in Webflow whenever you want the associated behaviour, but are not and should never be styled in Webflow.

x-hidden-while-loading: Hidden while the page is loading; shown only when the page is fully loaded.
x-shown-while-loading: Shown only while the page is loading; hidden when the page is fully loaded.
x-padding-top-while-loading: Has padding-top: 100vh (the browser window height) while the page is loading; reverts to no padding when the page is fully loaded.
x-zero-projects: Shown only when there are zero projects with published RFVs.
x-nonzero-projects: Shown only when there are one or more projects with published RFVs.
x-dismissable: Shown normally until the user clicks the element marked with x-dismiss-button within, which sets a cookie that hides and keeps hidden the x-dismissable element for hours.‍
Ads

Alice Candidate

Arizona State House
Learn More

Project Description

Lorem ipsum...

Time Commitment

  • Apr 1 to Apr 20, 2021
  • 1 million hours

Roles Needed

  • Magician
  • Acrobat
Email Marketing

Bob Candidate

Colorado State Senate
Learn More

Project Description

Lorem ipsum...

Time Commitment

  • Apr 1 to Apr 20, 2021
  • 5 minutes

Roles Needed

  • Clown
  • Mime
Special Project

Donut Delivery

Delaware Governor
Learn More

Project Description

Lorem ipsum...

Time Commitment

  • Apr 1 to Apr 20, 2021
  • 100 years

Roles Needed

  • Cyclist
  • Taste Tester
Texting

Tom Candidate

Texas Justice
Learn More

Project Description

Lorem ipsum...

Time Commitment

  • Apr 1 to Apr 20, 2021
  • 100 years

Roles Needed

  • Thumb Athlete
  • Millenial
Website

Wanda Candidate

Wyoming Lt. Governor
Learn More

Project Description

Lorem ipsum...

Time Commitment

  • Apr 1 to Apr 20, 2021
  • 100 years

Roles Needed

  • Designer
  • Impressionist