INTERNAL ONLY: New Introduction Style CSS Mockups

Authored by: Support.com Tech Pro Team

1. New Intro Style CSS

Dynamic Style 1:This style changes dynamically based on browser width.

Small Screen:

Style 1

Large Screen:

Style 1 Large

These can be color changed dynamically:

Style 1 Target
Toughbuilt
Style 1 AmTrust
SiOnyx

2. New Intro Style CSS

Static Style 3:

This style does not adjust to screen size, and remains static.

Static Style 3

It can, however, dynamically color change to some extent. So long as the bullets are unicode characters, those can dynamically color change too. If they are images, we lack access to page-level includes to make them color change automatically.

Target
ToughBuilt
AmTrust
SiOnyx

3. New Intro Style CSS

Dynamic Style 5:A combination of Style 3 look, with the dynamic element added to automatically adjust the location of an image.

Small Screen:

Style 5, small screen

Large screen:

Style 5 large screen

Dynamic color change is maintained, and extended to the small border around the image. So long as the bullets are unicode characters, those can dynamically color change too. If they are images, we lack access to page-level includes to make them color change automatically.

Target
ToughBuilt
AmTrust
SiOnyx