FLAMING WOKS, RICH AROMAS & DELICIOUS FOOD FROM ACROSS ASIA.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

Horizontal slider

Grid

Full bleed container - Margin either side, 12 columns max, 20px gutter

1 l-col

1 l-col

1 l-col

1 l-col

1 l-col

1 l-col

1 l-col

1 l-col

1 l-col

1 l-col

1 l-col

1 l-col

2 l-cols

2 l-cols

2 l-cols

2 l-cols

2 l-cols

2 l-cols

3 l-cols

3 l-cols

3 l-cols

3 l-cols

4 l-cols

4 l-cols

4 l-cols

6 l-cols

6 l-cols

12 l-cols

Pallette

All colours are available in u-bgcolor, and u-color utility classes

class="u-color--primary"
class="u-bgcolor--primary"

Primary

Secondary

Tertiary

Quinary

Senary

Septenary

Octonary

Background styles

All background styles can be applied with any colour as above.

Logo background

Triangular Backgrounds

These backgrounds can be used in any colour combination of the background colours, theses classes simply apply an image.

Triangular background (Primary)

Triangular background (Secondary)

Triangular background (Tertiary)

Triangular background (Quinary)

Triangular background (Senary)

Triangular background (Septenary)

Dividers (Basically borders)

Divider (Small)

Divider (Medium)

Divider (Large) - Default

Divider - Decorated (Small)

Divider - Decorated (Medium)

Divider - Decorated (Large)

Images

Lazy load images, with added animation. ✨

IMG tag - Lazyloaded

IMG tag - Animated

Background image - Lazyloaded

Background image - Animated

Background image - Lazyloaded

Background image - Animated

Typography

All text must have a .t class for universal letter spacing, followed by -heading or -text for whichever we're using.

Large heading, 68px

Medium heading, 42px

Small heading, 26px

Regular text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Spaced text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.

Small text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Icons

icon-angle-up

icon-angle-down

icon-angle-left

icon-angle-right

icon-facebook-official

icon-weixin

icon-wheelchair

icon-twitter

icon-user

icon-envelope

icon-instagram

Form

Indevidual form classes input label, submitt and radio buttons

Text Input

Text Input + error

Submit Button

File Upload

Choose File

Checkbox

Radio button

Dropdown field

Maps

Scroll Top