Not Signed In

Login or Create an account to continue

Today's Order

Pricing: {{ user.priceType }}Retail
Total Price: $
PV: ###

You currently have no items in your Cart

Not Signed In

Login or Create an account to continue

AutoShip Order

AutoShip Status: Active Inactive
Next AutoShip Date: (xx/xx/xxxx) None
Pricing: Loyalty
Total Price: $85.99
PV: ###

You currently have no items on AutoShip

Not Signed In

Login or Create an account to continue

Bank Accounts

First Bank of Ghana

Current Balance: $850,000.85 GHD
Last Activity: 12 Minutes ago

Chase Bank - NG

Current Balance: 850 000,85 NGD
Last Activity: 12 Minutes ago

Admin Controls

Start breaking things

View Page As:




Admin Toolbar

Currently Editing:
##ACTIVE COMPONENT##

Component A tab 1

Component A tab 2

Component A tab 3

Home Page Carousel

Carousel of banners that are displayed on the homepage of max.com

Type: Banner Carousel
Size: Large Page Banner
Status: Enabled

This carousel will be enabled from ##START DATE## to ##END DATE##

Preview:

This field is required.

Thumbnail Name Status Type Variations Languages Edit
Meta-Switch Home Banner
Enabled
11/26/2017 - Forever
Large Page Banner
  • Global
  • North American Associates
  • English
  • Spanish
Be Bar Banner
Disabled
No Schedule Set
Large Page Banner ## Banner Variations ##
  • English
  • Spanish
  • French
2018 Convention Banner
Scheduled
05/1/2018 - 09/15/2018
Large Page Banner ## Banner Variations ##
  • English
  • Spanish
  • French
## Banner Name##
##STATUS##
## STATUS MESSAGE ##
## Banner Type ## ## Banner Variations ##
  • ## LANGUAGES ##
##Component B tab 2##
{{contentKey.name}} Missing Translations Ready Draft 

{{contentKey.en}}

Text missing, click here to edit

English

Translation Missing {{contentKey.en}}


Spanish

Translation Missing {{contentKey.es}}


French

Translation Missing {{contentKey.fr}}

Content Settings

Select which visitors can view this ##COMPONENT TYPE##. If the Global variation is enabled, all visitors will have access to a version of this ##COMPONENT TYPE##.

Variation Enabled Live
{{variation.name}}

Now Live

Ready

Has Error

Language Enabled
English
Spanish
French

Banner Options

This field is required.

This field is required.

This field is required.

Component B-1 tab 2

Component B-1 tab 3

Meta-Switch Banner

Let's put in some text that will be used to show what a note might look like for a particular page object

Type: Large Page Banner
Status: Enabled

This banner will be enabled from ##START DATE## to ##END DATE##

Preview:


Leave the end date blank if you would like to have this ##COMPONENT## run indefinitely (can disable at any time)

If this banner is included in any groups, it will be displayed in order according to it's priority

Component B-2 tab 2

Component B-2 tab 3

Component B-3 tab 1

Component B-3 tab 2

Component B-3 tab 3

Component B-4 tab 1

Component B-4 tab 2

Component B-4 tab 3

Page Elements

Select a category

Max Colors


Max blue 1 HEX:#008DA8

Max blue 2 HEX:#00BFD5

Max Green 1 HEX:#4D9C2D

Max Green 2 HEX:##94D500

Max Orange 1 HEX:#E15829

Max Orange 2 HEX:#FF8F12

Max Purple 1 HEX:#5A2B81

Max Purple 2 HEX:#A35DB4

Max Red 1 HEX:#AB0032

Max Red 2 HEX:#EB0028

Badges


Header 3 badge-default

Header 3 badge-primary

Header 3 badge-success

Header 3 badge-info

Header 3 badge-warning

Header 3 badge-danger

Header 3 badge-pill

Buttons
































Components

Content Management UI


Item Details

Available Classes

Available Classes


Available Classes

Page Banner Large

Large page banner 25:9 aspect ratio
Sample dimenstions: 2000px x 720px

Page Banner - Medium

Medium page banner - 5:1 aspect ratio
4:1 aspect ratio on portrait orientation.
sample dimenstions: 2000px x 400px

Page Banner - Small

Large page banner 20:3 aspect ratio
sample dimenstions: 2000px x 300px

Saving Images For Web

Saving images for web is little bit of a balancing act, the goal is to maximize the image quality while minimizing load times. Large images saved at maximum quality might be good for printing large banners, but are not ideal for the web and can lead to longer load times.

Image File Types:

jpeg: Smaller file sizes, does not support transparency.

png: Larger file sizes, higher quality images, supports transparency

gif: Small file size, limited colors, can be animated

svg: Filetype typically used for vector graphics, scales well and typically has a small file size

Recommended image specs

maximum width: 2000px maximum filesize: 400kb

Backgrounds

many objects throughout a page could have a background image or color applied, sections, pagebanners, and cards are a prime example of this

Background Colors

bg-color-blue-1

bg-color-blue-2

bg-color-green-1

bg-color-green-2

bg-color-orange-1

bg-color-orange-2

bg-color-red-1

bg-color-red-2

bg-color-purple-1

bg-color-purple-2

bg-color-white

bg-color-grey-1

bg-color-grey-2

bg-color-grey-3

bg-color-grey-4

Background Gradients

bg-gradient-blue

bg-gradient-green

bg-gradient-orange

bg-gradient-mix-1

bg-gradient-mix-2

bg-gradient-transparent-blue-1

bg-gradient-transparent-blue-2

bg-gradient-transparent-blue-2-v2

bg-gradient-transparent-green-1

bg-gradient-transparent-green-2

bg-gradient-transparent-orange-1

bg-gradient-transparent-orange-2