Colors
Typography
Titles & Headings
Color: #404040
Century Gothic Pro (Typekit)
Heading 1 - Bold, 48px
Heading 2 - Bold, 40px
Heading 3 - Bold, 36px
Heading 4 - Bold, 30px
Heading 5 - Bold, 24px
Heading 6 - Bold, 22px
Proxima Nova (Typekit)
Color: #696969
Link Color: #DD002DParagraph - Bold Italic Hyperlink
Font-size: 18px – Line-height: 28px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed urna sed neque blandit gravida vitae bibendum dictum, nisl nisi.
- Unordered list
- Unordered list
- Ordered list
- Ordered list
Forms
Notices
These are our basic notice styles. Make updates in the "framework/notices.scss" file.
Success Et adipisicing culpa deserunt nostrud ad veniam nulla. Est velit labore esse esse cupidatat.
Info Et adipisicing culpa deserunt nostrud ad veniam nulla. Est velit labore esse esse cupidatat.
Warning Et adipisicing culpa deserunt nostrud ad veniam nulla. Est velit labore esse esse cupidatat.
Error Et adipisicing culpa deserunt nostrud ad veniam nulla. Est velit labore esse esse cupidatat.
Tables
These are our table styles. Make updates in the "framework/tables.scss" file.
| Col 1 | Col 2 | Col 3 | Col 4 |
|---|---|---|---|
| Row 1 / Col 1 | Row 1 / Col 2 | Row 1 / Col 3 | Row 1 / Col 4 |
| Row 2 / Col 1 | Row 2 / Col 2 | Row 2 / Col 3 | Row 2 / Col 4 |
| Row 3 / Col 1 | Row 3 / Col 2 | Row 3 / Col 3 | Row 3 / Col 4 |
| Row 4 / Col 1 | Row 4 / Col 2 | Row 4 / Col 3 | Row 4 / Col 4 |
| Col 1 | Col 2 | Col 3 | Col 4 |
Carousels
Modals
These are our modal styles. Make updates in the "framework/modals.scss" file.
Accordions
These are our accordion styles. Make updates in the "framework/accordions.scss" file.
-
This is an accordion header.
-
Adipisicing aliqua proident occaecat do do adipisicing adipisicing ut fugiat culpa. Pariatur ullamco aute sunt esse adipisicing. Excepteur eu non eiusmod occaecat commodo commodo et ad ipsum elit. Pariatur sit adipisicing sunt excepteur enim nostrud pariatur incididunt.
-
This is an accordion header.
-
Adipisicing aliqua proident occaecat do do adipisicing adipisicing ut fugiat culpa. Pariatur ullamco aute sunt esse adipisicing. Excepteur eu non eiusmod occaecat commodo commodo et ad ipsum elit. Pariatur sit adipisicing sunt excepteur enim nostrud pariatur incididunt.
-
This is an accordion header.
-
Adipisicing aliqua proident occaecat do do adipisicing adipisicing ut fugiat culpa. Pariatur ullamco aute sunt esse adipisicing. Excepteur eu non eiusmod occaecat commodo commodo et ad ipsum elit. Pariatur sit adipisicing sunt excepteur enim nostrud pariatur incididunt.
Tabs
These are our tab styles. Make updates in the "framework/tabs.scss" file.
Tooltips
These are our tooltip styles. Make updates in the "framework/tooltips.scss" file.
Dropdowns
These are our tooltip styles. Make updates in the "framework/dropdowns.scss" file.
Cards
Primary Card
Officia et mollit incididunt nisi consectetur esse laborum. Pariatur proident Lorem eiusmod et adipisicing culpa deserunt.
Adipisicing aliqua proident occaecat do do adipisicing adipisicing ut fugiat culpa. Pariatur ullamco aute sunt esse adipisicing.
Adipisicing aliqua proident occaecat do do adipisicing adipisicing ut fugiat culpa. Pariatur ullamco aute sunt esse adipisicing.
Secondary Card
Officia et mollit incididunt nisi consectetur esse laborum. Pariatur proident Lorem eiusmod et adipisicing culpa deserunt.
Officia et mollit incididunt nisi consectetur esse laborum. Pariatur proident Lorem eiusmod et adipisicing culpa deserunt.
Primary Hover
This is a card title
Officia et mollit incididunt nisi consectetur esse laborum. Pariatur proident Lorem eiusmod et adipisicing culpa deserunt.
Secondary Hover
This is a card title
Officia et mollit incididunt nisi consectetur esse laborum. Pariatur proident Lorem eiusmod et adipisicing culpa deserunt.
Tertiary Hover
This is a card title
Officia et mollit incididunt nisi consectetur esse laborum. Pariatur proident Lorem eiusmod et adipisicing culpa deserunt.
Primary Hover
This is a card title
Officia et mollit incididunt nisi consectetur esse laborum. Pariatur proident Lorem eiusmod et adipisicing culpa deserunt.
Secondary Hover
This is a card title
Officia et mollit incididunt nisi consectetur esse laborum. Pariatur proident Lorem eiusmod et adipisicing culpa deserunt.
This is a card title
At O’Connell Robertson we are committed to the understanding of our clients’ business as well as the needs of a specific project. With this knowledge our architects are better able to understand the true mission of the task and better equipped to offer smarter solutions for any environment, from spatial designs and material selections to construction sequencing and lighting strategies.
This is a card title
At O’Connell Robertson we are committed to the understanding of our clients’ business as well as the needs of a specific project. With this knowledge our architects are better able to understand the true mission of the task and better equipped to offer smarter solutions for any environment, from spatial designs and material selections to construction sequencing and lighting strategies.
At O’Connell Robertson we are committed to the understanding of our clients’ business as well as the needs of a specific project.
Learn MoreA card title
At O’Connell Robertson we are committed to the understanding of our clients’ business as well as the needs of a specific project.
Learn MoreAnother card title
At O’Connell Robertson we are committed to the understanding of our clients’ business as well as the needs of a specific project.
Learn MoreThis is a card title
Responsive Embeds
We offer a utility style for responsive embeds. For this and other utility classes, checkout out the "framework/utilities.scss" file.
Pagination
These are our pagination styles. Make updates in the "framework/pagination.scss" file.
Icons
We use Font Awesome as our default icon font. For more icons and documentation, visit http://fortawesome.github.io/Font-Awesome/
Or, to generate your own icon set, you may use the IcoMoon App.
Loading Elements
These are our built-in options to add loaders to a section or page. Make updates in the "loading.scss" file.
Favicons
These are our website favicons and app icons.
iPad 3 Retina (144x144)
iPhone 4 Retina (114x114)
iPad (72x72)
iPhone Apple Touch (57x57)
Favicon Retina (32x32)
Favicon (16x16)
This is a modal title
Nostrud ad veniam nulla aute est velit. Esse esse cupidatat amet velit id elit consequat minim ullamco mollit. Excepteur ea laboris adipisicing aliqua proident occaecat do.
This is a modal title
Nostrud ad veniam nulla aute est velit. Esse esse cupidatat amet velit id elit consequat minim ullamco mollit. Excepteur ea laboris adipisicing aliqua proident occaecat do.
This is a modal title
Nostrud ad veniam nulla aute est velit. Esse esse cupidatat amet velit id elit consequat minim ullamco mollit. Excepteur ea laboris adipisicing aliqua proident occaecat do.
This is a modal title
Nostrud ad veniam nulla aute est velit. Esse esse cupidatat amet velit id elit consequat minim ullamco mollit. Excepteur ea laboris adipisicing aliqua proident occaecat do.
This is a modal title
Nostrud ad veniam nulla aute est velit. Esse esse cupidatat amet velit id elit consequat minim ullamco mollit. Excepteur ea laboris adipisicing aliqua proident occaecat do.
This is a modal title
Nostrud ad veniam nulla aute est velit. Esse esse cupidatat amet velit id elit consequat minim ullamco mollit. Excepteur ea laboris adipisicing aliqua proident occaecat do.
Social Sharing
We have some built-in functions that make use of data attributes to make sharing on common social networks easier. You can find out more by viewing the "lib/wl-share.js" file.