Colors
These are the colors used throughout the site. Each has been assigned to a variable in the "framework/variables.scss" file.
Base
Gray
Typography
These are our basic typographic styles. Make updates in the "framework/typography.scss" file.
H1. The quick brown fox jumps over the lazy dog.
H2. The quick brown fox jumps over the lazy dog.
H3. The quick brown fox jumps over the lazy dog.
H4. The quick brown fox jumps over the lazy dog.
H5. The quick brown fox jumps over the lazy dog.
H6. The quick brown fox jumps over the lazy dog.
H1. The quick brown fox jumps over the lazy dog.
H2. The quick brown fox jumps over the lazy dog.
H3. The quick brown fox jumps over the lazy dog.
H4. The quick brown fox jumps over the lazy dog.
H5. The quick brown fox jumps over the lazy dog.
H6. The quick brown fox jumps over the lazy dog.
Lead Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et justo sed dui feugiat cursus. Phasellus pharetra dui lobortis odio efficitur suscipit. Aenean condimentum ullamcorper ullamcorper. Nunc a tempus neque. Pellentesque nec pharetra purus. Proin fermentum purus non tortor posuere, vel convallis dolor interdum. Suspendisse aliquet felis metus, vel tempus purus tincidunt eget.
Default Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et justo sed dui feugiat cursus. Phasellus pharetra dui lobortis odio efficitur suscipit. Aenean condimentum ullamcorper ullamcorper. Nunc a tempus neque. Pellentesque nec pharetra purus. Proin fermentum purus non tortor posuere, vel convallis dolor interdum. Suspendisse aliquet felis metus, vel tempus purus tincidunt eget.
Small Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et justo sed dui feugiat cursus. Phasellus pharetra dui lobortis odio efficitur suscipit. Aenean condimentum ullamcorper ullamcorper. Nunc a tempus neque. Pellentesque nec pharetra purus. Proin fermentum purus non tortor posuere, vel convallis dolor interdum. Suspendisse aliquet felis metus, vel tempus purus tincidunt eget.
Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at porttitor sem. Aliquam erat volutpat. Donec placerat nisl magna, et faucibus arcu. John Doe
Lists
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ligula est, aliquam eu blandit ac, dictum nec erat.
- Nulla quis sapien non lacus rutrum mollis suscipit scelerisque velit. In hac habitasse platea dictumst.
- Duis in justo tincidunt, luctus ligula sed, placerat diam. Morbi eget tellus ipsum. Fusce iaculis maximus sem eget tincidunt.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ligula est, aliquam eu blandit ac, dictum nec erat.
- Nulla quis sapien non lacus rutrum mollis suscipit scelerisque velit. In hac habitasse platea dictumst.
- Duis in justo tincidunt, luctus ligula sed, placerat diam. Morbi eget tellus ipsum. Fusce iaculis maximus sem eget tincidunt.
Forms
These are our basic form styles. Make updates in the "framework/forms.scss" file.
Links
These are our basic links styles. Make updates in the "framework/link.scss" file.
The construction foreman for Deep East Texas Electric Cooperative was five days into his second trip in about a month to DeRidder, Louisiana, where he was helping an electric co-op severely damaged by hurricanes Laura and Delta.
Notices
These are our basic notice styles. Make updates in the "framework/notices.scss" file.
Callouts
These are our basic callout styles. Make updates in the "site/callouts.scss" file.
Advertisements
These are our basic advertisement styles. Make updates in the "site/advertisements.scss" file.
Quotes
These are our basic quotes styles. Make updates in the "site/quotes.scss" file.
The roads were super snowed over. Then instead of patches of black ice, we had all black ice,” he said. “It’s a lot more difficult when you have to walk the lines out and try not to break an ankle.”
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
These are our table styles. Make updates in the "framework/carousel.scss" file.
We use Slick.js for carousels. For full documentation and options visit http://kenwheeler.github.io/slick/.
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
These are our tooltip styles. Make updates in the "framework/cards.scss" file.
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 Bar
This is a social bar component. Make updates in the "site/social-bar.scss" file.
Sign Up