Styleguide
Website is build with Foundation.
h1. heading
h2. heading
h3. heading
h4. heading
h5. heading
h6. heading
.h1 - text but looks like heading
.h2 - text but looks like heading
.h3 - text but looks like heading
.h4 - text but looks like heading
.h5 - text but looks like heading
.h6 - text but looks like heading
Underlined
Lead text.
Text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus recusandae, ullam quas rem est? Ratione tempore harum minima provident saepe, accusamus voluptas minus quos, reiciendis aut, adipisci amet impedit odio.
.text-left
.text-center
.text-right
.text-justify.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam voluptates, veritatis culpa exercitationem ea consequatur praesentium, accusantium rem ducimus, ratione tempora! Delectus fuga sapiente beatae assumenda optio quaerat culpa et!
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio molestiae eum dicta labore officiis eius perspiciatis quia ad libero error, iusto commodi hic, ut, tempore earum sunt impedit aut incidunt!
.color-primary
.color-secondary
.color-success
.color-warning
.text-alert
Website use Font Awesome icons.
- Accordion 1
Panel 1. Lorem ipsum dolor
Nowhere to Go - Accordion 2
- Accordion 3
Type your name!
This is a primary callout
It has an easy to override visual style, and is appropriately subdued.
This is a secondary callout
It has an easy to override visual style, and is appropriately subdued.
This is a success callout
It has an easy to override visual style, and is appropriately subdued.
This is a warning callout
It has an easy to override visual style, and is appropriately subdued.
This is an alert callout
It has an easy to override visual style, and is appropriately subdued.
Awesome. I Have It.
Your couch. It is mine.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt ipsam delectus, voluptatum asperiores expedita, accusantium dolorum nobis nesciunt autem sed recusandae deleniti debitis odit aspernatur dolore sapiente similique exercitationem tempora.
two
three
Check me out! I'm a super cool Tab panel with text content!
Icons allowed.
Primary Label Secondary Label Success Label Alert Label Warning Label
Icons allowed.
Default Label Default Label Default Label
25%
25%
50%
50%
75%
No text
Full width.
Tooltip
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda dolorum libero harum perspiciatis suscipit quidem reprehenderit aliquam voluptatum quibusdam veniam. Tooltip Lorem
ipsum dolor sit amet, consectetur adipisicing elit. Assumenda dolorum libero harum perspiciatis suscipit quidem reprehenderit aliquam voluptatum quibusdam veniam.
Michael Schwartz
Managing Director
Mr Schwarz has over 20 years’ senior experience in mineral exploration spanning industry and government as a geologist and director of several exploration companies.
Some place where we need to list multiple aspects in a neat grid, perhaps with a button.
Read Now
TEXT + VIDEO BLOCK
Northern Cobalt Ltd is an emerging resource company engaged in the acquisition, exploration and development of cobalt mineral projects. The company is led by an experienced and diverse board of directors and management team with proven success in corporate finance, operational management, engineering and exploration project management. Their combined experience and commitment provides Northern Cobalt with the tools to capitalise on the growing demands of the cobalt and energy storage markets.
TEXT + IMAGE BLOCK
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut arcu tortor, finibus a mattis sit amet, faucibus ac dolor. Duis magna tellus, pellentesque vitae purus sit amet, porta blandit elit. Maecenas commodo orci ut ante dictum, in tempor lectus commodo. Morbi accumsan lorem risus, ac facilisis odio interdum sit amet. Curabitur volutpat diam orci, in auctor mi suscipit quis. Pellentesque in orci nec augue lacinia convallis sed in augue. Fusce est ex, pretium non metus quis, hendrerit commodo ex. Nunc eleifend, ante vel porta posuere, metus leo pulvinar lorem, ut dapibus sem tortor et eros. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi fermentum magna id egestas congue.
N27 Updates
Signup for investor and company updates including the on the ground news, market opportunities and innovation.
Download the investor presentation from January 2018
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec lorem vel sapien sagittis mollis. Pellentesque ultricies tristique augue, ac auctor tortor vulputate malesuada.
FILTER:
Table is responsive. You can set table width and it will be scrollable inside .table-scroll
| Column 1 | Column 2 | Column 3 |
|---|---|---|
| Atomic radius, non-bonded (Å) | 7.6 | Cobalt has been known and used by people for its beautiful colouring and pigment properties as far back as 2500BC |
| Relative supply risk | Medium | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus omnis voluptatem laudantium nulla pariatur, et voluptatum, velit veniam nihil, cum nobis in tempora enim eos mollitia impedit. Non accusamus, ut. |
| Atomic radius, non-bonded (Å) | 7.6 | Cobalt has been known and used by people for its beautiful colouring and pigment properties as far back as 2500BC |
| Relative supply risk | Medium | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus omnis voluptatem laudantium nulla pariatur, et voluptatum, velit veniam nihil, cum nobis in tempora enim eos mollitia impedit. Non accusamus, ut. |