H1 Content Header

H2 Content Section Header

Maecenas pulvinar ut velit vel tristique. Phasellus lacinia felis neque, sed bibendum felis lacinia nec. Suspendisse consequat lorem nisi, lacinia tincidunt eros efficitur eu. Etiam vel diam lectus. Nullam nec turpis in justo faucibus pellentesque in non sem. Pellentesque urna enim, hendrerit sed varius non, volutpat sed leo. Morbi aliquam velit at quam bibendum iaculis vel et purus. Nulla placerat nibh turpis, a maximus libero ullamcorper fermentum. Vivamus ut venenatis mauris. Nam lacinia eleifend dui vitae varius. Suspendisse gravida urna quis elit aliquet aliquam. Nulla pellentesque odio in urna egestas tempor. Donec ut semper lacus, a sagittis tellus.

Nulla facilisi. Phasellus neque dui, finibus ac libero et, molestie suscipit urna. Vivamus auctor tristique risus, ut eleifend urna aliquet sit amet. Praesent ultricies vestibulum justo, pretium dictum mi mollis in. Sed lectus metus, mattis in ullamcorper sit amet, vehicula et sapien. Mauris id nunc ornare, sollicitudin felis ut, rhoncus lectus. Curabitur vulputate mi a arcu fermentum, vitae pulvinar risus elementum.

Duis ut viverra nisl. Morbi sagittis tincidunt finibus. Vestibulum scelerisque luctus diam, eu dictum erat posuere nec. Vivamus non leo gravida, pharetra purus in, porta odio. Proin non dictum nulla, vitae finibus tortor. Maecenas ultricies eros sapien, dictum convallis quam consectetur sit amet. Pellentesque lacus velit, ullamcorper quis lectus eu, aliquam cursus purus. Donec pharetra sem lorem, ac luctus nulla eleifend non.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Color Classes

The site uses a number of classes that are useful for changing background colors, foreground colors, hover colors, etc. You can use these class names in the "Button" shortcode with the "class=xx" attribute, or anywhere you need to input custom HTML. The general format of all of these class names is as follows:

[colorcode][hover (optional)]

Color 1, Color 2, Black, White, and other colors are all controlled via Settings -> Theme Options -> Colors.

Foreground Colors

fg-c1 Change the foreground of the element to Color 1
fg-c2 Change the foreground of the element to Color 2
fg-body Change the foreground of the element to the Body Color
fg-white Change the foreground of the element to the theme White color
fg-black Change the foreground of the element to the theme Black color

Foreground Colors - Hover

fg-c1-hover Change the foreground of the element to Color 1 on hover
fg-c2-hover Change the foreground of the element to Color 2 on hover
fg-body-hover Change the foreground of the element to Theme Body Color on hover
fg-white-hover Change the foreground of the element to Theme White Color on hover
fg-black-hover Change the foreground of the element to Theme Black Color on hover

Background Colors

bg-c1 Change the background of the element to Color 1
bg-c2 Change the background of the element to Color 2
bg-body Change the background of the element to Body Color
bg-white Change the background of the element to Theme White
bg-black Change the background of the element to Theme Black

Background Color and Opacities

bg-c1-opacity Change the background of the element to Color 1, partially transparent
bg-c2-opacity Change the background of the element to Color 2, partially transparent
bg-white-opacity Change the background of the element to Theme White, partially transparent
bg-black-opacity Change the background of the element to Theme Black, partially transparent

Background Color and Opacities - Hover

bg-c1-opacity-hover Change the background of the element to Color 1, partially transparent on hover
bg-c2-opacity-hover Change the background of the element to Color 2, partially transparent on hover
bg-white-opacity-hover Change the background of the element to Theme White, partially transparent on hover
bg-black-opacity-hover Change the background of the element to Theme Black, partially transparent on hover

Background Colors - Hover

bg-c1-hover Change the background of the element to Color 1 on hover
bg-c2-hover Change the background of the element to Color 2 on hover
bg-white-hover Change the background of the element to Theme White on hover
bg-black-hover Change the background of the element to Theme White on hover

Border Colors

border-c1 Add a border to the element with color set to Color 1
border-c2 Add a border to the element with color set to Color 2
border-white Add a border to the element with color set to Theme White
border-black Add a border to the element with color set to Theme Black

Single Borders

border-top-c1 Add a border to the element with color set to Color 1 at the top
border-top-c2 Add a border to the element with color set to Color 2 at the top
border-top-white Add a border to the element with color set to Theme White at the top
border-top-black Add a border to the element with color set to Theme Black at the top

border-left-c1 Add a border to the element with color set to Color 1 at the left
border-left-c2 Add a border to the element with color set to Color 2 at the left
border-left-white Add a border to the element with color set to Theme White at the left
border-left-black Add a border to the element with color set to Theme Black at the left

border-right-c1 Add a border to the element with color set to Color 1 at the right
border-right-c2 Add a border to the element with color set to Color 2 at the right
border-right-white Add a border to the element with color set to Theme White at the right
border-right-black Add a border to the element with color set to Theme Black at the right

border-bottom-c1 Add a border to the element with color set to Color 1 at the bottom
border-bottom-c2 Add a border to the element with color set to Color 2 at the bottom
border-bottom-white Add a border to the element with color set to Theme White at the bottom
border-bottom-black Add a border to the element with color set to Theme Black at the bottom

Border Colors: hover

border-c1-hover Add a border to the element with color set to Color 1 when hovered over
border-c2-hover Add a border to the element with color set to Color 2 when hovered over
border-white-hover Add a border to the element with color set to Theme White when hovered over
border-black-hover Add a border to the element with color set to Theme Black when hovered over

CTAs are now Gutenberg blocks, able to be added to any Gutenberg editor slot. Search for "CTA" or "GCom" and choose the relevant options.

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.

Bold Italics Bold-Italics

  1. Numbered list 1
  2. Numbered list 2
  3. Numbered list 3

This is a block quote.

Some links, and here.


Gcom Intro Section

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.

GCom Gutenberg Blocks


Button Blocks:

Gcom Responsive Video Block

Gcom Content Frame Blocks

These blocks are to give you some flexible layouts. Each can be reversed (images and text columns swapping from left to right). Their main advantage over a standard Gutenberg column block is that the images will always expand to fill the height set by the amount of text in the text column.

Going to Google is the best! Yay!!

1-Big-Banner (large image at the top, paragraphs below); intended for cases where you have a fairly lengthy Frame of text, usually with 2 columns, and a single large featured image that is full width. With just a short Frame of copy, the image will overwhelm the layout. Any H1 line in the copy will be styled in white over the top banner image.

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.

Gcom Frame: 1-Big

1-Big (text on one side, full height image on the other). Intended for cases where you have a relatively short Frame of text with one big image to the side.

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.

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.

Gcom Frame: 1-over-2

1-over-2 (text on one side, stack of images on the other with one large image over two short ones); intended for cases where you have a fairly lengthy Frame of text; though the images will always scale to fit the height of the text block, the layout does not look as good with just a few lines of copy.

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.

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.

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.

Gcom Frame: 1-over-2-short

1-over-2-short (text on one side, stack of images on the other with one large image over two short ones). Intended for cases where you have a relatively short Frame of text; though the images will always scale to fit the height of the text block, the layout does not look as good with lots of lines of copy.

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.

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.

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.

Gcom Frame: 1-over-1 (reversed)

1-over-1 (text on one side, two equally sized images stacked on top of each other in the other). intended for cases where you have a moderate sized text block; though the images will always scale to fit the height of the text block, the layout does not look as good with just a few lines of copy or with too big a block.

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.

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.

Relevant Article

Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Keep Reading

Title

Captions rule

Jeff Rocks

This is paragraph content

Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Keep Reading

    Gcom Checkerboard: Default

    Alternating Rows of images and 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.

    Video Play Icon in White

    Second Row of Default Checkerboard

    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.

    Mixing Default Gutenberg blocks with GCommerce Blocks

    Here we are using the standard Gutenberg Column block, with manual text in this column and a GCommerce Caption Over Image Block in the other.

    Aliquam tincidunt, nibh eget gravida posuere, sem orci cursus tellus, at fermentum nisi turpis a ex. Cras fermentum, nunc ut euismod sollicitudin, ante felis sagittis nunc, at faucibus mi massa vel odio. Aenean vitae posuere tortor. Morbi elementum sem a ex posuere pulvinar. Donec eget augue luctus, sagittis tellus eget, posuere tortor. Aliquam porttitor lectus id lorem mattis, in vestibulum sapien aliquam.

    Reach out to receive customized information for your next event.

    Gcom Caption Over Image

    Short caption to go below the title. Overlay color is adjustable as well.

    Gcom Column Band Over Iimage

    Block background color is adjustable.

    Head Chef

    Gcom Form Block

    Choose a form and background image. The form will have an ID you can use in a CTA to smooth scroll down to the form.

    Gcom Specials Block: Show all Specials or just selected ones

    • one king bed room

    AARP

    10% discount with valid AAA membership.  AAA membership card required at check-in.  Subject to availability.

    • queen bed

    AAA

    10% discount with valid AAA membership.  AAA membership card required at check-in.  Subject to availability.

    • two queen bedroom

    2 Night Weekday

    2-night weekday promotion.  Rates available on select days, Sunday through Thursday.  Subject to availability. A 2-night minimum is required.

    • two queen beds

    Two Queen Beds Poolside/Creekside

    2 Queen Beds | 1 Bath

    Poolside/Creekside room with two queen beds.

    • two queen beds

    Two Queen Beds ADA

    2 Queen Beds | 1 Bath | ADA

    Room with two queen beds. ADA Accessible. 

    • two queen beds

    Two Queen Beds

    2 Queen Beds | 1 Bath

    Room with two queen beds.

    • One king bed room

    One King Bed Poolside/Creekside

    1 King Bed | 1 Bath

    Poolside/Creekside room with one king bed.

    • one king bed

    One King Bed ADA

    1 King Bed | One Bath | ADA

    ADA accessible room with one king bed.

    • one king bed

    One King Bed

    1 King Bed | One Bath

    Room with one king bed.

    • one bedroom king suite

    One Bedroom King Suite

    1 King Bed | 1 Sofa Bed | 1 Bath

    Suite with a private king bedroom and separate living space with a queen-size sofa sleeper. All suites are located on the poolside of the property.

    Here are the job listings shown as one per row instead.

    Gcom Three By Slider

    You have the option to make a short introduction to the sliders if desired.
    • Slide Text Block Headline

      You can enter some text that appears when hovered over.
      Head Chef
    • But Not Too Much

      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.
      Assistant Server
    • Who doesn't love French toast?

      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.
    • But Only If It's Food

      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

    Manual Headline for Expanding Columns Block

    Manual Headline for Parallax Block

    Parallax Block. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

    Gcom Testimonial Quotes

    • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.
      Guy with Good Taste
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.
      Gal with Even Better Taste

    Most Recent Blog Posts

    GCommerce Test Post

    This is copy from the GCommerce Test Post post.

    Hello world!

    Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

    Another Post with Everything In It

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a, convallis quis, pellentesque a, dolor. Curabitur vitae nisi non dolor vestibulum consequat.

    An Ordered List Post

    Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo. Fusce in est. Sed nec diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque semper nibh eget nibh. Sed tempor. […]

    Post Excerpts

    GCommerce Test Post
    This is copy from the GCommerce Test Post post.
    Keep Reading