Bootstrap Framework

Sleek, intuitive, and powerful front-end framework for faster and easier web development.

That really sums it up.  There are so many great things to say about the bootstrap framework, that really you aught to just go to the bootstrap website and check it out for yourself.

We've taken that framework, extended it with features that we know website designers also like to use, and then wrapped it in a pretty design.

 

Bootstrap Simplified

All you really need to know is that if you choose to take advantage of the bootstrap components, this website design supports everything you see at the bootstrap website.  This includes the scaffolding, base css, components and javascript.

Supported Components

  • Dropdown menus
  • Button Groups
  • Button Dropdowns
  • Navs
  • Navbars
  • Breadcrumbs
  • Pagination
  • Labels and badges
  • Typography
  • Thumbnails
  • Alerts
  • Progress Bars
  • Media Object
  • Misc

 

Examples

Below are just some of the great styled components that you can take advantage of in your website.

Labels

Default Success Warning Important Info Inverse

Badges

Default Success Warning Important Info Inverse

Buttons

Alerts

Warning! This is an example "warning" alert box.
Danger! This is an example "error" alert box.
Well done! This is an example "success" alert box.
Heads up! This is an example "information" alert box.

 

Extend

You can even take advantage of great bootstrap resources such as Bootsnipp, where you can use free HTML snippets that work with Bootstrap.  Just follow the instructions provided and you can have an extremely polished professional looking website.

 

 

Amazing Slider

The Amazing Slider is very similar in nature to the "Nivo Slider" that is ubiquitos across the net, but with more display features.

View Instructions View Page




Font Awesome Icons

The iconic font designed for Bootstrap

How often have you wanted a uniformed group of icons that you could use in your site, for free?  For us, it was a no brainer to include the Font Awesome icon set into this design.

Take advantage of the beauty and simplicity of the Font Awesome icon font anywhere you need a great looking icon.  See the Font Awesome website for instructions on implementation.

 

Font Awesome Simplified

It's as easy as including a class to an <i> tag.  Example: <i class='icon-smile'></i> will display . It couldn't be easier than that.  With over 300 icons to choose from, and a number of great examples to show how you can use it, the Font Awesome system is the perfect solution for todays web developers.

We have included Font Awesome 3.1.1 in this design -- if you need a newer version of Font Awesome, go to the website and download and replace the Site/styles/font-awesome/ folder with what you download from Font Awesome.

Some of the great icons included with 3.1.1:

Web Application Icons

  • icon-adjust
  • icon-anchor
  • icon-asterisk
  • icon-ban-circle
  • icon-bar-chart
  • icon-barcode
  • icon-beaker
  • icon-beer
  • icon-bell-alt
  • icon-bell
  • icon-bolt
  • icon-book
  • icon-bookmark-empty
  • icon-bookmark
  • icon-briefcase
  • icon-bullhorn
  • icon-bullseye
  • icon-calendar-empty
  • icon-calendar
  • icon-camera-retro
  • icon-camera
  • icon-certificate
  • icon-check-empty
  • icon-check-minus
  • icon-check-sign
  • icon-check
  • icon-circle-blank
  • icon-circle
  • icon-cloud-download
  • icon-cloud-upload
  • icon-cloud
  • icon-code-fork
  • icon-code
  • icon-coffee
  • icon-cog
  • icon-cogs
  • icon-collapse-alt
  • icon-comment-alt
  • icon-comment
  • icon-comments-alt
  • icon-comments
  • icon-credit-card
  • icon-crop
  • icon-dashboard
  • icon-desktop
  • icon-download-alt
  • icon-download
  • icon-edit-sign
  • icon-edit
  • icon-ellipsis-horizontal
  • icon-ellipsis-vertical
  • icon-envelope-alt
  • icon-envelope
  • icon-eraser
  • icon-exchange
  • icon-exclamation-sign
  • icon-exclamation
  • icon-expand-alt
  • icon-external-link-sign
  • icon-external-link
  • icon-eye-close
  • icon-eye-open
  • icon-facetime-video
  • icon-fighter-jet
  • icon-film
  • icon-filter
  • icon-fire-extinguisher
  • icon-fire
  • icon-flag-alt
  • icon-flag-checkered
  • icon-flag
  • icon-folder-close-alt
  • icon-folder-close
  • icon-folder-open-alt
  • icon-folder-open
  • icon-food
  • icon-frown
  • icon-gamepad
  • icon-gift
  • icon-glass
  • icon-globe
  • icon-group
  • icon-hdd
  • icon-headphones
  • icon-heart-empty
  • icon-heart
  • icon-home
  • icon-inbox
  • icon-info-sign
  • icon-info
  • icon-key
  • icon-keyboard
  • icon-laptop
  • icon-leaf
  • icon-legal
  • icon-lemon
  • icon-level-down
  • icon-level-up
  • icon-lightbulb
  • icon-location-arrow
  • icon-lock
  • icon-magic
  • icon-magnet
  • icon-mail-forward (alias)
  • icon-mail-reply (alias)
  • icon-mail-reply-all (alias)
  • icon-map-marker
  • icon-meh
  • icon-microphone-off
  • icon-microphone
  • icon-minus-sign-alt
  • icon-minus-sign
  • icon-minus
  • icon-mobile-phone
  • icon-money
  • icon-move
  • icon-music
  • icon-off
  • icon-ok-circle
  • icon-ok-sign
  • icon-ok
  • icon-pencil
  • icon-phone-sign
  • icon-phone
  • icon-picture
  • icon-plane
  • icon-plus-sign
  • icon-plus
  • icon-print
  • icon-pushpin
  • icon-puzzle-piece
  • icon-qrcode
  • icon-question-sign
  • icon-question
  • icon-quote-left
  • icon-quote-right
  • icon-random
  • icon-refresh
  • icon-remove-circle
  • icon-remove-sign
  • icon-remove
  • icon-reorder
  • icon-reply-all
  • icon-reply
  • icon-resize-horizontal
  • icon-resize-vertical
  • icon-retweet
  • icon-road
  • icon-rocket
  • icon-rotate-left (alias)
  • icon-rotate-right (alias)
  • icon-rss-sign
  • icon-rss
  • icon-screenshot
  • icon-search
  • icon-share-alt
  • icon-share-sign
  • icon-share
  • icon-shield
  • icon-shopping-cart
  • icon-sign-blank
  • icon-signal
  • icon-signin
  • icon-signout
  • icon-sitemap
  • icon-smile
  • icon-sort-down
  • icon-sort-up
  • icon-sort
  • icon-spinner
  • icon-star-empty
  • icon-star-half-full (alias)
  • icon-star-half-empty
  • icon-star-half
  • icon-star
  • icon-tablet
  • icon-tag
  • icon-tags
  • icon-tasks
  • icon-terminal
  • icon-thumbs-down
  • icon-thumbs-up
  • icon-ticket
  • icon-time
  • icon-tint
  • icon-trash
  • icon-trophy
  • icon-truck
  • icon-umbrella
  • icon-unlock-alt
  • icon-unlock
  • icon-upload-alt
  • icon-upload
  • icon-user-md
  • icon-user
  • icon-volume-down
  • icon-volume-off
  • icon-volume-up
  • icon-warning-sign
  • icon-wrench
  • icon-zoom-in
  • icon-zoom-out

Text Editor Icons

  • icon-file
  • icon-file-alt
  • icon-cut
  • icon-copy
  • icon-paste
  • icon-save
  • icon-undo
  • icon-repeat
  • icon-text-height
  • icon-text-width
  • icon-align-left
  • icon-align-center
  • icon-align-right
  • icon-align-justify
  • icon-indent-left
  • icon-indent-right
  • icon-font
  • icon-bold
  • icon-italic
  • icon-strikethrough
  • icon-underline
  • icon-superscript
  • icon-subscript
  • icon-link
  • icon-unlink
  • icon-paper-clip
  • icon-eraser
  • icon-columns
  • icon-table
  • icon-th-large
  • icon-th
  • icon-th-list
  • icon-list
  • icon-list-ol
  • icon-list-ul
  • icon-list-alt

Directional Icons

  • icon-angle-left
  • icon-angle-right
  • icon-angle-up
  • icon-angle-down
  • icon-arrow-down
  • icon-arrow-left
  • icon-arrow-right
  • icon-arrow-up
  • icon-caret-down
  • icon-caret-left
  • icon-caret-right
  • icon-caret-up
  • icon-chevron-down
  • icon-chevron-left
  • icon-chevron-right
  • icon-chevron-up
  • icon-chevron-sign-left
  • icon-chevron-sign-right
  • icon-chevron-sign-up
  • icon-chevron-sign-down
  • icon-circle-arrow-down
  • icon-circle-arrow-left
  • icon-circle-arrow-right
  • icon-circle-arrow-up
  • icon-double-angle-left
  • icon-double-angle-right
  • icon-double-angle-up
  • icon-double-angle-down
  • icon-hand-down
  • icon-hand-left
  • icon-hand-right
  • icon-hand-up

Video Player Icons

  • icon-play-circle
  • icon-play-sign
  • icon-play
  • icon-pause
  • icon-stop
  • icon-eject
  • icon-backward
  • icon-forward
  • icon-fast-backward
  • icon-fast-forward
  • icon-step-backward
  • icon-step-forward
  • icon-fullscreen
  • icon-resize-full
  • icon-resize-small

Brand Icons

  • icon-css3
  • icon-facebook
  • icon-facebook-sign
  • icon-twitter
  • icon-twitter-sign
  • icon-github
  • icon-github-sign
  • icon-html5
  • icon-linkedin
  • icon-linkedin-sign
  • icon-maxcdn
  • icon-pinterest
  • icon-pinterest-sign
  • icon-google-plus
  • icon-google-plus-sign

Medical Icons

  • icon-ambulance
  • icon-beaker
  • icon-h-sign
  • icon-hospital
  • icon-medkit
  • icon-plus-sign-alt
  • icon-stethoscope
  • icon-user-md
 

Fullscreen Slider

The Fullscreen Slider allows you to use any size image, and the component will resize the image to fit the browsers full width. Larger images are better, but you can get away with images as small as 1024x500 pixels and still have a good looking image component.

View Instructions View Page




 

Jumbotron Carousel

Included with the Pro Package, the Jumbotron Carousel is a great looking slider used for combining text with transparent photo object.

View Instructions View Page




Licensed Images

What you see, is definately what you get.

Unlike some other website template providers, we make sure that the images that are included with the package demo are not only included, but also licensed for use in your website.

The images included will either be licensed as Public Domain, Creative Commons, or a special extended license of images from DreamsTime.

If you wish to learn the actual source of the images, please contact our technical support team and we would be happy to provide you a compiled list of sources.



 

Nivo Slider

Included with the Pro Package, the Nivo Slider is an a very slick and clean way of showcasing a set of images at the top of your page.

View Instructions View Page




 

On Scroll Content

Included with all packages, the 'on scroll content' is an eye catching method for loading content into your page as your visitor scrolls down. Content is revealed as the users scrolls farther down the page! The index page is the only page to include this option by default, but you can quickly add the scrolling content sections to any page. Check out the tutorials for more information.

View Instructions View Page




 

Parallax Slider

Included with the Pro Package, the Paralax Slider is a high impact slider used for combining text with transparent photo object.

View Instructions View Page




 

Product Carousel

Included with the Pro Package, the Product Carousel is an awesome way of showcasing a set of feature products at the top ofa page. Customize it with as many products as you need.

View Instructions View Page




Responsive Design

Desktop, Tablet, Phone, designed to look great in all sizes.

We've leveraged the responsive extension for the Bootstrap framework to ensure that this design will display appropriately in all devices.

Whether you're viewing it on a tablet, desktop or phone, the page will render this beautiful design -- sometimes hiding regions that are more glam and glitz than substance, for smartphone viewers.

Supported Views

With our adaptive responsive design, your site will adjust to tablets and phones displayed in portrait or landscape mode.

 

Adaptive vs Responsive

Technically speaking, Adaptive and Responsive are not entirely the same. Look it up in the dictionary and they're more or less synonyms. In the web design world, however, Adaptive means more "hiding/showing" of elements based on different screen resolutions, whereas Responsive means the resizing and moving of elements, gradually, based on screen resolution.

We use both techniques, together, to make your site respond in the best possible manner for whoever (or whatever) is viewing your pages. You don't need to know the mechanics of how it works, under the hood. But, if you want to expand on the use of this, you can check out the documentation at the Bootstrap website.



Social Media Icons

A Bonus Set of Beautiful Social Media Icons

Use any of these icons to link off to any social media accounts you may have.

Included Icons

Most Popular Social Icons

Social Icons and Interest sites


Source Files

For Advanced Users, we include the Master PNG Graphic files.

If you're a keener, and have Adobe Fireworks, you can manipulate our master PNG files to re-colourize your website however you see fit.

This feature is only offered to those who purchase the Pro Package.



Starter Web

Get started quick, with a set of pre-built pages.

For our Standard and Pro packages, we include a set of pre-built pages for you to use and built upon. Copy them as many times as you need to create new pages, rename them, or delete the pages you don't need. 

Pages in the Standard and Pro Packages

  • Home
  • About Us
  • Contact
  • Services
  • FAQs
  • Sitemap
  • Privacy Policy

Additional Pages in the Pro Package

  • Contact Confirmation
  • Photo Slideshow
  • Press Release
  • 404 Page
  • Under Construction
  • Extra Layouts


 

Photo Slideshow

Included with the Pro Package, the Photo Slideshow is an amazing photo viewer that we know you'll love.

Copy the slideshow page for as many photo galleries as you require. 

View Instructions View Page






Free Updates & Support

We're here to help if something goes wrong!

We support our product to do what we advertise it to do, 100%. If it doesn't work as we say it should, we'll make sure it does. You can even re-download the template if we've posted a bug fix. Know that you've got hassle free product quality support for up to a year from your time of purchase. If you need additional support after that we're still here to help, and you can sign up for an extended support plan.



 

Video Slider

Included with the Pro Package, the Video Slider is an great way of showcasing video on a page. When viewing a video, the slider stops from advancing to the next slide, just as you expect it should -- not a feature found in many video sliders!

View Instructions View Page




Top
MENU