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 InverseBadges
Default Success Warning Important Info InverseButtons
Alerts
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 PageFont 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 PageJumbotron 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 PageLicensed 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 PageOn 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 PageParallax 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 PageProduct 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 PageResponsive 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
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 PageFree 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