Khaki – Multipurpose HTML Template

Views:
665
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.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

AWB plugin updated and now supports Mouse Parallax and Visual Composer columns backgrounds. See demo here -… twitter.com/i/web/status/8…
22 April
Added hotfix for YP Clan Wars plugin from original author github.com/pronebird/wp-c… To update it, you need to completely reinstall the plugin
18 April
YAY! We just reached 1000 sales of Youplay WordPress theme. Thank you all, you are the best customers!… twitter.com/i/web/status/8…
12 April

Our Facebook Page