# Greater Prairie City Community Association

## GPCCA

#### Serving Prairie City

# The GPCCA

# Example Modal

Here is how you can add additional content to your page without having it take up space…use a modal!

To do that make a .md file in the `content/modals` directory.

Put any markdown content in it including shortcodes.

Then just link to it in a section markdown file using the link shortcode.

example

    {{< link url="#modal-test" text="A test modal" type="btn" display="modal" >}}

where there is a file `test.md` in the `content/modals directory`

and the url is `url="#modal-<modal file name without .md>"``

# More Markdown

### And now for the rest of the show

- One
- Two
- Three

    * One
    * Two
    * Three

1. Buy flour and salt
2. Mix together with water
3. Bake

    1. Buy flour and salt
    1. Mix together with water
    1. Bake

Monspaced Font Box:

    Monospaced type box primarily for showing code
    Indent three or enclose in```

or put it `inline` like this

    or put it `inline` like this

a separator line
* * *

This is an example simple markdown link.

This link has no title attr.

This is [an example] someid reference-style link.

    This is [an example](http://example.com "Example") link.

    [This link](http://example.com) has no title attr.

    This is [an example] [id] reference-style link.

    [id]: http://example.com "Optional Title"

Use the link plugin shortcode for doing more fancy things.

A Button Styled Link with icon opens in window

You can put images from external sources in this way

    ![Alt Text](http://placehold.it/200x50 "Image Title")

but it’s probably better to use the plugin shortcode for your images

Where I Want To Be
Sure is Green

    {{< image filename="green-landscape.jpg" title="Where I Want To Be" caption="Sure is Green" >}}