Website Style Guide
Colors
Type
Montserrat
Georgia
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut a leo justo. Suspendisse ornare nec nibh id interdum. In cursus auctor enim, in aliquet ante commodo non. Quisque quis lorem ac dui scelerisque efficitur id porta urna. Nullam eget metus venenatis, vehicula elit et, placerat turpis.
Mauris luctus, magna at rhoncus fringilla, tellus risus euismod quam, id bibendum enim dui in sapien. Proin ac elit id magna hendrerit aliquam. Praesent rutrum tellus id facilisis vestibulum. In aliquet neque urna, in pulvinar augue imperdiet sed. Morbi a massa dolor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla tincidunt fringilla viverra. Curabitur rhoncus ut nibh ac vestibulum. Pellentesque vulputate fermentum tellus congue efficitur. Quisque elit neque, dignissim at consequat in, scelerisque at lacus.
Mauris luctus, magna at rhoncus fringilla, tellus risus euismod quam, id bibendum enim dui in sapien. Proin ac elit id magna hendrerit aliquam. Praesent rutrum tellus id facilisis vestibulum. In aliquet neque urna, in pulvinar augue imperdiet sed. Morbi a massa dolor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla tincidunt fringilla viverra. Curabitur rhoncus ut nibh ac vestibulum. Pellentesque vulputate fermentum tellus congue efficitur. Quisque elit neque, dignissim at consequat in, scelerisque at lacus.
Icons
The following icons are a part of Bootstrap 3's glyphicon library. They've been carefully selected to assure consistency throughout the Network's websites. Please use them for the purposes listed below. If you're in need of more icons for other purposes please visit Bootstrap 3's glyphicon library.
Link Lists
TIP: Remove the block class on the link-list to remove the light gray container.
Link List 2-Columns and a Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut a leo justo. Suspendisse ornare nec nibh id interdum. In cursus auctor enim, in aliquet ante commodo non. Quisque quis lorem ac dui scelerisque efficitur id porta urna. Nullam eget metus venenatis, vehicula elit et, placerat turpis.
Accordion
Accordion Layer with Copy and Button
Mauris luctus, magna at rhoncus fringilla, tellus risus euismod quam, id bibendum enim dui in sapien. Proin ac elit id magna hendrerit aliquam. Praesent rutrum tellus id facilisis vestibulum. In aliquet neque urna, in pulvinar augue imperdiet sed. Morbi a massa dolor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla tincidunt fringilla viverra. Curabitur rhoncus ut nibh ac vestibulum. Pellentesque vulputate fermentum tellus congue efficitur. Quisque elit neque, dignissim at consequat in, scelerisque at lacus.
Accordion Layer with Link List and Copy
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut a leo justo. Suspendisse ornare nec nibh id interdum. In cursus auctor enim, in aliquet ante commodo non. Quisque quis lorem ac dui scelerisque efficitur id porta urna. Nullam eget metus venenatis, vehicula elit et, placerat turpis.
Pullquote
“Pullquote lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum fermentum magna quis tempor auctor.”
First Lastname, MD
“Pullquote hero lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum fermentum magna quis tempor auctor.”
First Lastname, MD, PhD
Content Block 25/75
Lorem Ipsum Dolor
Mauris luctus, magna at rhoncus fringilla, tellus risus euismod quam, id bibendum enim dui in sapien. Proin ac elit id magna hendrerit aliquam. Praesent rutrum tellus id facilisis vestibulum. In aliquet neque urna, in pulvinar augue imperdiet sed. Morbi a massa dolor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla tincidunt fringilla viverra. Curabitur rhoncus ut nibh ac vestibulum. Pellentesque vulputate fermentum tellus congue efficitur. Quisque elit neque, dignissim at consequat in, scelerisque at lacus.
Lorem Ipsum Dolor
Mauris luctus, magna at rhoncus fringilla, tellus risus euismod quam, id bibendum enim dui in sapien. Proin ac elit id magna hendrerit aliquam. Praesent rutrum tellus id facilisis vestibulum. In aliquet neque urna, in pulvinar augue imperdiet sed. Morbi a massa dolor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla tincidunt fringilla viverra. Curabitur rhoncus ut nibh ac vestibulum. Pellentesque vulputate fermentum tellus congue efficitur. Quisque elit neque, dignissim at consequat in, scelerisque at lacus.
Lorem Ipsum Dolor
Mauris luctus, magna at rhoncus fringilla, tellus risus euismod quam, id bibendum enim dui in sapien. Proin ac elit id magna hendrerit aliquam. Praesent rutrum tellus id facilisis vestibulum. In aliquet neque urna, in pulvinar augue imperdiet sed. Morbi a massa dolor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla tincidunt fringilla viverra. Curabitur rhoncus ut nibh ac vestibulum. Pellentesque vulputate fermentum tellus congue efficitur. Quisque elit neque, dignissim at consequat in, scelerisque at lacus.
Media Cards
Media Card Title Goes Here
Content Type
Media Card Title Goes Here
Content Type
Media Card Title Goes Here
Content Type
Card 50-50 Title
Card description lorem ipsum dolor sit amet, consectetur adipiscing elit.
Card 50-50 Title
Card description lorem ipsum dolor sit amet, consectetur adipiscing elit.
Notables
Vestibulum fermentum magna quis tempor auctor
4,000
Curabitur rhoncus ut nibh ac vestibulum
99%
Vestibulum fermentum magna quis tempor auctor
Tables
Responsive Table - Horizontal Scroll
| Table Heading | Table Heading | Table Heading | Table Heading | Table Heading |
|---|---|---|---|---|
| Table Cell | Table Cell | Table Cell | Table Cell | Table Cell |
| Table Cell | Table Cell | Table Cell | Table Cell | Table Cell |
| Table Cell | Table Cell | Table Cell | Table Cell | Table Cell |
| Table Cell | Table Cell | Table Cell | Table Cell | Table Cell |
| Table Cell | Table Cell | Table Cell | Table Cell | Table Cell |
Responsive Table - Stacked
| Table Cell | Table Cell | Table Cell | Table Cell | Table Cell |
| Table Cell | Table Cell | Table Cell | Table Cell | Table Cell |
| Table Cell | Table Cell | Table Cell | Table Cell | Table Cell |
| Table Cell | Table Cell | Table Cell | Table Cell | Table Cell |
| Table Cell | Table Cell | Table Cell | Table Cell | Table Cell |
Sample Table for Job Stats
| Location | Williston, VT |
| Department | GIM & Geriatrics Williston |
| Schedule | Full-time/Regular |
| Standard Hours | 40 |
| Shift | Day - 8Hr |
| Primary Shift | 8:30 AM - 5:00 PM |
| Weekend Needs | Other |
| Salary Range | Min/Hour $17.16 Mid/Hour $21.32 Max/Hour $27.05 |