Component Test

Residential '26 Theme Components

The purpose of this page is to serve as a central location to view each component with multiple variations. The components are:
  • Hero Video (shown on Home Page)
  • Hero Main (shown above)
  • Body Copy (this component)
  • Downloads
  • Dynamic Content Form
  • Community Map - We don't know anything about this?
  • EP Places (Google Map)
  • FAQ
  • Floorplans
  • Image Carousel
    • Full-width
    • Tiled
    • List
  • Image Gallery
  • Image & Text (the main powerhouse of the site)
  • Jump link Target
  • Nav Buttons
  • Reviews
  • Spacer / Dividing Line
  • Site Map
  • Custom CSS and Javascript (per-page)
Most components have options to select background and foreground colors from the primary/secondary dark and light colors, as well as black, white and transparent. Some have options to select button colors, hover colors, etc.
Icon Home
Home
Icon EDGEFEST
EDGEFEST
Icon Contact Us
Contact Us

Downloads & Documents Section

Optional Downloads Sub-Title

Application MDRR Form Qualification Standards Application MDRR Form

Downloads & Documents Section

ApplicationMDRR FormQualification StandardsApplicationMDRR Form

Where Sophistication Resides

Welcome Home

Get In Touch

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. (At this point, actually sending the message is not functional)

FAQ

Question One
Question Two

FAQ

Question One
Question Two
Question Three

Floorplans

Image Gallery One

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Image Carousel Full Width

Image Carousel Smaller

Image Carousel List

Image and Text

This component is the real workhorse of the site, having multiple variations to support the various needs:
  • Image can be on left or right
  • Optional Center Icon
  • Can be split at 40/60, 50/50 or 60/40
  • Each "Image" block can be a single or multiple images (displayed as a carousel with navigation arrows, and optional auto-play)
  • Any individual image can be used as a trigger for a Matterport tour
  • Component can have a single or multiple text blocks, offering multiple internal navigation options - Tabs or dots (with a custom "next" link)
  • Text blocks can have sub-blocks that open in a constrained popup within the component

Image Left, 50/50

Simple Image / Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Image Right, 40/60

Simple Image / Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Image Right, 50/50

Simple Image / Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Image Right, 60/40

Simple Image / Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

NewsClassifieds

What's Going On?

News

This variation demonstrates multiple images and multiple sub-content blocks using the tab style navigation

Main Street
Party!
Next SectionXX

What's Going On?

News

This variation demonstrates multiple images and multiple sub-content blocks using the dot style navigation

Main Street
Party!

He said WHAT?

Bill F

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Jon D

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Jane D

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Spacer / Dividers

A Spacer adds a predetermined amount of vertical padding between 2 components, with an optional dividing line in the center. The spacer and dividing line can each be any of the branding colors, black, or white, in any combination. Using one above and below a component, with a dividing line included, will give the impression of dividers within the component. Below are an assortment of spacers in various combinations.

Site Map

The Site Map is typically only loaded on a dedicated Site Map page, and linked from the footer. It exists primarily for search engines to know what pages exist, although some visitors do use it to find a specific page if the navigation doesn't help them find it. This component searches the site for any page that has the "Include in Site Map" switch turned on, and displays them alphabetically. That switch allows us to have pages exist, but hidden from easy access.

Previous

Next