Get Smarty now and all future updates are free.

Smarty is a bootstrap template built in a modular way. It's not only a multipurpose template, it's also an admin template included to help you accelerate your project from start to finish.

Of course, the main purpose of a template is to save time. With Smarty you save A LOT of time because you already have 700+ html pages ready to use. Also, this bootstrap template does not include multiple javascript files like all other templates. And this is unique. A javascript plugin is loaded ONLY if is needed. Example: datepicker plugin is not loaded if you don't have .datepicker class. But when you want to use the datepicker, you don't need to include the javascripts and CSS files - only add .datepicker class to an input element and the plugin is auto loaded. This is one of many reasons why this bootstrap template is called Smarty.

We release continuous long term updates. Smarty template can also be customized easily in no time. Because the entire template is modular, you can copy/paste any element to any page. Of course, in this way you can create your own complete pages from scratch.

We offer affordable and professional customized design solutions, solely for your own projects! Contact me at [email protected] for more. Thank you!



Smarty Bootstrap 4 Template Multipurpose Bootstrap 4 Template


Bootstrap 3 Demo

Smarty Bootstrap 4 & Bootstrap 3 are both included!

  • RTL INCLUDED (for both: website & admin)
  • 700+ HTML files website template
  • 50+ HTML files admin template
  • and will grow - we'll never stop making the best template ever!
  • 75+ Home Layouts
  • 74+ Predefined Page Layouts
  • 135+ Features
  • 105+ Portfolio Layouts
  • 37+ Blog Layouts
  • 21+ Shop Layouts
  • 40+ Shortcodes
  • 35+ plugins loaded dynamically ONLY if needed (unique feature that makes Smarty so lightweight and fast)
  • 6 side menus layouts ("side headers")
  • 8 different sliders + 39 different slider variations
  • 34 header layouts + 10 header menu layouts
  • 8 footer layouts
  • 15 page title layouts
  • 6 different page submenus
  • 6 preset page global colors
  • 5 different search layouts
  • 6 different side panels
  • php files included
  • revolution slider included ($14)
  • layer slider included ($11)
  • working forms: contact, newsletter, careers
  • ajax & php forms from scratch
  • jquery form validation integrated
  • very well documented (documentation + inline html documented)

Smarty = Swiss Army Knife of Templates
Total Freedom To Create Any Design Style


Lightweight template - as you can see inspecting the source file, there are only two script loaded at the bottom: jquery and scripts.js All plugin files are loaded dinamicaly ONLY if needed on a specific page. If no plugin is needed, then no plugin is loaded and you don't need to include them manualy using the old way! Example: countdown plugin is loaded only when scripts.js detect .countdown class. Everything covered in the documentation!

Smarty use a very smart and unique way to send forms. You don't need to create php files to create a new form - everything is automated. Just create your html form and will work instantly! This is very unique! You can even upload files using the same technique you can see on contact or careers templates. No php coding needed!


Fully Responsive

Fully Responsive


Script Credits

jQuery Easing
jQuery Cookies
Google Fonts
Font Awsome
Glyph Icons
Weather Icons
Bootstrap 3
Appear plugin
Owl Carousel
Magnific Popup
PhpMailer - contact form
Mediaelement JS
Revolution Slider
Layer Slider
Flex Slider
Full List on documentation


Images Credits

Each photo credit added to the documentation



Smarty comes with a detailed documentation. If you have any further questions, please email us at: <[email protected]>

Version 2.3.0
Saturday, August 11, 2018

* New: Sticky Sidebar    
* Update [Bootstrap 4]: Portfolio ajax classes changed from img-responsive to .img-fluid    
* Update [Bootstrap 4]: Portfolio youtube path to support SSL    
* Update: Aside menu clickable if href is not '#'    
* Update: Bootstrap to v4.1.3    
* Fix [Bootstrap 4]: hotel reservation    
* Fix [Bootstrap 4]: Ecommerce dropdown menu

Version 2.2.1
Thursday, February 22, 2018

* Fix [Bootstrap 4]: Timeline page    
* Fix [Bootstrap 4]: Replaced all col-xs-* to col-*    
* Fix: Bordered Testimonials Spacing    
* Fix: Added back the SEED folder, previously removed    
* Fix: Background Sizing on Parallax Mobile/Tablet    
* Fix [Bootstrap 4]: Verical Menu    
* Fix [Bootstrap 4[: Smarty Caffe Package - Mobile Menu    
* Fix: jQuery Onepage Navigation Plugin which caused a broke JS on href="#"    
* New: Google Recaptcha    
* New: Contact Form Page With Recaptcha    
* New: Visual Chart    
* Update: Smarty Documentation (Recaptcha Usage)

Version 2.2.0
Tuesday, February 13, 2018

* Update [Bootstrap 4]: Bootstrap v4 Stable    
* Update [Bootstrap 4]: jQuery v3.3.1    
* Update [Bootstrap 4]: Popper Plugin - dropup/dropdown fixed    
* Update [Bootstrap 4]: revolution slider html    
* Update [Bootstrap 4]: .page-header light background color    
* Update [Bootstrap 4]: .btn-default border with 1px    
* Update [Bootstrap 4]: button icon size    
* Update [Bootstrap 4]: various elements redesign    
* Update [Bootstrap 4]: Changed section padding from 80 to 100px    
* Update [Bootstrap 4]: form elements - larger elements by default    
* Update [Bootstrap 4]: various elements redesigned    
* Removed [Bootstrap 4]: from all HTML files: type="text/javascript" - not anymore needed    
* Removed [Bootstrap 4]: .page-header border    
* New: header reveal on scroll up    
* New [Bootstrap 4]: .btn-round - round any button    
* New [Bootstrap 4]: header appear on scroll up    
* New [Bootstrap 4]: .leftTriangle and .rightTriangle classes    
* Fix: Mobile onepage    
* Fix: [Admin]: fancy select    
* Fix [Bootstrap 4]: owl-carousel thumbnails    
* Fix [Bootstrap 4]: .btn-lg paddings & font text    
* Fix [Bootstrap 4]: .btn & .btn-reveal spacings    
* Fix [Bootstrap 4]: .input-group-addon missing in Bootstrap 4    
* Fix [Bootstrap 4]: grain backgrounds    
* Fix [Bootstrap 4]: shadows on mouse click    
* Fix [Bootstrap 4]: bottom header main menu

Version 2.1.0
Thursday, November 23, 2017

* New: Seed Projects     
* New: Deep sidebar navigation     
* New: Centered Navigation     
* Fix: Header dropdown 'class switch' - optimized     
* Fix: [Bootstrap 4]: various small class changes - example: from col-xs-12 to col-md-12     
* Fix: [Bootstrap 4]: RTL Checkboxes - positioned outside the vewport     
* Fix: Smoothscroll     
* Fix: removed webkit-appearance: none     
* Fix: layer thematic - layerslider tab button     
* Fix: RTL form elements orientation     
* Fix: Onepage Navigation - Close on click     
* Added: [Bootstrap 4] for existing BS4 projects - .hidden-* classes, previously available in BS4 Alpha     
* Added: Centered Navigation Class: .navbar-collapse.navbar-centered     
* Update: [Bootstrap 4] Bootstrap to v4.0.0 Beta 2     
* Update: [Bootstrap 4] Removed tether from scripts.js and added popper - required by Bootstrap     
* Update: [Bootstrap 4] Replaced class: push-*, pull-* with order-* according to Bootstrap Beta     
* Update: Swiper Slider to V3.4.2     
* Update: Documentation     
* Update: removed sidebar menu border - more clean     
* Update: Revolution Slider to V5.4.6.3     
* Update: Layer Slider to V6.6.4     
* Removed: ununsed plugin: jqvmap     
* Removed: ununsed plugin: masonry.pkgd.min.js

Version 2.0.0
Monday, June 12, 2017

* Major: BOOTSRTAP 4 & JQUERY 3     
* New: Material Design Lite (MDL)     
* New: MDL Badges     
* New: MDL Buttons     
* New: MDL Cards     
* New: MDL Chips     
* New: MDL Dialogs     
* New: MDL Loading     
* New: MDL Menus     
* New: MDL Sliders     
* New: MDL Snackbar     
* New: MDL Tables     
* New: MDL Text Fields     
* New: MDL Tooltip     
* New: MDL Grid     
* New: MDL Utils     
* New: MDL Icons     
* New: PACKAGE: Photography/Portfolio - 14 pages ready to use     
* New: PACKAGE: Realestate - 19 pages ready to use     
* New: PACKAGE: Hotel V1 - 7 pages ready to use     
* New: PACKAGE: Hotel V2 - 7 pages ready to use     
* New: PACKAGE: Mega Shop - 23 pages ready to use     
* New: PACKAGE:Caffe - 7 pages ready to use     
* New: PACKAGE:Caffe - Onepage     
* New: Menu dropdown 8 effects     
* New: Menu dropdown hover text effect     
* New: Main Menu hover text bounceIn     
* New: Menu effects demo file (added: feature-menu-dd-effects.html)     
* New: Mobile menu new version/layout - fixed/fullscreen layout     
* New: Menu dropdown category titles     
* New: Breathing image effect - add class to a background image: .bg-breath     
* New: added .halfheight class for #slider     
* New: added .mobile-fullheight class - used with .halfheight for #slider     
* New: added section.lightblue and div.lightblue classes     
* New: added section.lightgreen and div.lightgreen classes     
* New: added section.alternate-2 and div.alternate-2 classes     
* New: added section.alternate-3 and div.alternate-3 classes     
* New: demo css file to change header/footer colors     
* New: switch class for transparent menu on scroll - high detail oriented - added data-switch-default & data-switch-scroll for .navbar-collapse - switch dropdown class on scroll     
* New: RS Page - Clean Fullpage     
* New: RS Page - Blur Effect     
* New: RS Page - Particle Effect     
* New: RS Page - Parallax Zoom     
* New: RS Page - Website Intro     
* New: Image hover zoom     
* New: Image hover plus icon     
* New: Page project item (added: portfolio-single-project.html)     
* New: Card style imported from Bootstrap 4     
* New: Category page     
* New: Added #header.disable-uppercase - disable forcing uppercase menu text     
* New: Cookie alert     
* New: Bootstrap 4 elements (floats, cards, text align)     
* New: Custom form elements - more clean and pro - optional, to rewrite default smarty forms     
* New: OWL Carousel 2     
* New: Fullscreen Google Map     
* New: Money Number Format Function     
* New: Default lazy load no image     
* New: image raster pattern - add lines over an image     
* New: Backstretch PREV/NEXT navigation     
* New: Backstretch Slider     
* New: Ceneterd Rounded Logo for Sliders     
* New: CSS simple gallery      
* New: Raster Over Image     
* New: Added .text-vertical class to rotate text/image     
* New: Premium Hover Cicles     
* New: Bordered grid (2-3-4-5-6 columns)     
* New: Header layout     
* New: isMobile JS function to detect mobile devices (phone/tablet)     
* New: .box-border-shadow class - border+shadow material design style     
* New: Height precentage classes: .h-10p, .h-20p, .h-25p, .h-33p, .h-50p, .h-100p - uses "vh"     
* New: Added short classes for margins, paddings: m-* , p-* , mt-*, mb-*, pt-*, pb-* instead of margin-top-10, padding-bottom-20, etc which will be removed in the future     
* New: Menu Dropown open on the left side     
* Fix: Music Homepage grid layout     
* Fix: Footer Light Layout     
* Fix: Google Map Grayscale     
* Fix: Aside navigation icon     
* Fix: Mobile menu contrast     
* Fix: Mega Menu multiple titles on the same column - spacing     
* Fix: services pages - plugin load     
* Fix: abous is page - piechart calibration     
* Fix: page logo light/dark switch on transparent header     
* Fix: Mobile sticky header     
* Fix: Page header if static header is used     
* Fix: about us page W3C validation     
* Fix: header static+transparent     
* Fix: removed input/textarea inner shadow on mobile     
* Fix: Landing page 3 on low resolution     
* Fix: Parallax plugin     
* Fix: Google Map key - shortcodes     
* Fix: Camera Slider - missing images     
* Fix: Mobile fixed overlay menu     
* Fix: Wrong portfolio image path     
* Fix: Footer v5 - mobile spacing     
* Fix: Footer contrast for .footer-light class     
* Fix: RTL checbox issue     
* Fix: duplicate RTL bootstrap files - merged into one single file     
* Fix: Social icons for mobile devices - animation disabled     
* Fix: Star Rating changed from width:100% to width:auto     
* Fix: Callout large buttons - wrap long text (changes: assets/css/essentials.css)     
* Fix: .nav-onepage class can be used outside of #topNav     
* Fix: Multiple Parallax on the same page - added .parallax-auto class instead of using: parallax-1, parallax-2, etc     
* Fix: Piechart canvas width/height     
* Fix: UI Sliders design     
* Fix: Toastr notification     
* Fix: Box Shadow effect     
* Fix: Safari input/select background     
* Fix: Progress bar bottom spacing - 15px by default     
* Update: Revolution Slider to v5.4.4     
* Update: Layer Slider to v6.4.0     
* Update: modernizr from v2.7.1 to to v3.3.1     
* Update: default body font size changed from 14px to 16px     
* Update: mobile .side-nav max height changed from 250px to 650px     
* Update: added transition animation for mobile full-height slider     
* Update: small javascript updates - preparing for jQuery 3 update - on Bootstrap 4 release     
* Update: removed ununsed browser detect function     
* Update: word rotator because of body font size change     
* Update: changed blue color to match google material     
* Update: PhpMailer frm 5.2.10 to v5.2.23     
* Update: Backstretch plugin to v2.1.15     
* Update: Use custom button for menu overlay button by adding class: .custom-button     
* Update: Small dark layout fixes     
* Update: Parallax plugin to v1.1.3     
* Update: Smarty Documentation - RTL section     
* Update: Image Zoom from v1.7.14 to v1.7.20     
* Update: Image Zoom - forced grab on mobile device for best experience     
* Update: Removed role="form" from all html files     
* Update: Removed main menu line separator     
* Moved: Blog and Shop in one menu category: Blog & Shop     
* Moved: /assets/images/demo/ to /demo_files/ folder     
* Moved: /assets/imgaes/* to /assets/imgaes/_smarty/ folder - from now, smarty files will be in one organized place.     
* Moved: /assets/plugins/styleswitcher/ to /demo_files/     
* NOTE: thematics = home page layouts only ; package = complete website

* Update: Bootstrap 4     
* Update: jQuery to v3.2.1     
* Update: multiple changes on assets/css/*     
* Update: scripts.js to support jQuery 3.x     
* New: Added tether plugin directly to scripts.js to avoid one more external plugin - required by bootstrap 4     
* New: Added jquery size() custom function (removed by jquery on v3.x) - used by old plugins     
* New: esssential short helper classes: m-*, p-*, r-*, mt-*, fs-*, fw-*, etc - see feature-essentials.html     
* Re    * Moved: essentials helper classes: size-*, margin-top-*, padding-top-*, nomargin, nopadding, etc     
* Re    * Moved: CSS Badges - already present on BS4     
* Re    * Moved: Music Pages - temporary removed on Bootstrap 4 due to jQuery incompatibility

Version 1.2.1
Tuesday, February 28, 2017

* New: Music Homepage     
* New: Music Page     
* New: LESS (beta)     
* New: Header Social Icons     
* Update: added main menu border top color     
* Update: .label-absolute inside .img-hover     
* Update: redesign of start.html page     
* Update: added credits to onepage navigation plugin     
* Update: bullet navigation default distange     
* Fix: Youtube media embeds     
* Fix: Email HTML tags when use_smtp is set to false in     
* Fix: Menu dropdown alignment     
* Fix: z-index to 100 for bullet navigation     
* Fix: revolution slider demo     
* Removed: 'circle counters' from the demo     
* Removed: parallax delay effect

Version 1.2.0
Wednesday, February 22, 2017

* New Layer Slider (LS) Plugin V6.1.0    
* New: 7 Layer Slider Examples (changes: start.html)    
* New: LS Page - Origami 1 (added: ls-1.html)    
* New: LS Page - Origami 2 (added: ls-2.html)    
* New: LS Page - Autumn Experiment (added: ls-3.html)    
* New: LS Page - Parallax (added: ls-4.html)    
* New: LS Page - Furniture Slider (added: ls-5.html)    
* New: LS Page - Room Experiment (added: ls-6.html)    
* New: LS Page - Headphones (added: ls-7.html)    
* New: Sticky header enabled on mobile    
* New: Menu Bullet Navigation    
* Update: Layer Slider Documentation     
* Update: Layer Slider V6    
* Update: External SMTP Info    
* Fix: Smoothscoll force disable on mac to avoid fast scrolling    
* Fix: Revolution Slider     
* Fix: Section background color on revolution slider scroll    
* Fix: Various youtube broken links in .html files    
* Fix: Top Nav Menu background    
* Fix: google map

Version 1.1.5
Tuesday, January 03, 2017

* Update: Bootstrap to v3.3.7
* Update: newsletter - send subscribers to email
* Update: Fontawesome to v4.7.0
* Update: Revolution Slider to v5.3.1.6

Version 1.1.4
Saturday, July 2, 2016

* New: RS Page - Agency Slider    
* New: RS Page - Restaurant Slider    
* New: RS Page - Team Slider    
* New: RS Page - 4K Youtube Slider    
* New: RS Page - White Board    
* New: RS Page - Photo Gallery    
* New: RS Page - New Gallery    
* New: RS Page - Sleek Landing    
* New: RS Page - Coming Soon    
* New: RS Page - App Landing Page    
* New: RS Page - Fullscreen Menu    
* New: RS Page - Creative Frontpage    
* New: RS Page - Car Dealer    
* New: Added image hover class    
* New: Revolution Slider Visual Editor Addon    
* Update: Revolution Slider to v5.2.6    
* Update: Revolution Slider Documentation    
* Update: Layer Slider to v5.6.7    
* Update: Layer SLider Documentation    
* Update: jQuery to v2.2.3    
* Update: Magnific Popup to v1.1.0    
* Update: Contact Form required length in PHP    
* Update: Documentation    
* Update: gmaps plugin to v0.4.24    
* Update: Fontawesome to v4.6.3    
* Update: Animate to v3.5.1    
* Fix: Google Maps Key    
* Fix: jQuery Vectorial Map .js extension missing    
* Fix: Broken Magnific Popup Youtube Videos

Version 1.1.3
Tuesday, January 12, 2016

* New: RS Page - Concept Slider    
* New: RS Page - Creative Freedom    
* New: RS Page - Fullscreen Toggle    
* New: RS Page - Parallax Scene    
* New: RS Page - Wow Factor    
* New: RS Page - 3D Web Product    
* New: RS Page - Premium eCommerce    
* New: Hosting theme    
* New: Hosting one page    
* New: Lawyer theme    
* New: Lawyer one page    
* New: Vectorial Maps    
* Update: Bootstrap to v3.3.6    
* Update: Revolution Slider to v5.1    
* Update: Revolution Slider 5 minor changes    
* Update: Main menu default height on small screens changed to see all 7 items    
* Fix: Removed main menu line separator    
* Fix: RTL vertical menu    
* Fix: RTL Login Page    
* Fix: Main menu link is now clickable if # is replaced with a valid link    
* Fix: Page Header Dark Layout    
* Fix: Various Dark Elements

Version 1.1.2
Sunday, September 20, 2015

* New: Flot Charts    
* Fix: Various small fixes

Version 1.1.1
Friday, September 18, 2015

* New: Corporate Page 7 (index-corporate-7.html)
* Update: Documentation - Revolution Slider 5 Local File
* Fix: Admin left menu after browser resize
* Fix: Admin content resize
* Fix: Revolution Slider v5 arrows bottom position

Version 1.1.0
Monday, September 14, 2015

* New: Revolution Slider Plugin V5.0.8 (V4.x still available)    
* New: 32 Revolution Slider Examples    
* New: Page - Carousel Highlight (added: rs-1.html)    
* New: Page - Carousel Instagram (added: rs-2.html)    
* New: Page - Carousel Media (added: rs-3.html)    
* New: Page - Carousel Classic(added: rs-4.html)    
* New: Page - Carousel Showcase (added: rs-5.html)    
* New: Page - Carousel Photography (added: rs-6.html)    
* New: Page - Rotating Words (added: rs-7.html)    
* New: Page - Big Bold (added: rs-8.html)    
* New: Page - Slider Fashion (added: rs-9.html)    
* New: Page - Slider Gym (added: rs-10.html)    
* New: Page - Slider Restaurant (added: rs-11.html)    
* New: Page - Slider Product Dark (added: rs-12.html)    
* New: Page - SliderProduct Light (added: rs-13.html)    
* New: Page - Slider Classic (added: rs-14.html)    
* New: Page - Gallery Light (added: rs-15.html)    
* New: Page - Gallery Dark (added: rs-16.html)    
* New: Page - Slider Fancy Text (added: rs-17.html)    
* New: Page - Slider Highlight (added: rs-18.html)    
* New: Page - Slider Media (added: rs-19.html)    
* New: Page - Slider News (added: rs-20.html)    
* New: Page - Slider Vimeo (added: rs-21.html)    
* New: Page - Slider Youtube (added: rs-22.html)    
* New: Page - Slider Travel (added: rs-23.html)    
* New: Page - Hero Image (added: rs-24.html)    
* New: Page - Hero News (added: rs-25.html)    
* New: Page - Hero Newsletter (added: rs-26.html)    
* New: Page - Hero Search (added: rs-27.html)    
* New: Page - Hero Sports (added: rs-28.html)    
* New: Page - Hero Vimeo (added: rs-29.html)    
* New: Page - Hero Youtube (added: rs-30.html)    
* New: Page - Premium Content Zoom (added: rs-31.html)    
* New: Page - Premium Food Carousel (added: rs-32.html)    
* New: Hover Buttons [shortcode-buttons-2.html]
* Update: Fontawesome to V4.4.0

Version 1.0.2
Monday, September 07, 2015

* New: About Us - Layout 5    
* New: Documentation more info    
* New: optional css file to rewite the default fonts
* New: Parallax enabled by default on mobile devices    
* Fix: RTL Sliders/Carousels    
* Fix: header-side container width for less than 1600px resolution

Version 1.0.1
Thursday, September 03, 2015

* Added: Documentation more info    
* Added: admin fullcalendar language example    
* Update: Layer Slider to 5.6.0    
* Fix: newsletter php code    
* Fix: transparent header color on mobile    
* Fix: education template - mobile menu color    
* Fix: Various small fixes

Version 1.0.0
Tuesday, August 25, 2015

* Initial Release

More by stepofweb

Sign in or sign up to make a purchase


Licenses: Details »

Single application $22
  • HTML Template
Bootstrap: Compatible with 4.x
  • Responsive
  • Fluid
  • IE 10, 11
  • Latest Chrome
  • Latest Edge
  • Latest Firefox
  • Latest Safari
Uses Less:Yes
Uses Sass:No
Topic: General
Labels: bootstrap 4, multipurpose bootstrap
Released:3 years ago
Updated:4 months ago
Sold exclusively on WrapBootstrap


Signed up 4 years ago

Need an admin template?

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 10/11
  • Latest Opera

Features & includes

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

  • Responsive 12-column grid
  • 12 custom, modular jQuery plugins
  • CSS styles for forms, navigation & more
  • Dozens of reusable components
  • Components are scaled according to a range of resolutions and devices
  • Built with Sass (CSS included)
  • Complete styleguide documentation