Khaki – Multipurpose HTML Template

Views:
1245
Share:

Khaki is an HTML template based on Bootstrap 4, and so it’s responsive and mobile-friendly. This template includes 150+ HTML files. It has 9 pre-made demos to choose from, you can view them first to make sure that this template is what you were searching for. There are many features to satisfy your needs: you can choose from unlimited layouts, you can find blog templates and eCommerce pages, social services such as feeds and contact forms with MailChimp integration, slider elements, and many others. In other words – this is multipurpose template with unlimited variations of design elements. The code is clean and this design is made to make your site look amazing.

Features List

  • Real swipe mobile navigations
  • 150+ HTML files
  • Unlimited layouts
  • 9 absolutely unique predefined demos:
  • eCommerce Pages
  • Blog Pages
  • Portfolio pages
  • Quick view Portfolio and eCommerce single pages
  • Events pages
  • Booking forms
  • Mega Menu supported
  • Clean and professional code
  • Smooth Animations and Parallax
  • Revolution Slider (save $14)
  • Tons of unique elements (shortcodes)
  • Working audio player with playlists
  • 100% Responsive
  • Retina Ready
  • Bootstrap 4 Based
  • Working Twitter feed
  • Working Instagram feed
  • Working AJAX contact form
  • MailChimp integration
  • Google Maps
  • Optional page border (layout-page-border.html)

Version 1.4.1 - 4 September 2017

  • fixed JS error in console for carousels
Files changed:
  • dist/assets/js/khaki.js
  • dist/assets/js/khaki.min.js
  • src/js/parts/initPluginFlickity.js

Version 1.4.0 - 2 September 2017

  • added cart and login form support in left navbar
  • added ESlint in src folder and fixed all JS files to work with it
  • fixed full height header jumping in Chrome (changed to flexboxes)
  • fixed swipe navigation in the latest chrome
  • fixed header height and content overflowing
  • fixed navbar icons cropping
  • fixed navbar visibility when sharing block opened
  • fixed nk-video-fullscreen-toggle on small screens
  • changed logos to svg
  • minor changes
Files changed:
  • dist/assets/js/khaki.js
  • dist/assets/js/khaki.min.js
  • dist/assets/css/khaki.css
  • dist/assets/css/khaki.min.css
  • src/js/*.js
  • src/css/parts/_header-title.scss
  • src/css/parts/_helpers.scss
  • src/css/parts/_header-title.scss
  • src/css/parts/_widgets.scss
  • src/css/parts/_link-effects.scss
  • src/css/parts/_navbar.scss
  • src/css/parts/_blog.scss
  • src/css/parts/_share-place.scss
  • src/css/parts/_element-video.scss
  • src/css/parts/_navbar.scss

Version 1.3.0 - 13 April 2017

  • added login / registration form in navigation
  • added product quantity "+" and "-" buttons
  • added Quick View events (in options.js)
  • fixed side and full navbar long link labels
  • fixed flickity events (ready for 2.x version of the plugin)
  • fixed audio player progress bar JS error
  • fixed vertical centering for side and full menus
  • fixed header-title table layout (some content not properly sized)
  • fixed position for dropdowns (in menu cart you can see result)
  • minor changes and fixes
Files changed:
  • dist/assets/js/khaki.js
  • dist/assets/js/khaki.min.js
  • dist/assets/css/khaki.css
  • dist/assets/css/khaki.min.css
  • src/html/store-cart.html
  • src/html/store-product.html
  • src/html/*.html (added login / registration form in navigation)
  • src/css/parts/_navbar-side.scss
  • src/css/parts/_navbar-full.scss
  • src/css/parts/_header-title.scss
  • src/css/parts/_forum.scss
  • src/css/parts/_element-forms.scss
  • src/css/parts/_store.scss
  • src/js/parts/_options.js
  • src/js/parts/initPluginFlickity.js
  • src/js/parts/initQuickView.js
  • src/js/parts/initStore.js
  • src/js/parts/initAudioPlayer.js
  • src/js/parts/initNavbarDropEffect1.js
  • src/js/parts/initForms.js
  • src/js/parts/initNavbar.js

Version 1.2.1 - 21 March 2017

  • added mask attribute support on progress bars
  • fixed vimeo plain videos in Firefox
  • fixed post meta width to 100%
  • fixed audio player playing on first page load
  • fixed page scroll top on audio pin button click (mobile view)
  • fixed iOs scroll to anchor animation
  • fixed social links in side navbar when menu items aligned to left or right
  • fixed fullscreen navbar on mobile devices
Files changed:
  • dist/assets/js/khaki.js
  • dist/assets/js/khaki.min.js
  • dist/assets/css/khaki.css
  • dist/assets/css/khaki.min.css
  • src/css/parts/_blog.scss
  • src/css/parts/_navbar-side.scss
  • src/css/parts/_navbar-full.scss
  • src/js/parts/initCounters.js
  • src/js/parts/initVideoBlocks.js
  • src/js/parts/initAudioPlayer.js
  • src/js/parts/initAudioPlayer.js
  • src/js/parts/_utility.js

Version 1.2.0 - 7 March 2017

  • migrated to Bootstrap 4 Alpha 6 (be careful, some of the classes was changed)
  • added bottom padding on carousels with dots
  • changed video plain on mobile devices (open url in new tab)
  • fixed shortcuts toggle when they are disabled (by tapping O key)
  • fixed dropdown position in fullscreen and side navigations
  • fixed blog comments image size
  • fixed light top navigation
  • fixed scroll to anchor when used no valid hash
  • fixed sticky sidebar with dynamic content
  • updated the most of plugins in assets/bower_components folder
Migration Guide (from 1.1.0 to 1.2.0):
  • changed main google fonts, if you want to use old fonts, add css from assets/css/custom-typography-old-khaki.css
  • active accordions and tabs changed class from .in to .show
  • removed class .multi-columns-row
  • removed class .equal-height
  • changed classes .col-xs-* to .col-*
  • changed classes .pull-xs-* to .pull-*
  • changed classes .push-xs-* to .push-*
  • changed classes .offset-xs-* to .offset-*
  • Old assets:
    <script src="assets/bower_components/jquery-form/jquery.form.js"></script>
    <script src="assets/bower_components/fontawesome/css/font-awesome.min.css"></script>
  • New assets:
    <script src="assets/bower_components/jquery-form/dist/jquery.form.min.js"></script>
    <script src="assets/bower_components/font-awesome/css/font-awesome.min.css"></script>
Files changed:
  • dist/assets/bower_components/*
  • dist/*.html
  • dist/assets/css/khaki.css
  • dist/assets/css/khaki.min.css
  • dist/assets/js/khaki.min.js
  • dist/assets/js/khaki.js
  • src/css/_variables.scss
  • src/css/parts/_blog.scss
  • src/css/parts/_base.scss
  • src/css/parts/_bootstrap.scss
  • src/css/parts/_portfolio.scss
  • src/css/parts/_store.scss
  • src/css/parts/_navbar.scss
  • src/css/parts/_element-carousels.scss
  • src/css/parts/_element-info-boxes.scss
  • src/css/parts/_element-pricing.scss
  • src/css/parts/_element-breadcrumbs.scss
  • src/css/parts/_element-forms.scss
  • src/js/khaki.js
  • src/js/parts/_options.js
  • src/js/parts/_utility.js
  • src/js/parts/shortcuts.js
  • src/js/parts/initVideoBlocks.js
  • src/js/parts/initPluginIsotope.js
  • src/js/parts/initNavbarDropEffect1.js
  • src/js/parts/initQuickView.js
  • src/js/parts/initDoc.js
  • src/js/parts/initFacebook.js
  • src/js/parts/initForms.js
  • src/js/parts/initFormsMailChimp.js
  • src/js/parts/initInfoBoxes.js
  • src/js/parts/initInstagram.js
  • src/js/parts/initPluginAccordions.js
  • src/js/parts/initPluginDisqus.js
  • src/js/parts/initPluginStickySidebar.js
  • src/js/parts/initTwitter.js
  • src/js/parts/initAnchors.js

Version 1.1.0 - 18 January 2017

  • added forum support
  • added breadcrumbs
  • added support for dropdown menu in top contacts menu
  • added data-offset-top attribute support in sticky sidebar
  • added loading spinner to plain videos
  • added custom thumbnail support for plain videos with attribute data-video-thumb
  • added styles for portfolio details when it’s added before and after content
  • fixed twitter code (more correct add links)
  • fixed sticky sidebar after opened sharing place
  • fixed ADS reloading in sticky sidebar
  • fixed mobile navbar if there are 2 mobile navbars
  • fixed form validation prevention with attribute novalidate
  • fixed audio player play after ending
  • fixed top offset for pagination arrows
  • fixed Disqus comments in equal-height rows
  • fixed error in jQuery 3
  • minor changes
Files changed:
  • dist/*.html
  • dist/php/twitter/tweet.php
  • dist/assets/js/khaki.js
  • dist/assets/js/khaki.min.js
  • dist/assets/css/khaki.css
  • dist/assets/css/khaki.min.css
  • src/css/khaki.scss
  • src/css/parts/_element-pagination.scss
  • src/css/parts/_element-breadcrumbs.scss
  • src/css/parts/_forum.scss
  • src/css/parts/_portfolio.scss
  • src/css/parts/_navbar.scss
  • src/js/khaki.js
  • src/js/parts/initInstagram.js
  • src/js/parts/initTwitter.js
  • src/js/parts/initActionsLike.js
  • src/js/parts/initPluginStickySidebar.js
  • src/js/parts/initSharePlace.js
  • src/js/parts/initNavbar.js
  • src/js/parts/initForms.js
  • src/js/parts/initAudioPlayer.js
  • src/js/parts/initLinesForBoxes.js
  • src/js/parts/initPluginTypedjs.js
  • src/js/parts/_options.js
  • src/js/parts/initVideoBlocks.js
  • src/js/parts/initPluginDisqus.js
  • src/js/parts/initAnchors.js
  • src/js/parts/initVideoFullscreen.js
  • src/js/parts/initPluginFlickity.js
  • src/js/parts/initNavbar.js

Version 1.0.0 - 1 August 2016

  • initial release

Newsletter

Join the newsletter to receive news, updates, new products and freebies in your inbox.

Our Twitter

Hey there! We just done free #WordPress plugin- Visual Portfolio builder for #masonry #portfoliotwitter.com/i/web/status/9…
22 September
Hey. Did you know, that our AWB plugin for background parallaxes moved here - wordpress.org/plugins/advanc…? #wordpresstwitter.com/i/web/status/8…
27 July
Oh... my... f... This is the longest review ever! Khaki #WordPress theme finally on #themeforest -… twitter.com/i/web/status/8…
24 July

Our Facebook Page