Colors
These are the colors used throughout the site. Each has been assigned to a variable in the "framework/variables.scss" file.
Typography
These are our basic typographic styles. Make updates in the "framework/typography.scss" file.
Weights & Styles
Aileron Normal
Aileron Normal Italic
Aileron Semi-Bold
Aileron Semi-Bold Italic
Aileron Bold
Aileron Bold Italic
Headings
H1. Heading 1 - Bold, 40px
H2. Heading 2 - Bold, 32px
H3. Heading 3 - Bold, 28px
H4. Heading 4 - Bold, 24px
H5. Heading 5 - Bold, 20px
H6. Heading 6 - Bold, 16px
Subheadings
H1. Heading 1 - Bold, 40px
H2. Heading 2 - Bold, 32px
H3. Heading 3 - Bold, 28px
H4. Heading 4 - Bold, 24px
H5. Heading 5 - Bold, 20px
H6. Heading 6 - Bold, 16px
Lead Paragraph
H5. Heading 5 - Bold, 20px
H6. Heading 6 - Bold, 16px
Subheadings
H1. Heading 1 - Bold, 40px
H2. Heading 2 - Bold, 32px
H3. Heading 3 - Bold, 28px
H4. Heading 4 - Bold, 24px
H5. Heading 5 - Bold, 20px
H6. Heading 6 - Bold, 16px
Lead Paragraph
Subheadings
H1. Heading 1 - Bold, 40px
H2. Heading 2 - Bold, 32px
H3. Heading 3 - Bold, 28px
H4. Heading 4 - Bold, 24px
H5. Heading 5 - Bold, 20px
H6. Heading 6 - Bold, 16px
Lead Paragraph
H5. Heading 5 - Bold, 20px
H6. Heading 6 - Bold, 16px
Lead Paragraph
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.
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
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.
Cards
These are our tooltip styles. Make updates in the "framework/cards.scss" file.
Trainings
Technical Training
T2/XL
May 1-5, 2019
The TII/XL technical training course is designed to demonstrate and ensure an in-depth understanding of the Telecor II/XL Administrative Communication System. The course covers, system...
Technical Training
Lorem Ipsim Elit
August 1-5, 2019
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...
Sales Training
Lorem Ipsim Elit
August 1-5, 2019
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...
Events
CEPTA
November 12-15, 2019
Telecor invites you to stop by our booth at the California Educational Technology Association for live demos and learn to about eSeries, a unique network-based intercom and paging system featuring power over Ethernet. Ask us how eSeries can enhance your day-to-day and emergency communication with its cost efficient design.
ISC WEST
March 18-20, 2020
Join Telecor in the Public Safety and Security section at the International Security Conference to learn about how we can help you with your emergency communications and integrate with existing infrastructure. Featuring the latest technology we will show you how Telecor solves your communication and emergency needs, no matter the application.
CASBO
March 30-31, 2020
Telecor will be exhibiting at the California Association of School Business Officials and invites you to visit the booth to learn how we can cost effectively enhance your day-to-day and emergency communications using existing infrastructure. Check out our latest web-based, intuitive graphical user interface to manage schedules and events with on-site live demos.
Partners
Documents
Lorem ipsum dolor sit amet ipsum consectetur adipisicing elit
Lorem ipsum dolor sit amet ipsum consectetur adipisicing elit
Lorem ipsum dolor sit amet ipsum consectetur adipisicing elit
Lorem ipsum dolor sit amet ipsum consectetur adipisicing elit
Lorem ipsum dolor sit amet ipsum consectetur adipisicing elit
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.