Create Pages

Sample Content Page

Below is content from this page (main page editor)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus massa erat, auctor vitae maximus hendrerit, suscipit eu nibh. Praesent scelerisque sagittis diam vel congue. Aenean id ex rutrum, vulputate nisi eget, ornare enim. Nam accumsan volutpat feugiat. Nulla quis nisl volutpat, tincidunt nibh in, auctor dolor. Phasellus luctus non enim cursus condimentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi dolor massa, sagittis mollis est pellentesque, maximus fermentum justo. Donec ac facilisis massa, id viverra elit. Aliquam tincidunt justo nunc, vitae imperdiet augue egestas non. Duis eget dictum augue. Nulla id risus feugiat, eleifend dolor quis, suscipit risus. Sed sed vestibulum tellus. Vivamus porta blandit diam sed scelerisque. Cras vel eros mi. In eu nisi vel nisi tempus mollis.

Aenean porttitor magna nec finibus commodo. Vestibulum eu fringilla mauris. In enim odio, vulputate id leo sed, feugiat lobortis diam. Quisque quis orci et nisl congue hendrerit. Ut aliquet gravida nisl sit amet sollicitudin. Mauris vehicula nisl nibh, at consequat metus efficitur vitae. Morbi egestas laoreet sagittis. Curabitur fermentum tincidunt magna, sagittis dictum risus suscipit vitae. Etiam dignissim arcu a ultrices vehicula.

 

Below is content from using Blocks

NEW CAMP FAMILY INFORMATION

Some parents want to know a little; some parents want to know a lot! This is all the need-to-know information to prepare you for summer. Pick and choose what you want to see. We’ll send an email 2 weeks prior to your camp week to fill you in on the most important details leading up to camp. The more you know, the quicker you feel at home!

Connect with Camp

View more +

Account Information

View more +

Summer Themes, Packing Lists and Theme Nights

View more +

MAPS & DIRECTIONS

View more +

 

OPENING DAY

View more +

 

DURING CAMP

View more +

 

CLOSING DAY

View more +

 

ACCOMODATIONS

View more +

 

SHARE & SUPPORT

View more +

 

BEYOND SUMMER

View more +

 

STILL HAVE QUESTIONS

View more +

BASIC ELEMENTS

BUTTON

Simply display a button element for a call to action or highlight a link.

    [button url="#" title="Shortcode Button" class=" " size=" "]

Available "Button" attributes include:

  • url - This is where you set the url/link for the button.
  • class - If you want to apend a current class, or set a custom css class for the element.
  • title - Label for the button text.
  • size - Set the size of the button (options are default or small).
  • target - Set the target of the link. (Use _blank to open in a new window.)


VIDEO - YOUTUBE

Display/embed a youtube video with a responsive player.

    [youtube id="XXXXXXXXXX" class=" "]

Available "youtube" attributes include:

  • id - Add the YouTube video id.
  • class - If you want to apend a current class, or set a custom css class for the element.


VIDEO - VIMEO

Display/embed a vimeo video with a responsive player.

    [vimeo id="XXXXXXXXXX" class=" "]

Available "viemo" attributes include:

  • id - Add the Vimeo video id.
  • class - If you want to apend a current class, or set a custom css class for the element.


GAP

Use this element to add variable spacing between content.

    [gap size="0px"] or [gap size="5%"]

Available "gap" attributes include:

  • size - Use a number and a delineator (px or %), this will add padding to the gap element.
  • class - If you want to set a custom css class for the gap.


LINE

Use this element to add a divider/line between content sections or as a design element.

    [line class="" width="" color=""]

Available "line" attributes include:

  • class - If you want to apend a current class, or set a custom css class for the element.
  • width - Set the max width of the line. Default is 100% or full width of the parent container.
  • color - HEX code (includeing #) of the color wanted for the color of the line.




LAYOUT / GRID

SECTION / ROW

Create a section or row of content. Used as a container for any content between the shortcode tags.

    [section class=" " align=" " width=" "]

            // Your interior content can go here...

    [/section]

Available "section" attributes include:

  • class - If you want to set a custom css class for the element.
  • align - Text align for section (align-lft, align-rt, align-ctr).
  • width - Max width of section (default is 1280px - or full width of parent container).


COLUMNS

Break up the content into columns to create grid based layouts on the fly.

    [col sm="6" md=" " lg=" "]

            // This is a column that spans 6 out of 12 columns...

    [/col]
    [col sm="6" md=" " lg=" "]

            // This is a column that spans 6 out of 12 columns...

    [/col]

Available "col" attributes include:

  • class - If you want to apend a current class, or set a custom css class for the element.
  • xs - Number of columns to span (out of 12) on extra small screens.
  • sm - Number of columns to span (out of 12) on small screens.
  • md - Number of columns to span (out of 12) on medium screens.
  • lg - Number of columns to span (out of 12) on large screens.


NESTED COLUMNS

Break up the content into columns to create grid based layouts on the fly.
Use this shortcode to nest a child set of columns inside a partent [col]

    [col sm="10"]
        [col-child sm="6" md=" " lg=" "]

            This is a child column that spans 6 out of 12 of the parent col element...

        [/col-child]
    [/col]

Available "col-child" attributes include:

  • class - If you want to apend a current class, or set a custom css class for the element.
  • xs - Number of columns to span (out of 12) on extra small screens.
  • sm - Number of columns to span (out of 12) on small screens.
  • md - Number of columns to span (out of 12) on medium screens.
  • lg - Number of columns to span (out of 12) on large screens.




DYNAMIC CONTENT

GETCONTENT

Display dynamic database driven content.

    [getcontent type="POSTTYPE" show="3" grid="col-md-6" order=" " taxonomy=" " term=" " pagination=" " layout="card--default"]

Available "getcontent" attributes include:

  • type - Type of content you want (post_type name from Wordpress).
  • show - Number of items to be returned (default is All).
  • order - order of the content (ASC or DESC).
  • grid - Bootstrap CSS grid classes to change the number of items displayed on a row.
  • taxonomy - Name of Taxonomy to filter results by (use the taxonomy name/slug from Wordpress).
  • term - Taxonomy term or terms (seperate multiple with a comma).
  • locations - Filters content by taxonomy of Locations (seperate multiple with a comma).
  • roles - Filters content by taxonomy of Roles (seperate multiple with a comma).
  • types - Filters content by taxonomy of Type (seperate multiple with a comma).
  • pagination - True/False, turn on 'older' and 'newer' buttons to page thru content.
  • layout - Choose the template for the grid item (options: card--default, card--alt, tile--default, tile--alt, panel--default, panel--alt - If Empty: layout is based on selected post type).




ACCORDION CONTENT

ACCORDION

Display content in an accordion form. Expand and collapse content.

    [accordion class="" width=""]

        [accordionitem]s will go here...

    [/accordion]

Available "accoridon" attributes include:

  • class - If you want to apend a current class, or set a custom css class for the element.
  • width - Set the max width for the accordion. Default is 100% (will filll the width of the container)


ACCORDION ITEM

Create an accordion item inside an [accordion].

    [accordionitem title=""]

        ... your content will go here ...

    [/accordion]

Available "accoridonitem" attributes include:

  • title - Set the title of the accoridon item, this will also act as the clickable action to show more content
  • disabled - Set to 'true' to disable the item. (use this option if the accordion item will have no expandable/hidden content)


EXPANDABLE CONTENT

EXPAND/COLLAPSE

Display content in an Expand/Collapse element form. Expand and collapse content.

    [expand class="" width=""]

        ... Content here will be seen by default...

        [expandcontent class=""]

            ...Content inside the Expand Content tag will be hidden by default...

        [/expandcontent]

    [/expand]

Available "expand" attributes include:

  • class - If you want to apend a current class, or set a custom css class for the element.
  • width - Set the max width for the expand/collapse element. Default is 100% (will filll the width of the container)


MISC CONTENT

MAP

Display a google map with location marker.

    [map class="" width="" height="" address=""]

Available "map" attributes include:

  • class - If you want to apend a current class, or set a custom css class for the element.
  • width - Set the max width for the map. Default is 100% (will filll the width of the container)
  • height - Set the height for the map. Default is 40%.
  • address - Add an address to add a map marker and center the map at that locaiton. (ex. 1234 Streename City, TX 00000)


FORM

Display a form with First Name, Last Name, Email, and Comment fields.

    [form class="" width="" to="" subject=""]

Available "form" attributes include:

  • class - If you want to apend a current class, or set a custom css class for the element.
  • width - Set the max width for the form. Default is 100% (will filll the width of the container)
  • to - The email address you want the form to submit to.
  • subject - The subject of the email that is sent by the form.
Read

Camp Blogs

  • We made it home!

    We landed back in Texas after a great week in Gainesville, Florida!!! This morning we packed up and headed to church at Westside. It was encouraging to worship together as a team, as well as sit alongside students we met throughout this week. This week was humbling and eye-opening. It was humbling to do work...

    Learn more
  • Gainesville Day 5

    Today we loaded up the vans and headed to St. Augustine. We met a bunch of international students there, many who we previously had  connected with earlier in the week. It was a beautiful day, the sun was out and the skies were blue. We sat at a park and started off our day with...

    Learn more
  • Gainesville Day 4

    After a long (but stellar!) few days, we got to slow down this morning and really spend time reflecting, praying, and just sitting in community with one another. As we start getting back to camp and into the swing of life, we will most likely bump into the question, “how was your trip to Florida?”...

    Learn more