Partials

ac-tracking

Provides site tracking scripts.

Source:

Back to top

banner/slim-banner-url

A partial for a ribbon-thin banner with a simple text link

Properties:

Name Type Default Val
banner_default_classes string "px-5 py-5 mb-8 m--mb-11"
banner_custom_classes string Optional
banner_background_color string Optional
banner_text_color string Optional
generic_study_hall string Optional
targeted_study_hall string Optional

Source:

Back to top

banner/title-cta

A partial for a banner with a title, copy, and CTA Button

Properties:

Name Type Default Val
banner_cta_button_text string Required
banner_cta_url string Required
banner_cta_button_color string Optional
banner_cta_text_color string Optional
banner_default_classes string "py-11"
banner_background_color string Optional
banner_copy string Optional
banner_custom_classes string Optional
banner_text_color string Optional

See:

To Do:

  • Set up defaults for vars
  • Fix banner_default_classes to use banner_custom_classes with defaults

Source:

Back to top

banner/title-image

A partial for a banner with a title, copy, and image

Properties:

Name Type Default Val Description
banner_title string Required

Banner title
banner_image string Required

Banner image
banner_mobile_image string Required

Banner mobile image
title_image_img_position string Optional

Have the text appear on the left or right
banner_description string Optional
custom_classes string ""

Custom classes to apply to wrapping section
title_image_text_classes string "white"

Custom classes to apply to the text

Source:

Back to top

banner/title-video

A partial for a banner with a title, copy, and image

Properties:

Name Type Default Val Description
banner_title string Required

Banner title
video_wistia_id string Required

Wistia video id
video_thumbnail string Optional

Wistia video thumbnail
banner_description string Optional
section_classes string "px-5 py-11 l--py-6"

Classes applied to the wrapping section

Source:

Back to top

banner/trial-form

A partial for a banner with a trail-form

See:

To Do:

  • Document property vars
  • Set up defaults for vars
  • Fix default_classes to use custom_classes with defaults

Source:

Back to top

block/basic-alternating

A partial for basic alternating blocks. Adding custom image classes allows the image to be position and sized any way, but the fallback will assume an image width of 5 columns on desktop layouts.

Properties:

Name Type Default Val Description
title string Required
description string Required
image string Required
sub_title string Optional

Optional lead in uppercase text above title
link_text string Optional
link_url string Optional
image_mobile string Optional
text_on string Optional

Have the text appear on the left or right
alternating_backgrounds bool false
background_color string Optional

If alternating_backgrounds is true, you can set the background_color var
mobile_image_bottom bool false

Flips the order of the image on mobile size
custom_image_classes string Optional

Custom classes to add to image when it's on the right OR right
default_image_classes_reversed string "l--pl-2-col"

Custom classes to add to image when it's on the right
default_image_classes string "l--pr-2-col"

Custom classes to add to image when it's on the left

Source:

Back to top

block/billboard

A partial for a block billboard. You must define bg_color and headline_color in your template

Properties:

Name Type Default Val
default_section_classes string px-5 pt-11 m--pt-12

To Do:

  • Document property vars

Source:

Back to top

block/billboard-video

To Do:

  • Document property vars/partial

Source:

Back to top

block/three-col-checklist

A partial for 3 column checklists

To Do:

  • Document property vars

Source:

Back to top

block/two-col-checklist

A partial for 2 column checklists

To Do:

  • Document property vars

Source:

Back to top

cta-button

A partial for a CTA Button

Properties:

Name Type Default Val Description
cta_url string Required

Button's href link
cta_button_text string Required

Button's text
cta_button_color string Optional

Button's color class

To Do:

  • Set up defaults for vars

Source:

Back to top

feature-roll/three-column-left

To Do:

  • Document property vars/partial

Source:

Back to top

feature-roll/two-column-left

To Do:

  • Document property vars/partial

Source:

Back to top

feature-roll/two-column-left

To Do:

  • Document property vars/partial

Source:

Back to top

form-free-trial

A partial for the form free trial

Star Deprecated: This partial has been deprecated. Please use form/free-trial instead.

To Do:

  • Document property vars

Source:

Back to top

form/conversations-beta

A partial for the private signup for the conversations beta

Properties:

Name Type Description
button_color string

Pass ocean for ocean, or else it will be mint

To Do:

  • Set up defaults for vars

Source:

Back to top

form/free-trial

A partial for a free trial form

Properties:

Name Type Description
button_color string

Pass ocean for ocean, or else it will be mint

To Do:

  • Set up defaults for vars
  • Make it not hardcode ocean "else" mint for button_color var

Source:

Back to top

hero/logo-title-text-cta

To Do:

  • Document property vars

Source:

Back to top

hero/title-text

To Do:

  • Document property vars/partial

Source:

Back to top

hero/title-text-cta

To Do:

  • Document property vars/partial

Source:

Back to top

hero/title-text-image

To Do:

  • Document property vars/partial

Source:

Back to top

hero/title-text-trial

A partial for a banner with a lead, headline, subheadline, and trial signup

Properties:

Name Type Default Val Description
hero_headline string Required

Main text in the headline
custom_classes string Optional

Extra classes to apply to the wrapping section
custom_spacing string Optional

Extra classes to apply to the wrapping section
hero_lead_in_title string Optional

Uppercase hero lead in title
hero_subheadline string Optional

Text below headline

See:

Source:

Back to top

hero/title-text-video-cta

To Do:

  • Document property vars/partial

Source:

Back to top

secondary-nav

To Do:

  • Document property vars/partial

Source:

Back to top

section-header

To Do:

  • Document property vars/partial

Source:

Back to top

simple-logo-header

Source:

Back to top

tabs/vertical

To Do:

  • Document property vars/partial

Source:

Back to top

testimonials/card-basic

To Do:

  • Document property vars/partial

Source:

Back to top

testimonials/card-thumbs-up

To Do:

  • Document property vars/partial

Source:

Back to top

top-level/automation-tabs

To Do:

  • Document property vars/partial

Source:

Back to top

top-level/basic-cta

A partial for a basic CTA trial form

Properties:

Name Type Default Val Description
title string Required

Headline title
copy string Required

Text below Headline title
btn-color string Required

Passed to the form/free-trial's var button_color
bg-color string Optional

Pass it ocean or mint for a wave background
default string "px-5 pt-10 pb-11 m--py-11"

Classes applied to section wrapper
bg string "bg-bottom bg-contain l--bg-center l--bg-cover bg-{{ bg-color }}"

Classes applied to section wrapper

See:

Source:

Back to top

top-level/basic-sections

Star Deprecated: This partial has been deprecated. Please use block/basic-alternating instead.

To Do:

  • Document property vars/partial

Source:

Back to top

top-level/focal-section

To Do:

  • Document property vars/partial

Source:

Back to top

top-level/focal-section-integrations

To Do:

  • Document property vars/partial

Source:

Back to top

top-level/focal-video

Star Deprecated: This partial has been deprecated. Please use block/focal-video instead.

To Do:

  • Document property vars/partial

Source:

Back to top

top-level/hero

To Do:

  • Document property vars/partial

Source:

Back to top

top-level/secondary-feature-roll

Star Deprecated: This partial has been deprecated. Please use feature-roll/three-column-left instead.

To Do:

  • Document property vars/partial

Source:

Back to top

top-level/testimonial-cta

To Do:

  • Document property vars/partial

Source:

Back to top