ID: 36 Modern Design

Browsers Supported: IE9+, FireFox, Chrome and Safari.

What are the key features?

  • Front Page Slideshow:
    Slideshow can be optional and modified to display anywhere within the portal section area.
    For best quality, the images must be at least 840px (w) x 275px (h).
  • Footer Contact Info:
    The address, phone number, and fax number are displayed in the footer.
  • Customizable Quick Link Icons:
    Titles can be named to be whatever you want and they can link to anything. They are displayed within the header, right section, above the horizontal navigation.

What can be customized?

  • Colors:
    The color scheme can be customized to match your organization’s colors.
  • Logo:
    Your organization’s logo will be placed in the logo area, which is in the left side of the header.
    The logo area is 100px (w) x 130px (h).
  • Site Name:
    Your organization’s name will be placed in the right side of the header next to the logo area.
  • Background:
    The background’s colors can be solid, be a gradient, an image, or have a simple repeating pattern. The background repeats horizontally.
    For best quality, the images must be at least 1170px (w) x 190px (h)
    The larger, the better for resizing in the bounding box.


What is under my control?

  • Slideshow Images:
    The images will be randomly pulled from a photo album that you create.
  • Social Networking:
    The social icons can be moved to be displayed on the left column or footer area. The exact position within each area is already determined for you.
  • Customizable Quick Link Icons:
    The text and link are fully editable.
  • Our Schools Section:
    Programmed to work with districts with multiple school sites only.
    For single websites this section will be removed.
    Below the slideshow, the district homepage will display an image and link to all school sites. The left and right arrows can be used to view more schools, as needed. This feature is only available for the district website and will disappear within the school websites.
  • Horizontal Navigation Headings:
    You can add, delete, or edit the navigation’s menu headings.
    We recommend to only have one row of menu headings to keep a professional look.
  • Vertical Navigation:
    You can add, delete, or edit the navigation’s sections and menu headings.
  • Left Column and Footer Text Boxes:
    You can add, delete, or edit the text from the left column text box (appears below the navigation) and from the footer text box.
  • The Portals Area:
    The portals area is below the slideshow.


    • You can add different widgets (e.g. content page, calendar, news, weather, etc.) to this area.
    • You can change the layout of the widgets.
    • You can change the style of each widget (from the available options).

What web sites are using this layout?