Typography

Typeface

Montserrat

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Montserrat - 64px / 1.3 / Bold

Heading 1

Montserrat - 52px / 1.5 / Bold

H2

Montserrat - 36px / 1.5 / Bold

H3

Montserrat - 28px / 1.5 / Bold

H4

Montserrat -  24px / 1.5 / Bold
H5
Montserrat - Open Sans - 14px / 1.5 / Bold
H6
Paragraph Big (p-big) - 22px / 1.5 / Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Paragraph - 18px / 1.45 / regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Ordered List - 1rem / 1.5 / Normal
  1. Example Ordered List
  2. Example Ordered List
Unordered List - 1rem / 1.5 / Normal
  • Example Unordered List
  • Example Unordered List
Rich Text Element

The benefits of metal cladding products

As well as being aesthetically pleasing in design, another benefit of metal cladding is that the colour options are (nearly) endless and Dimond has over 30 colours to choose from!

A modern bathroom design

Dimond also has a range of material options available, from unpainted zinc, copper, and aluminium, to pre-painted steel that carries a 15-year warranty, meaning that Dimond can offer a suitable cladding solution for every environment.

A modern bathroom design

Dimond also has a range of material options available, from unpainted zinc, copper, and aluminium, to pre-painted steel that carries a 15-year warranty, meaning that Dimond can offer a suitable cladding solution for every environment.

  • This
  • That
  • And this

Dimond can offer a suitable cladding solution for every environment.

Modern bathroom

Dimond’s pre-painted material options supplier, ColorCote has a unique 3-tier coating offer that can cater to mild environments through to alpine, geothermal, and coastal environments. For more information on their 3-tier systems see https://www.colorcote.co.nz/products/

Color

Black
#141414
Gold
#B3A369
White
#ffffff

Buttons

Form elements

Thank you for your submission!

Oops! Something went wrong while submitting the form.

Responsive 12 Grid

Our 12-col responsive grid.

col
col
col
col
col
col
col
col
col
col

Remove Gutters

To remove all padding from columns, use the "no-gutters" class preceded by the initial class of "col".

no-gutters
no-gutters
no-gutters
no-gutters

Full Width Container

Use the class of "container-fluid" for full width.

col
col
col
col

Footer ↓

Story

A Unique Proposition

He Kaupapa Ahurei

It’s the combination of factors which make QualityNZ   a unique proposition, well placed to bring a taste of New Zealand to India and the wider South Asian market.

What makes QualityNZ  ’s proposition unique is:

  • world class products and services from a place you can trust.
  • a long-term focus and lasting relationships.
  • an established in-market business model.
  • unique opportunities which arise from having shareholders Sir Richard Hadlee as Patron, and Stephen Fleming, Brendan McCullum and Daniel Vettori as Ambassadors, in a region of passionate cricket followers.
  • a certified quality control system (ISO22000) and end to end solutions.
Our Story
Story

A Unique Proposition

He Kaupapa Ahurei

It’s the combination of factors which make QualityNZ  a unique proposition, well placed to bring a taste of New Zealand to India and the wider South Asian market.

What makes QualityNZ ’s proposition unique is:

  • world class products and services from a place you can trust.
  • a long-term focus and lasting relationships.
  • an established in-market business model.
  • unique opportunities which arise from having shareholders Sir Richard Hadlee as Patron, and Stephen Fleming, Brendan McCullum and Daniel Vettori as Ambassadors, in a region of passionate cricket followers.
  • a certified quality control system (ISO22000) and end to end solutions.
Our Story

Spacing

mb-1 (margin-bottom: 12px;)
mb-2 (margin-bottom: 24px;)
mb-3 (margin-bottom: 48px;)
mb-4 (margin-bottom: 64px;)
m-0 (margin: 0;)
mt-3 (margin-top: 48px;)
mt-2 (margin-top: 28px;)
mt-1 (margin-top: 16px;)
p-0 (padding: 0;)
pt-0 (padding-top: 0;)
pb-0 (padding-bottom: 0;)

Text

text-primary
text-secondary
text-white
bg-primary
bg-secondary
bg-white
text-center
text-right
text-left
d-none

Other

overflow-hidden
overflow-visible
d-none
d-block
d-flex
sr-only
sr-only
sr-only
no-scroll
drop-shadow