• Style Guide

Style Guide

This is intended to be a guide to the core styles that define the Second Chance template. We use the [ ] marks instead of the < > to highlight html code (otherwise, it would render on its own). Incidentally, this paragraph is a [p] style.

This is [p class="box-warning"].

This is [p class="box-hint"].

This is [p class="box-info"].

This is [p class="box-download"].

This is an [h1] style

This is an [h2] style

This is an [h3] style

This is an [em] style

To emphasize text with small boxes use [em class="box"].

This is [p class="box-content"].

This is [p class="box-note"].

You can highlight text like thisusing the [mark] tag, or delete text like this using the [del] tag, or even indicate and abbreviation like this using the [abbr] tag (the format for this is [abbr title="enter your title"].

Need an inline quotation? No problem. Use the [q] tag.

Need a bigger area to quote? Use the [blockquote] element to set it off.

Want a trendy dropcap to start off your paragraph? Easy as pie. Simply use the [p class="dropcap"] and you'll be good to go. Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Need some small text... maybe to hide your terms of service? Use the [small] tag.

Need a dotted line like the one below? Use [hr class="dotted" /].


Line List [ul class="line"]

  • Sample item 1
  • Sample item 2
  • Sample item 3
  • Sample item 4

Zebra List [ul class="zebra"]

  • Sample item 1
  • Sample item 2
  • Sample item 3
  • Sample item 4

Check List [ul class="check"]

  • Sample item 1
  • Sample item 2
  • Sample item 3
  • Sample item 4

 

This is a basic inset. Use the code [div class="inset-box"]. Lorem ipsum dolor sit amet, consectetur adipisicing 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.
This is a basic inset floated to the right.
Use the code [div class="inset-box float-right"].
Adding "margin-left" to the class will add some
extra padding.

Twitter stream

Take only pictures, leave only footprints...
Activity-specific. Adventure-ready. Smartwool PhD socks are engineered for specific activities to make your adventu… twitter.com/i/web/status/9…

Columbia, SC

1215 Wayne Street
Columbia, SC 29201
803.799.7571 | p
email Columbia location

Mon - Fri: 10:00am - 6:00pm
Sat: 10:00am - 6:00pm

Our Story

Started in 1973 by Malcolm and Lewis Jones, The Backpacker Quality Gear, Inc. became the first outfitter in South Carolina to bring high quality outdoor gear to South Carolina... continue reading