Tulsa Camp Fire | Light The Fire Within

Sample Page

This is an example page. We've provided a bunch of example widgets for you to use as an example as you setup the rest of your site.

 

The SiteOrigin Editor is generally the best editor to use for text. The basic text widget is generally only recommended if you are going to only be using a shortcode in that widget.

Using a 2 column row with a Golden (0.68) ratio is a good choice if you want to use a smaller image and a larger amount of text. Otherwise we recommend sticking with an Event (1) ratio for all your columns.

We recommend you use the SiteOrigin image widget (seen to the right) if you want to include an image (and avoid the generic Image widget). This widget provides you a lot more options and will make sure your site displays better across all screen sizes.

Use the shortcode below to insert the legacy bar onto any page

[ legacy ]

(you must remove the spaces before and after the brackets or the shortcode won’t work)

1910

The Legacy

2019

The Camp Fire logos over the years

Widget headers will always be set in heading 3

Here's how the various heading & paragraph stylings look:

Heading 1 bold italic

Proin in nisi nec ligula bibendum auctor id in purus. Vestibulum lobortis orci vitae vehicula egestas. In commodo vehicula venenatis.

Heading 2 bold italic

Nullam auctor dolor nec enim semper viverra.

Heading 3 bold italic

Pellentesque blandit dictum ipsum id aliquam.  Suspendisse dapibus lacus tellus, quis ultricies velit pulvinar sit amet.

Heading 4 bold italic

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Heading 5 italic
Heading 5 bold

Ut sed placerat mauris. Integer pulvinar augue vel diam aliquam fringilla.

Heading 6 bold italic

A basic paragraph bold italic facilisis. A link luctus bibendum lacus, vitae aliquet sapien volutpat in. Suspendisse nisi ipsum, tristique id accumsan non, congue non ex. Vivamus viverra, tellus nec congue dignissim, lectus lorem eleifend mauris, efficitur lacinia erat nunc ut elit. Aenean mollis urna ac turpis elementum auctor.

  • A bulleted list
  • Aenean finibus purus sit amet lobortis dictum.
  • Quisque vel erat vitae eros malesuada molestie sed vitae arcu.
  • Integer non odio id mi laoreet imperdiet.

Nam et ligula viverra, malesuada justo sed, placerat velit. Donec sodales nulla nisl, nec venenatis felis malesuada placerat. Cras id molestie lorem. Mauris vestibulum facilisis ipsum, sed feugiat lorem rutrum sed. Sed non pretium neque.

  1. A numbered list
  2. Aliquam euismod sem lorem, sit amet laoreet nulla sagittis et.
  3. Sed dignissim id metus non lobortis.
  4. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Vivamus mollis viverra tincidunt. Nam nec mi eget velit tempor lacinia. Curabitur tincidunt sollicitudin sem, quis porttitor sapien feugiat eget. Ut feugiat nisi nec porta eleifend. Aliquam justo risus, euismod non vulputate et, interdum vitae metus. Etiam convallis consequat risus, sed iaculis nulla varius nec.

A standard blockquote - Nunc quis lacus quis eros egestas vulputate et sed odio. Integer enim velit, eleifend in faucibus vitae, hendrerit sit amet ligula. Sed scelerisque fringilla consectetur. Pellentesque euismod, velit quis sodales aliquet, nisl tellus ullamcorper dolor, nec ultricies nisl turpis porttitor odio.

Pellentesque porttitor velit consectetur tincidunt tempor. Etiam tempus tempus nisi, ac feugiat orci ullamcorper eu. Donec at arcu aliquam arcu elementum euismod. Integer mollis consequat justo vitae hendrerit. Sed tempus sit amet nulla vel condimentum. Aliquam erat volutpat. Nullam scelerisque erat non urna scelerisque egestas quis in erat.

Special bulleted lists

Wrap a bulleted list in the special-list type=“xxx” shortcode to create a fancy styled list. The bullet stylings and column numbers can be combined.

type="checkmark"

  • This a checkmark list
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Proin vulputate ante eu sapien suscipit, sit amet molestie est sodales.
  • Vivamus et mi lobortis, vulputate felis eu, feugiat nisl.
  • Donec tristique felis id fermentum convallis.

type="arrow"

  • This a arrow list
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Proin vulputate ante eu sapien suscipit, sit amet molestie est sodales.
  • Vivamus et mi lobortis, vulputate felis eu, feugiat nisl.
  • Donec tristique felis id fermentum convallis.

type="two-column"

  • This a two column list
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Proin vulputate ante eu sapien suscipit, sit amet molestie est sodales.
  • Vivamus et mi lobortis, vulputate felis eu, feugiat nisl.
  • Donec tristique felis id fermentum convallis.
  • Aenean aliquam odio eget nulla iaculis mollis.

type="three-column"

  • This a three column list
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Proin vulputate ante eu sapien suscipit, sit amet molestie est sodales.
  • Vivamus et mi lobortis, vulputate felis eu, feugiat nisl.
  • Donec tristique felis id fermentum convallis.
  • Aenean aliquam odio eget nulla iaculis mollis.

type="checkmark two-column"

  • This a two column list
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Proin vulputate ante eu sapien suscipit, sit amet molestie est sodales.
  • Vivamus et mi lobortis, vulputate felis eu, feugiat nisl.
  • Donec tristique felis id fermentum convallis.
  • Aenean aliquam odio eget nulla iaculis mollis.

Use the shortcode below to insert the impact numbers (seen below) onto any page

[ numbers ]

(you must remove the spaces before and after the brackets or the shortcode won’t work)

1,200

youth served every year

30+

sites receive programming

100+

Years of impacting Tulsa

.1%

of youth identify as transgender

Dividers

Here are all the types of dividers

plain (leave off type="xxx") - [ divider ]

full width - [ dividertype="full" ]

dash - [ dividertype="dash" ]

mountains - [ dividertype="mountains" ]

triangles - [ dividertype="triangles" ]

(you must remove the spaces before and after the brackets or the shortcode won't work)

You can also place buttons inside a divider, like so. Please only do so with either plain or full width dividers.

Use the shortcode (seen below) to insert the newsletter bar onto any page

[ newsletter ]

(you must remove the spaces before and after the brackets or the shortcode won’t work)

If you want to insert just this newsletter signup form, instead of the whole styled bar, use this shortcode instead

[ newsletter-mini ]

(you must remove the spaces before and after the brackets or the shortcode won’t work)

Use the shortcode (seen below) to insert the Testimonials randomizer onto any page

[ testimonials ]

(you must remove the spaces before and after the brackets or the shortcode won’t work)

Our Promise

Young people want to shape the world.

Camp Fire provides the opportunity to find their spark, lift their voice, and discover who they are.

In Camp Fire, it begins now.

Light the fire within