Due to high demand, some services may be delayed.
Learn more
Mobile
Broadband
Entertainment
Lifestyle & Safety
Membership
Title maximum two lines as a big header.

Multiple Banner + Not Autoplay

CTA text
Title maximum two lines as a big header.

Subheader here keep to one line.

CTA text
Title maximum two lines as a big header.

Subheader here keep to one line.

Title maximum two lines as a big header.

Subheader here keep to one line.

Title maximum two lines as a big header.

Multiple Banner + Enable Autoplay

CTA text
Title maximum two lines as a big header.

Subheader here keep to one line.

CTA text
Title maximum two lines as a big header.

Subheader here keep to one line.

Title maximum two lines as a big header.

Subheader here keep to one line.

1 Key Item
1 Key Item
2 Key Item
1 Key Item
2 Key Item
3 Key Item
1 Key Item
2 Key Item
3 Key Item
4 Key Item

Paragraph

H2

H3

H4

H5
H6

Caption/Footnote

Neutral-100

Neutral-600

Transparent-White-400

Green-800

Pink-500

Pink-800

Blue-700

Neutral-0

Neutral-300

Transparent-Black-400

Green-600

BOLD

Italic

Underline

Align Text Left

Center Text

Align Text Right

Justify Text

Justified text is a paragraph alignment where both the left and right edges are flush, creating a clean, rectangular block, often used in books and newspapers. It works by adjusting the space between words and sometimes letters. While offering a formal look, it can create awkward gaps ("rivers of white") if not properly formatted. Justified text is a paragraph alignment where both the left and right edges are flush, creating a clean, rectangular block, often used in books and newspapers. It works by adjusting the space between words and sometimes letters. While offering a formal look, it can create awkward gaps ("rivers of white") if not properly formatted.

  • Bullet list 0
  • Bullet list 1
  • Bullet list 2
  • Bullet list 3
  1. Numbered list 0
  2. Numbered list 1
  3. Numbered list 2
  4. Numbered list 3

PROD URL New tab

PROD URL Same tab

Tooltip

Content Card - Text Only

Label
CATEGORY
Description on top

Text Only - Lorem ipsum dolor sit amet, consectetur adipisci

Learn more Learn more
Description on top
Learn more Learn more
Description on top
Label
CATEGORY
Description on top

Content Card - Text + Top Media

Label
CATEGORY
Description on top

Text + Top Media - Lorem ipsum dolor sit amet

Learn more Learn more
Description on top
Learn more Learn more
Description on top
Label
CATEGORY
Description on top

Content Card - Text + Bottom Media

Label
CATEGORY
Description on top

Text + Bottom Media - Lorem ipsum dolor sit amet

Learn more Learn more
Description on top
Learn more Learn more
Description on top
Label
CATEGORY
Description on top

Content Card - mix

Label
CATEGORY
Description on top

Text + Top Media - Lorem ipsum dolor sit amet

Learn more Learn more
Description on top

Text + Bottom Media

Learn more Learn more
Description on top
Label
CATEGORY
Description on top

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lor

Learn more Learn more

Content Card - Colour

Label
CATEGORY
Description on top

Container Secondary Light

Learn more Learn more
Description on top

Container Neutral Light

Learn more Learn more
Description on top

Container Primary Subtle

Label
CATEGORY
Description on top

Container Information Subtle

Label
CATEGORY
Description on top

Container Primary

Learn more Learn more
Description on top

Container Information

Learn more Learn more
Description on top

Container Neutral Dark

Label
CATEGORY
Description on top

Container Secondary Dark

Content Card - 2 items

Label
CATEGORY
Description on top

Text + Top Media - Lorem ipsum dolor sit amet

Learn more Learn more
Description on top

Text + Bottom Media

Learn more Learn more

Content Card - 3 items

Label
CATEGORY
Description on top

Text + Top Media - Lorem ipsum dolor sit amet

Learn more Learn more
Description on top

Text + Bottom Media

Learn more Learn more
Description on top

Product Card - 2 Items

  • Label
    Category
    Description on top
    • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    Button
  • Label
    Category
    Description on top

    Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum

    Button

Product Card - 3 Items

  • Label
    Category
    Description on top
    • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    Button
  • Label
    Category
    Description on top

    Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum

    Button
  • Category
    Description on top
    Learn more Learn more

Product Card - 4 Items

  • Label
    Category
    Description on top
    • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    Button
  • Label
    Category
    Description on top

    Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum

    Button
  • Category
    Description on top
    Learn more Learn more
  • Description on top
    Button

Column container - 2

BENTO 5 tiles A

Label
pri + lar + auto
Category
Mobile

Heading only two lines maximum

Label
bUTTON bUTTON
Category
Mobile
Label
2 + small + auto
Category
Mobile

Apply a black gradient behind the title and category. Only applicable when an im

Label
Category
Mobile

Apply a black gradient behind the title and category. Only applicable when an im

Label
Category
Mobile

Apply a black gradient behind the title and category. Only applicable when an im

BENTO 5 tiles B

Label
pri + lar + auto
Category
Mobile

Heading only two lines maximum

Label
bUTTON bUTTON
Category
Mobile
Label
2 + small + auto
Category
Mobile

Apply a black gradient behind the title and category. Only applicable when an im

Label
Category
Mobile

Apply a black gradient behind the title and category. Only applicable when an im

Label
Category
Mobile

BENTO 4 tiles A

Label
pri + lar + auto
Category
Mobile

Heading only two lines maximum

Label
bUTTON bUTTON
Category
Mobile
Label
2 + small + auto
Category
Mobile

Apply a black gradient behind the title and category. Only applicable when an im

Label
Category
Mobile

Apply a black gradient behind the title and category. Only applicable when an im

BENTO 4 tiles B

Label
pri + lar + auto
Category
Mobile

Heading only two lines maximum Heading only two lines maximum Heading only two l

Label
bUTTON bUTTON
Category
Mobile
Label
2 + small + auto
Category
Mobile

Apply a black gradient behind the title and category. Only applicable when an im

Label
Category
Mobile

Apply a black gradient behind the title and category. Only applicable when an im

BENTO - Small

Label
Category
Full Image
Label
Category
TOP
Label
BOTTOM - NO CATEGORY
Label
Category
BOTTOM
Label
CATEGORY
Enable gradient

BENTO - Medium

Label
Category
Full Image
Label
Category
Enable gradient
Label
Category
TOP
Label
Category
BOTTOM

BENTO - Large - Vertical

Label
Category
Full Image
Label
Category
Enable gradient
Label
Category
TOP
Label
Category
BOTTOM

BENTO - Large - Horizontal

Label
Category
Full Image
Label
Category
Enable gradient
Label
Category
TOP
Label
Category
BOTTOM

BENTO - Color

Label
bUTTON bUTTON
CATEGORY
White - None

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit a

2 + small + auto 2 + small + auto
Label
CATEGORY
Green - Bottom
Label
CATEGORY
Blue - TOP
Label
ter + small ter + small
CATEGORY
Gradient Green

Body Text

Column container - 2

Column 1

pri + lar + auto pri + lar + auto

Embed Testing

Column 2

pri + lar + auto pri + lar + auto

Embed Testing

Column container - 3

Column 1

Column 2

Column 3

Column container - 4

Column 1

Column 2

Column 3

Column 4

Column container - 4

Column 4 have not component

Column 1

Column 2

Column 3

Column container - 4

Column 3 have not component

Column 1

Column 2

Column 3

Column container - 4

Unchecked - Stack columns on mobile

Column 1

Column 2

Column 3

Column 4

Column container - 4

Checked - Stack columns on mobile

Column 1

Column 2

Column 3

Column 4

sectionContainer-1

Not Full Width Content

sectionContainer-2

Full Width Content

Quick Links

Label
Int + current
ext + new tab
Int + current
ext + new tab
Quick Link 3
Label
Int + current Label
ext + new tab Label
Quick Link 3 Label
Quick Link 4
Label
Int + current Label
ext + new tab Label
Quick Link 3 Label
Quick Link 4 Label
Quick Link 5
Label
Int + current Label
ext + new tab Label
Quick Link 3 Label
Quick Link 4 Label
Quick Link 5 Label
Quick Link 6
Label
Int + current Label
ext + new tab Label
Quick Link 3 Label
Quick Link 4 Label
Quick Link 5 Label
Quick Link 6 Label
Quick Link 7
Label
Int + current Label
ext + new tab Label
Quick Link 3 Label
Quick Link 4 Label
Quick Link 5 Label
Quick Link 6 Label
Quick Link 7 Label
Quick Link 8

Content Highlights

Desktop Heading/H Md Bold
Desktop Heading/H Md Bold

Desktop Body/Body Md 
Lorem ipsum lorem ipsum lore

Text link Md Text link Md
Desktop Heading/H Md Bold
Desktop Heading/H Md Bold

Desktop Body/Body Md 
Lorem ipsum lorem ipsum lore

Text link Md
Desktop Heading/H Md Bold
Desktop Heading/H Md Bold

Desktop Body/Body Md 
Lorem ipsum lorem ipsum lore

Text link Md
Desktop Heading/H Md Bold
Desktop Heading/H Md Bold

Desktop Body/Body Md 
Lorem ipsum lorem ipsum lore

Desktop Heading/H Md Bold
Desktop Heading/H Md Bold

Desktop Body/Body Md 
Lorem ipsum lorem ipsum lore

Text link Md Text link Md
Desktop Heading/H Md Bold
Desktop Heading/H Md Bold

Desktop Body/Body Md 
Lorem ipsum lorem ipsum lore

Text link Md
Desktop Heading/H Md Bold
Desktop Heading/H Md Bold

Desktop Body/Body Md 
Lorem ipsum lorem ipsum lore

Text link Md
Desktop Heading/H Md Bold
Desktop Heading/H Md Bold

Desktop Body/Body Md 
Lorem ipsum lorem ipsum lore

Text link Md Text link Md
Desktop Heading/H Md Bold
Desktop Heading/H Md Bold

Desktop Body/Body Md 
Lorem ipsum lorem ipsum lore

Accordion 1:

Unchecked Single item expansion

NOT Expanded Item

Text Block

Text link Md

Embed Testing

To port in a non-StarHub mobile line to a 5G Unlimited+ / 5G Platinum / 5G Senior Plan, select “Port in from other telco” during the number selection and follow the on-screen instructions. Do note that your port-in request will be submitted after successful SIM card activation.

You should be able to receive both calls and SMS on your port-in number with your existing mobile service provider. After successful port-in, you'll start receiving calls/SMS on your new plan.

You can start using your 5G Unlimited+ / 5G Platinum / 5G Senior Plan upon successful SIM card activation. Do note that a temporary number will be assigned to your SIM card while the port-in request is still in progress. The port-in request will be submitted after successful SIM card activation. Do expect 3 working days for the port-in request to be completed.

Accordion 2:

Checked Single item expansion

Expanded Item 2

Text Block

Text link Md

Embed Testing

Accordion 3:

Unchecked Single item expansion

Expanded Item 1 & 2

Text Block

Text link Md

Embed Testing

Label
Category Text
Heading

Body Text * - Normal Banner - Image Left + Content Right

Learn more Learn more
Label
Heading

Body Text * - Normal Banner - Image Right + Content Left

Learn more Learn more
  1. Lorem ipsum dolor sit amet1

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.1

  2. Lorem ipsum dolor sit amet2

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.2

  3. Lorem ipsum dolor sit amet3

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.3

  4. Lorem ipsum dolor sit amet4

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.4

  5. Lorem ipsum dolor sit amet5

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.5

  6. Lorem ipsum dolor sit amet6

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.6

  7. Lorem ipsum dolor sit amet7

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.7

  8. Lorem ipsum dolor sit amet8

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.8

  9. Lorem ipsum dolor sit amet9

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.9

  10. Lorem ipsum dolor sit amet10

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.10

  1. Lorem ipsum dolor sit amet1

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.1

  2. Lorem ipsum dolor sit amet2

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.2

  3. Lorem ipsum dolor sit amet3

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.3

  4. Lorem ipsum dolor sit amet4

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.4

  5. Lorem ipsum dolor sit amet5

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.5

  6. Lorem ipsum dolor sit amet6

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.6

  7. Lorem ipsum dolor sit amet7

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.7

  8. Lorem ipsum dolor sit amet8

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.8

  9. Lorem ipsum dolor sit amet9

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.9

  1. Lorem ipsum dolor sit amet1

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.1

  2. Lorem ipsum dolor sit amet2

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.2

  3. Lorem ipsum dolor sit amet3

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.3

  4. Lorem ipsum dolor sit amet4

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.4

  5. Lorem ipsum dolor sit amet5

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.5

  6. Lorem ipsum dolor sit amet6

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.6

  7. Lorem ipsum dolor sit amet7

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.7

  8. Lorem ipsum dolor sit amet8

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.8

  1. Lorem ipsum dolor sit amet1

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.1

  2. Lorem ipsum dolor sit amet2

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.2

  3. Lorem ipsum dolor sit amet3

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.3

  4. Lorem ipsum dolor sit amet4

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.4

  5. Lorem ipsum dolor sit amet5

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.5

  6. Lorem ipsum dolor sit amet6

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.6

  7. Lorem ipsum dolor sit amet7

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.7

  1. Lorem ipsum dolor sit amet1

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.1

  2. Lorem ipsum dolor sit amet2

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.2

  3. Lorem ipsum dolor sit amet3

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.3

  4. Lorem ipsum dolor sit amet4

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.4

  5. Lorem ipsum dolor sit amet5

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.5

  6. Lorem ipsum dolor sit amet6

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.6

  1. Lorem ipsum dolor sit amet1

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.1

  2. Lorem ipsum dolor sit amet2

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.2

  3. Lorem ipsum dolor sit amet3

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.3

  4. Lorem ipsum dolor sit amet4

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.4

  5. Lorem ipsum dolor sit amet5

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.5

  1. Lorem ipsum dolor sit amet1

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.1

  2. Lorem ipsum dolor sit amet2

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.2

  3. Lorem ipsum dolor sit amet3

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.3

  4. Lorem ipsum dolor sit amet4

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.4

  1. Lorem ipsum dolor sit amet1

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.1

  2. Lorem ipsum dolor sit amet2

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.2

  3. Lorem ipsum dolor sit amet3

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.3

  1. Lorem ipsum dolor sit amet1

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.1

  2. Lorem ipsum dolor sit amet2

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.2

  • Lorem ipsum dolor sit amet1
    Lorem ipsum dolor sit amet1

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.1

  • Lorem ipsum dolor sit amet2
    Lorem ipsum dolor sit amet2

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.2

  • Lorem ipsum dolor sit amet3
    Lorem ipsum dolor sit amet3

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.3

  • Lorem ipsum dolor sit amet4
    Lorem ipsum dolor sit amet4

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.4

  • Lorem ipsum dolor sit amet1
    Lorem ipsum dolor sit amet1

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.1

  • Lorem ipsum dolor sit amet2
    Lorem ipsum dolor sit amet2

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.2

  • Lorem ipsum dolor sit amet3
    Lorem ipsum dolor sit amet3

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.3

  • Lorem ipsum dolor sit amet1
    Lorem ipsum dolor sit amet1

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.1

  • Lorem ipsum dolor sit amet2
    Lorem ipsum dolor sit amet2

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.2

Flexible Columns