Want to see what's new?

accordion screenshot

The Accordion Panel are part of the basic Bootstrap CSS framework. We've taken the component and styled it with a bit of CSS to really bring it to life!. You can include any HTML content in your panels.

Checkout the tutorial link below and you'll learn how to:

  • add or remove from a page
  • add and remove content panels
  • change the panel headings and content
  • create additional panels
Click here for the Accordion Panel Tutorials
testimonial slider screenshot

The Testimonials Slider is a really nice, content display component that allows you to display a snippet of text, along with an image. You can use this for actual customer testimonials, or for new product information, upcoming events... anything that requires text and images, and the need to 'slide' from one bit of information to the next.

Checkout the tutorial link below and you'll learn how to:

  • add or remove from a page
  • add and remove slides
  • change the slider headings, quote, client image and link text
  • create additional slides
Click here for the Testimonial Slider Tutorials
contact panel screenshot

The Contact Panel provides your visitors quick and easy access to a contact form, and a google map to show your business or location. The Google Map can be replaced with an image, or any HTML content.

Checkout the tutorial link below and you'll learn how to:

  • add or remove from a page
  • direct the contact form to a new email address
  • update the google map
  • remove or replace the google map with an image or regular HTML content
Click here for the Contact (Dropdown) Panel Tutorials
info box screenshot

The Info Box Carousel is part of the basic Bootstrap CSS framework. We've taken the component and styled it with a bit of CSS to really bring it to life!. You can include any HTML content in your article boxes.

Checkout the tutorial link below and you'll learn how to:

  • add or remove from a page
  • add and remove info boxes
  • change the info box headings, content and button
  • adjust the number of boxes being displayed in each group
Click here for the Info Box Carousel Tutorials
quote rotator small screenshot

The Quote Rotator Small is a left or right column sized qoute or information rotator.. we call it a Quote rotator, but really, it just displays a snippet of text for a few seconds, then another, and so on.

Checkout the tutorial link below and you'll learn how to:

  • add or remove from a page
  • update the quote content
Click here for the Quote Rotator Small Tutorials
scroll to top screenshot

The Scroll to Top is a simple script that is activated once the page scrolls down to a certain point. Once activated the 'scroll to top' button is displayed on the lower right side of the page.. the only things you can do with this component is remove it, change the button position, or change the button image.. everything else is taken care of for you via javascript.

Checkout the tutorial link below and you'll learn how to:

  • add or remove from a page
  • change the button image
Click here for the Scroll to Top Tutorials
featured video screenshot

The Featured video is a simple container that loads a YouTube or Vimeo video. You can even load your own server side video.

Checkout the tutorial link below and you'll learn how to:

  • add or remove from a page
  • update the YouTube Video
  • display a Vimeo Video
  • display your own video
Click here for the Featured Video Tutorials
call to action screenshot

The Call to Action is a simple component designed to quickly draw your visitors attention to a bit of text and button, which you may wish to link to an important web page, an upcoming event or sign up page.

Checkout the tutorial link below and you'll learn how to:

  • add or remove from a page
  • update the Message, and call to action text
  • update the button
  • change the animation effects
Click here for the Call to Action Tutorials
optional backgrounds screenshot

Optional Backgrounds allow you to quickly change the look of your site, by changing the background image, edges, borders and shadows. Instead of having to dig through stylesheets and trying to adjust the backgrounds the hard way, you simple attach a stylesheet to your page, and the hard part is done. You can 'still' adjust the backgrounds, add your own and tweak as you like, we've just made it easier by applying the various backgrounds via an externally linked stylesheet which you can further edit it you need to.

Checkout the tutorial link below and you'll learn how to:

  • add to a page
  • use combinations of outer backgrounds, inner backgrounds and edges
  • use your own background image
Click here for the Optional Backgrounds Tutorials