Skip to Main Content

Town of Ajax

[gtranslate]

We Use Cookies

This website uses cookies to ensure you get the best user experience. By continuing to use this website, you consent to our use of cookies. Learn about our Cookie Policy.

Home Pattern Library

Pattern Library Part One - Default Banner

Primary Heading Lorem a Dolor Sit Amet

Secondary Heading Lorem Ipsum

Tertiary Heading Lorem Ipsum Dolor Sit Amet

Quaterary Heading Lorem Ipsum Dolor Sit Amet

Introduction body, Massa metus eros augue orci, elit pellent esque dui maximus egestas conubia habitant cursus sit.

Body, duis ex potenti maximus egestas this is a link mus est habitant taciti enim. Imperdiet sollicitudin torquent, nunc habitant cursus sit. Nunc cubilia platea cursus vivamus aenean maximus egestas conubia habitant cursus sit.
Body, duis ex potenti maximus egestas this is a link mus est habitant taciti enim. Imperdiet sollicitudin torquent, nunc habitant cursus sit. Nunc cubilia platea cursus vivamus aenean maximus egestas conubia habitant cursus sit.

Body, duis ex potenti maximus egestas this is a link mus est habitant taciti enim. Imperdiet sollicitudin torquent, nunc habitant cursus sit. Nunc cubilia platea cursus vivamus aenean maximus egestas conubia habitant cursus sit.

Micro, a vestibulum quam. Quisque pharetra vestibulum bibendum. Mauris sagittis finibus mauris eget egestas. Nulla ornare sem velit, sed auctor nibh egestas in. Nam quis rhoncus.

Primary Button
Secondary Button
Tertiary Button

List Style

Ordered List Styling

Body, duis ex potenti maximus egestas mus est habitant taciti enim. Imperdiet sollicitudin torquent, nunc habitant cursus sit. Nunc cubilia platea cursus vivamus aenean maximus egestas conubia habitant cursus sit.

  1. Body paragraph bullets level one
  2. Body paragraph bullets level one lorem ipsum cubilia platea cursus vivamus aenean
  3. Body paragraph bullets level one lorem ipsum
    1. Body paragraph bullets level two
    2. Body paragraph bullets level two lorem ipsum
      1. Body paragraph bullets level three

Unordered List Styling

Body, duis ex potenti maximus egestas mus est habitant taciti enim. Imperdiet sollicitudin torquent, nunc habitant cursus sit. Nunc cubilia platea cursus vivamus aenean maximus egestas conubia habitant cursus sit.

  • Body paragraph bullets level one
  • Body paragraph bullets level one lorem ipsum cubilia platea cursus vivamus aenean
  • Body paragraph bullets level one lorem ipsum
    • Body paragraph bullets level two
    • Body paragraph bullets level two lorem ipsum
      • Body paragraph bullets level three

Content with Media Primary Heading

With Landscape Image

Optional caption with small paragraph a vestibulum quam. Quisque pharetra vestibulum bibendum. Mauri

With Portrait Image

Optional caption with small paragraph a vestibulum quam. Quisque pharetra vestibulum bibendum. Mauri

With Video

Video link: https://www.youtube.com/embed/X-HL-r5TOiU?rel=0

Optional caption with small paragraph a vestibulum quam. Quisque pharetra vestibulum bibendum. Mauri

Secondary Heading Lorem Ipsum Landscape Image

Lorem ipsum odor amet, consectetuer adipiscing elit. Ut viverra dapibus vivamus inceptos pharetra. Nam ultrices nunc euismod faucibus luctus nec facilisi. Gravida magnis ridiculus felis ut eu natoque nostra. Aliquam quam fermentum scelerisque sit quis donec fames. Molestie phasellus class ad tristique lacinia blandit platea.

Primary Button

Video link: https://www.youtube.com/embed/X-HL-r5TOiU?rel=0

Caption

Secondary Heading Lorem Ipsum Video

Lorem ipsum odor amet, consectetuer adipiscing elit. Ut viverra dapibus vivamus inceptos pharetra. Nam ultrices nunc euismod faucibus luctus nec facilisi. Gravida magnis ridiculus felis ut eu natoque nostra. Aliquam quam fermentum scelerisque sit quis donec fames. Molestie phasellus class ad tristique lacinia blandit platea.

Primary Button

1/3 2/3 Layout Lorem Ipsum Dolor Sit Amet Landscape Image

Lorem ipsum odor amet, consectetuer adipiscing elit. Ut viverra dapibus vivamus inceptos pharetra. Nam ultrices nunc euismod faucibus luctus nec facilisi. Gravida magnis ridiculus felis ut eu natoque nostra. Aliquam quam fermentum scelerisque sit quis donec fames. Molestie phasellus class ad tristique lacinia blandit platea. Lorem ipsum odor amet, consectetuer adipiscing elit.

Primary Button
Secondary Button
Tertiary Button

1/3 2/3 Layout Lorem Ipsum Dolor Sit Amet Portrait Image

Secondary Heading With Portrait Image

Lorem ipsum odor amet, consectetuer adipiscing elit. Ut viverra dapibus vivamus inceptos pharetra. Nam ultrices nunc euismod faucibus luctus nec facilisi. Gravida magnis ridiculus felis ut eu natoque nostra. Aliquam quam fermentum scelerisque sit quis donec fames. Molestie phasellus class ad tristique lacinia blandit platea. Lorem ipsum odor amet, consectetuer adipiscing elit.

Primary Button
Secondary Button
Tertiary Button

Three Column Primary Heading Lorem Ipsum Dolor Sit Amet

Secondary Heading Landscape Image

Lorem ipsum odor amet, consectetuer adipiscing elit. Ut viverra dapibus vivamus inceptos pharetra. Nam ultrices nunc euismod faucibus luctus nec facilisi. Gravida magnis ridiculus felis ut eu natoque nostra. Aliquam quam sit quis donec fames.

Primary Button

Secondary Heading Landscape Image

Lorem ipsum odor amet, consectetuer adipiscing elit. Ut viverra dapibus vivamus inceptos pharetra. Nam ultrices nunc euismod faucibus luctus nec facilisi. Gravida magnis ridiculus felis ut eu natoque nostra. Aliquam quam sit quis donec fames.

Primary Button

Secondary Heading Landscape Image

Lorem ipsum odor amet, consectetuer adipiscing elit. Ut viverra dapibus vivamus inceptos pharetra. Nam ultrices nunc euismod faucibus luctus nec facilisi. Gravida magnis ridiculus felis ut eu natoque nostra. Aliquam quam sit quis donec fames.

Primary Button

Three Column Primary Heading Lorem Ipsum Dolor Sit Amet

Secondary Heading Portrait Image

Lorem ipsum odor amet, consectetuer adipiscing elit. Ut viverra dapibus vivamus inceptos pharetra. Nam ultrices nunc euismod faucibus luctus nec facilisi. Gravida magnis ridiculus felis ut eu natoque nostra. Aliquam quam sit quis donec fames.

Primary Button

Secondary Heading Portrait Image

Lorem ipsum odor amet, consectetuer adipiscing elit. Ut viverra dapibus vivamus inceptos pharetra. Nam ultrices nunc euismod faucibus luctus nec facilisi. Gravida magnis ridiculus felis ut eu natoque nostra. Aliquam quam sit quis donec fames.

Primary Button

Secondary Heading Portrait Image

Lorem ipsum odor amet, consectetuer adipiscing elit. Ut viverra dapibus vivamus inceptos pharetra. Nam ultrices nunc euismod faucibus luctus nec facilisi. Gravida magnis ridiculus felis ut eu natoque nostra. Aliquam quam sit quis donec fames.

Primary Button

Optional caption with small paragraph a vestibulum quam. Quisque pharetra vestibulum bibendum. Mauri

1/2 Column With Media Primary Heading

Secondary Heading Lorem Ipsum

Introduction body, Massa metus eros augue orci, elit pellent esque dui maximus egestas conubia habitant cursus sit.

Body, duis ex potenti maximus egestas mus est habitant taciti enim. Imperdiet sollicitudin torquent, nunc habitant cursus sit. Nunc cubilia platea cursus vivamus aenean maximus egestas conubia habitant cursus sit.

Micro, a vestibulum quam. Quisque pharetra vestibulum bibendum. Mauris sagittis finibus mauris eget egestas. Nulla ornare sem velit, sed auctor nibh egestas in. Nam quis rhoncus.

Primary Button
Secondary Button
Tertiary Button

Optional caption text lorem ipsum dolor sit amet Ut viverra dapibus vivamus inceptos.

1/3 2/3 Layout Lorem Ipsum Dolor Sit Amet Landscape Image

Lorem ipsum odor amet, consectetuer adipiscing elit. Ut viverra dapibus vivamus inceptos pharetra. Nam ultrices nunc euismod faucibus luctus nec facilisi. Gravida magnis ridiculus felis ut eu natoque nostra. Aliquam quam fermentum scelerisque sit quis donec fames. Molestie phasellus class ad tristique lacinia blandit platea. Lorem ipsum odor amet, consectetuer adipiscing elit.

Primary Button
Secondary Button
Tertiary Button