Vitality is a clean, professional, responsive Bootstrap template. With five unique page samples to get you started, this theme is perfect for a wide range of business types.

Newest Features (Bootstrap 4 is here!)

  • Bootstrap 4.0.0-beta - The latest version of Vitality uses the updated version of Bootstrap, along with an updated version of jQuery
  • New Section - MailChimp friendly newsletter signup form (with step by step setup instructions included in the docs!)
  • New Layout - "Creative" is the newest layout added to the Vitality theme. It's perfect for personal portfolios and freelancers!
  • New Section - A brand new, sortable Portfolio Grid is now part of the Vitality theme!
  • New Feature - Subtle, on scroll reveal animations have been added to the theme as well! They look great, but you can disable them if you'd like!
  • Updated Plugins - All included jQuery and CSS plugins have been updated to keep the theme fresh and current!

What's Included

  • Six Sample Layouts (Agency, Creative, Culinary, Fashion, Legal, and Video)
  • Three Page Styles (Default, Modern, and Vintage)
  • Ten Color Schemes
  • Smooth Scrolling, One Page Navigation
  • Working, User-Friendly PHP Contact Form
  • (NEW in 1.3.4) MailChimp Integrated Signup Form
  • (NEW in 1.3.0) Subtle, On Scroll Page Animations
  • Detailed Documentation and Usage Instructions
  • Email Support
  • Easy to Use CSS Files
  • Complete LESS Files
  • Powerful jQuery Plugins

With three different page styles, along with ten color scheme variations, you'll be able to create the perfect website to match your business. If you are in need of further customization, Vitality is built with LESS, and all of the original LESS files are included with the theme.

Page Sections

  • Full Page Image Background or Video Background Header
  • About Section with Icons
  • Team Member Carousel
  • Full Page Image Call-to-Action
  • Service Section with Circle Icons
  • Portfolio Carousel with Project Details Popups
  • Sortable Portfolio Grid with Hover Effects and Project Details Popups
  • Testimonials Carousel
  • Pricing Table
  • Image Gallery Carousel
  • Contact Form (With Easy-to-Edit PHP and JavaScript)
  • Footer

Email Support

Whenever you buy a theme from Start Bootstrap Themes, you receive access to dedicated email support! As you work with the theme, if you run into a problem or have a question you can speak to the theme creator directly and get answers to your questions!


The images and video used in the Vitality theme are for demo purposes only. If you want to use any of the content included with the demos, make sure to check the attribution requirements first!

For more detailed media attribution credits, see the PDF included with the theme file.


Version 2.0.2 - 08/23/17

  • Updated to Bootstrap version 4.0.0-beta!
  • Fixed a conflict between the mixitup plugin and navbar collapse
  • Slight updates to class names in the HTML to adjust for Bootstrap 4 Beta
  • Fixed a bug that was causing the scrollspy not to highlight the current page section in the navbar
  • Fixed a bug with the navbar that was causing it to resize incorrectly
  • Adjusted the CSS transitions on the navbar to only target top and bottom padding so modals open and close seamlessly
  • Switched tether out for popper.js as a dependency
  • page-scroll class renamed to js-scroll-trigger for more intuitive class naming conventions (since it's only used in JS)
  • Dropped support for IE 10
  • Dropped support for LESS

Version 2.0.1 - 05/12/17

  • Vitality now supports SASS! The SCSS files will be used by default in development from now on, but the theme includes both LESS and SASS versions.
  • Updated various dependencies and dev dependencies to their new versions, including the mixitup.js plugin.
  • Fixed a bug with the background images displaying incorrectly on iPad
  • Fixed a bug with the portfolio items carousel, specifically the third modal window
  • Repositioned some content in the portfolio items carousel to make the text content vertically center with the device mockup

Version 2.0.0 - 04/10/17

  • Bootstrap 4 is here! This version uses Bootstrap 4 Alpha 6, and all classes have been revised and the theme restructured to adapt to the new changes in Bootstrap 4!
  • Class name housekeeping - many class names were renamed and revised to allow for more intuitive editing and cleaner code
  • LESS/CSS updates - many styles were rewritten to reduce the amount of code in the theme, making use of the new Bootstrap 4 utility classes in their place
  • All plugins being used in the theme were updated to their most recent version, and some JS was rewritten to adjust for the new plugin updates
  • Alternate body styles were removed due to low usage and the excess amount of extra code needed to support them, font dependencies were removed as well to speed up load times

Version 1.4.0 - 02/28/17

  • Replaced the classie.js and cbpAnimatedHeader.js libraries with a small script to run the nav collapse function in preparation for the Bootstrap 4 build
  • Replaced the Formstone background.js plugin with the vide.js plugin for leaner background video handling
  • Added a minimum height for the header to allow for better responsiveness on smaller devices at their landscape orientation
  • Added responsive fixes for background image scaling on iPad Pro and other similarly sized devices

Version 1.3.9 - 08/18/16

  • Added device mockups plugin that allows users to simply drop an image into the device mockup of their choice, no Photoshop required for high quality, retina ready device mockups!
  • Replaced default Bootstrap menu bars with a more intuitive menu icon.
  • Images directory was rearranged to allow for more intuitive editing and quicker out-of-the-box implementation.
  • Added an image carousel option within the portfolio carousel modal windows.
  • Portfolio grid items now display a magnific popup window instead of a modal window for better and more unique display of portfolio grid items.
  • Demo images and content were updated to be more relevant and attractive.
  • Added additional HTML comments that provide some basic usage instructions within the HTML.
  • Retina.js plugin has been removed in favor of SVG images. For icons and profile images, it is recommended that you use SVG images rather than the outdated retina.js plugin.
  • Fixed an issue where the demo style switcher was not allowing you to preview different color schemes.

Version 1.3.8 - 08/12/16

  • Updated to Bootstrap 3.3.7
  • Changed directory structure that separates vendor libraries from custom CSS and JS, the assets directory was replaced with a vendor directory to make the theme files more intuitively organized.
    • All native files are now located in their own directory, for example, the Vitality core CSS files are now stored in css instead of assets/css.
    • All plugin files are now located in the new vendor directory, for example, a plugin will now be stored in vendor/plugin-name instead of assets/plugins/plugin-name

Version 1.3.7 - 05/31/16

  • Updated to Formstone Background 1.1.3
  • Update to Animate.css 3.5.1
  • Update to Magnific Popup 1.1.0

Version 1.3.6 - 11/28/15

  • Updated to Bootstrap 3.3.6
  • Updated to Formstone Background 0.8.29
  • Updated to Font Awesome 4.5.0
  • Improved documentation to include instructions on how to add more portfolio modal popup windows

Version 1.3.5 - 06/22/15

  • Updated to Bootstrap 3.3.5
  • Replaced the discontinued Formstone Wallpaper plugin with the new Formstone Background plugin to handle background videos

Version 1.3.4 - 03/25/15

  • Updated to Bootstrap 3.3.4
  • New Feature: MailChimp Signup Form Call to Action
  • Docs updated with instructions on how to customize the MailChimp Signup Form

Version 1.3.3 - 02/19/15

  • Updated to Bootstrap 3.3.2
  • Updated to Font Awesome 4.3.0
  • Reorganized the vitality.js file for better performance
  • Modified the on-page scroll transitions, and added a class to define which links activate smooth page scrolling (reference docs for instructions on how to update your theme)
  • Changed portfolio grid sample images
  • Improved documentation with updating instructions, video compression tips, and other enhancements

Version 1.3.2 - 12/09/14

  • Minor bugfix

Version 1.3.1 - 12/03/14

  • Updated to Bootstrap 3.3.1
  • Fixed a bug where the modal backdrop was graying out the scroll bar and modal background content in portfolio modals
  • Fixed a bug where the content of the services descriptions was not taking up the entire width of the column

Version 1.3.0 - 11/04/14

  • Updated to Bootstrap 3.3.0
  • New Layout - Creative for freelancers and personal portfolios
  • New Section - Sortable Portfolio Grid added with hover effects and modal windows for project details - built with jQuery mixitup plugin
  • New Feature - Added subtle on-scroll reveal animations using Animate.css and WOW.js
  • Updated to Font Awesome 4.2.0
  • Updated Formstone Wallpaper jQuery plugin for video background support
  • Reduced the file size of the camera.mp4 file so it loads/plays quicker
  • Updated Owl Carousel jQuery plugin for better CSS transition support in Firefox

Version 1.2.0 - 07/24/14

  • Updated to Bootstrap 3.2.0
  • Updated carousel transitions to work with modern browser builds

Version 1.1.0 - 05/29/14

  • Minor bug fix with LESS variables and better handling of background images on iPad and other iOS devices.

Version 1.0.0 - 05/09/14

  • Initial release

More by StartBootstrap


Sign in or sign up to make a purchase

License: Extended
  • HTML Template
Bootstrap: Compatible with 4.x
  • Responsive
  • Latest Chrome
  • Latest Edge
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:Yes
Tags: bold, bootstrap 4, clean, creative, minimal, modern, multipurpose, portfolio, sass, scss
Released:3 years ago
Updated:6 months ago
Sold exclusively on WrapBootstrap


Signed up 4 years ago

Need an admin theme?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 9/10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running: