Landing Page


Landing Page


Description

The Landing Page content type is the starting point for building pages from scratch as opposed to using a Cloneable Template (e.g., Marketing, Start). The Landing Page has the same sections available as the following Clonable Templates : Marketing and Start.

Landing Page is an appropriate content type for home pages and landing pages or pages used for marketing or promotional purposes. The sections available in Landing Page offer additional visual appeal compared to the sections available in Content Page.

Available Header Sections

Available Body Sections

  • Body 1 - General Content
    • This versatile section has a number of nested sections. It has a general content section with a WYSIWIG editor. It can include accordions, tabs and images. It also has an optional sidebar with a list section, a text section, and a block section. Choose left or right sidebar orientation. If no sidebar is used the section is centered.
  • Body 2 - Headline & Text
    • This section has a headline and intro text. Choose from serif and sans-serif headline font options.
  • Body 3 - Pull Quote
    • This section has an attributed pull quote with the quoted person’s image, name and title. Select center-aligned or left-aligned options.
  • Body 4 - Card Group
    • This section has one to four cards. Each card includes a headline, short text, an optional image and link.
  • Body 5 - Statistic Card Collection
    • This section has one to four statistic cards. Each card includes a statistic, short text, and an optional link. Choose from several background colors.
  • Body 6 - Statistic Collection
    • This section features a group of three statistics with an optional headline and a short text area. Choose Brick or Night statistic color.
  • Body 7 - Image/Video Side-by-Side
    • This section has an image or video with a headline and a text area. Add up to three optional links. Choose left or right alignment.
  • Body 10 - Divider
    • This section is used to add a divider line between sections. Choose from seven divider styles and three divider widths.
  • Body 14 - Buttons
    • This section is used to add one to three buttons to a page. Select from numerous button styles.
  • Body 15 - Button Grid
    • This section is used to add a button grid of two to six large buttons.
  • CTA 1 - 1 Button
    • This section is full-width and features a headline, sub-headline, short text, and single button. It has two background options.
  • CTA 2 - 1 to 3 Buttons
    • This section is full-width and includes a headline, short text and one to three buttons. Choose from several background color options. Buttons are available for all color options. A link is available on the Steam Lightest background option only.
  • CTA 3 - 1 to 3 Card Carousel
    • This section is a full-width card carousel featuring one to three cards with headline, short text and a link icon. Choose from two background options.
  • CTA 4 - Overlay Image w/Button
    • This section is a full-width photo with a color overlay. It includes a headline and a button with optional short text. Choose from three color overlay options.
  • CTA 5 - 1 to 2 Buttons w/Link List
    • This section is full-width with a headline, short text, one or two buttons, and a list of links. Select between lake or night background colors.
  • CTA 6 - Social Media
    • This section is full-width with a headline and links to your social media presence on Facebook, Instagram, Twitter and YouTube. Choose from three background options.
  • Events 1
    • This section displays three-columns of events imported from the KU Calendar with a headline, and link to see all events. The date, event title and description are displayed.
  • Events 2
    • This section displays three-columns of events with images imported from the KU Calendar with a headline, and link to see all events. The date, event title and description are displayed along with the event image.
  • Events 3
    • This section displays two-columns of events imported from the KU Calendar with a headline, and link to see all events. The date, event title and description are displayed.
  • Images 1 - Basic
    • This section uses one or three images with optional captions. For single images, select from three caption locations. For two images, select symmetrical or asymmetrical display.
  • Images 2 - Image w/Text Box & Stripe
    • This section has a large image and text box with a background stripe. The text box includes a headline, short text and an optional link. Choose image orientation and background color for text box.
  • Images 3 - Vertical Image & Text
    • This section has a large vertical image with a headline, short text and an optional link.
  • Images 4 - Shadow Image & Text
    • This section has a large vertical image with a shadow that appears upon scroll. It includes a headline, short text and an optional link. Choose from several shadow colors.
  • Images 5 - Image Collection
    • This section has an image carousel with optional captions, a small headline and text. The images can be viewed on a gallery page.
  • Images 7 - 2 Images w/Text & Stripe
    • This section has two large images each with a headline, text and an optional link on top of a diagonal stripe.
  • List 1 - Link List
    • This section is used to create a concise list of links with a headline.
  • List 3 - Two Column List
    • This section has two columns of lists with a headline, links and short text. An optional headline is available on the second column.
  • List 5 - Associated Link List
    • This section has a headline and a list of associated links.

How To Create a New Landing Page:

  1. Select Content
  2. Select Add Content
  3. Select Landing Page
  4. Add Sections
  5. Save

See the documentation for Sections for detailed instructions by section.

Accessibility

All content on KU CMS sites must meet accessibility standards. See Accessibility for information, including guidelines and best practices.

Guidelines and Best Practices

  • Landing Page is an appropriate content type for home pages and landing pages.
  • Landing Page works well for pages used for marketing or promotional purposes.
  • The sections available in Landing Page offer additional visual appeal compared to the sections available in Content Page.