Component

Teaser Content

SCSS Location: /styles/scss/partial/_teaser-content.scss
  • Status: Design
  • Status: Development
  • Status: Documentation

Description

Two column display of content with an image and supporting copy.

Guidelines

Item Design Guidelines Not Provided

Usage

Can be displayed with an image either to the left or the right. On mobile, the title will alwasy pop above the image.

Standard Teasers

Alternative text describing the image.

Courses

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dapibus leo sit amet diam dapibus facilisis. Aliquam blandit venenatis quam sit amet aliquet. Proin elementum feugiat augue, in sodales enim tempus sed. Interdum et malesuada fames ac ante ipsum primis in faucibus.

About Vertex Courses
Alternative text describing the image.

Vertex Certified Program

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dapibus leo sit amet diam dapibus facilisis. Aliquam blandit venenatis quam sit amet aliquet. Proin elementum feugiat augue, in sodales enim tempus sed. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Explore Certified Program

Standard Teasers - no image boarder

Alternative text describing the image.

Courses

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dapibus leo sit amet diam dapibus facilisis. Aliquam blandit venenatis quam sit amet aliquet. Proin elementum feugiat augue, in sodales enim tempus sed. Interdum et malesuada fames ac ante ipsum primis in faucibus.

About Vertex Courses
Alternative text describing the image.

Vertex Certified Program

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dapibus leo sit amet diam dapibus facilisis. Aliquam blandit venenatis quam sit amet aliquet. Proin elementum feugiat augue, in sodales enim tempus sed. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Explore Certified Program

Standalone Teaser (image aligned left)

Alternative text describing the image.

Courses

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dapibus leo sit amet diam dapibus facilisis. Aliquam blandit venenatis quam sit amet aliquet. Proin elementum feugiat augue, in sodales enim tempus sed. Interdum et malesuada fames ac ante ipsum primis in faucibus.

About Vertex Courses

Standalone Teaser (image aligned right)

Alternative text describing the image.

Vertex Certified Program

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dapibus leo sit amet diam dapibus facilisis. Aliquam blandit venenatis quam sit amet aliquet. Proin elementum feugiat augue, in sodales enim tempus sed. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Explore Certified Program

Media Teasers

Title 4 icon

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam interdum hendrerit leo ac facilisis.

link text button

Title 4 icon

Aliquam vehicula convallis tempus. Nunc eros ipsum, ornare eget sapien ac, iaculis ultrices dui.

link text button

Style Guide Version 1.0.0

Last Updated:
© 2017 Vertex Inc All Rights Reserved