Skip to main content

Popular Links

  1. Departments
  2. Communications
  3. Webpage Style Guide
  4. Department Template 1

Department Template 1

Department Name

Welcome 

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Est ullamcorper eget nulla facilisi. Viverra ipsum nunc aliquet bibendum enim. Nulla aliquet porttitor lacus luctus accumsan. Metus vulputate eu scelerisque felis imperdiet. Scelerisque eu ultrices vitae auctor eu augue. Cursus vitae congue mauris rhoncus. Non pulvinar neque laoreet suspendisse interdum consectetur libero. Lacus laoreet non curabitur gravida. Aenean sed adipiscing diam donec adipiscing tristique risus nec. Eget nullam non nisi est sit amet facilisis magna etiam.  

“Welcome” and “Contact Us” are bold and size 28.

“Department Name” is the component heading which is size 48.

Contact Us:

Department Name
445 W. Amelia Street
Orlando, FL 32801
Phone: 407-317-3383

Quick Links (Optional)

Icon Matrix allows a full-width text intro above various icons/text. This example uses the Simple Display Style set to the “Color” Color Scheme with Medium Duotone icons.

Popular Icons

  • Sample Link (Title Only)

  • Items can also upen up in a light box with additinal text/images. 

    The entrance to Wyndham Lakes Elementary School is framed by palm trees under a colorful sky.

  • This is a regular content box that can display various text, images, 

    • Bulleted List
    1. Numbered List

    or

    Button

  • Sample File
  • Sample Link
  • Sample File

Meet the Team (Option 1)

This is an Icon Matrix. If using photos, set the Display Style to Outline Circle. Set Icon Type to Custom, and images should be square.

Leave Icons Per Row to 6 regardless of how many people you add.

Gray Triangles Background Image

  • Sample Person
    Title
  • Sample Person
    Title
  • Sample Person
    Title

Meet the Team (Option 2)

If not using photos, set the Display Style to Solid Boxes. 

  • Sample Person
    Title
  • Sample Person
    Title

Below are ways to format a variety of content depending on your department’s needs. 

Optional Heading Text

The Columns component can display 1-4 columns of text and/or images.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Est ullamcorper eget nulla facilisi. Viverra ipsum nunc aliquet bibendum enim. Nulla aliquet porttitor lacus luctus accumsan.

Metus vulputate eu scelerisque felis imperdiet. Scelerisque eu ultrices vitae auctor eu augue. Cursus vitae congue mauris rhoncus. Non pulvinar neque laoreet suspendisse interdum consectetur libero. Lacus laoreet non curabitur gravida. Aenean sed adipiscing diam donec adipiscing tristique risus nec. Eget nullam non nisi est sit amet facilisis magna etiam.  

The entrance to Wyndham Lakes Elementary School is framed by palm trees under a colorful sky.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Est ullamcorper eget nulla facilisi. Viverra ipsum nunc aliquet bibendum enim. Nulla aliquet porttitor lacus luctus accumsan. Metus vulputate eu scelerisque felis imperdiet. Scelerisque eu ultrices vitae auctor eu augue.

Cursus vitae congue mauris rhoncus. Non pulvinar neque laoreet suspendisse interdum consectetur libero. Lacus laoreet non curabitur gravida. Aenean sed adipiscing diam donec adipiscing tristique risus nec. Eget nullam non nisi est sit amet facilisis magna etiam.  

The entrance to Wyndham Lakes Elementary School is framed by palm trees under a colorful sky.

Optional Heading Text

The Accordion & Tabs component allows full-width text intro above “accordion” syle headings, each of which can contain text, photos, links, etc. 

Optional Heading Text

The Document component can display individual documents, multiple documents or a document directory as seen in the sample below. Please keep in mind that all PDF documents displayed on the website must be ADA compliant.

 

Click here to learn more about PDFs and ADA Accessibility

Sample Document
pdf
Sample Document
pdf
Sample Document
pdf
Sample Document
pdf
Sample Document
pdf
Sample Document
pdf