Introduction

Welcome!

Dear customers, first of all we would like to thank you for choosing Unify Template! We truly hope that Unify will serve you well, and that it will live up to your expectations.

We hope you will enjoy using Unify template's easy to navigate and user-friendly layout as well as developer-friendly code. Furthermore, a lot of resources have been employed and many options have been added just to make sure that our valued customers will be satisfied with their purchase.

Updates

In order to keep up with the fast paced evolution of web design trends, we always try to release new updates on continuous basis. Our goal with each update is to impress our customers and to put huge smile on their faces.

We would like to bring to your attention that once you purchase Unify Template, you become eligible for a lifetime entitlement to download updates for FREE! On the other hand, we regret to inform you that license upgrade is not available. If you wish to upgrade your license, a new purchase must be made.

Current updated release is v2.6.3 which offers several new plugins, plenty of new designs options, Bootstrap 4, fully SASS support and much more. All changes can be found in the changelog section here. Our updates do not stop there as many more new amazing features are surely coming soon in the next updates. Thank you always for using Unify Template and for being a vital part of its success.

Support

In Unify we believe that support is a crucial aspect of any successful product. Therefore, we try our very best to offer the most excellent support, and we always try everything within our power to assist our valued customers. It is worth to mention that our support mainly covers all design issues that one might encounter in addition to frontend-related issues as long as it is not complete customized work.

If you have any questions, please feel free to contact us from Htmlstream Contact Form and we will do our best to get back to you within 24 hours. Sometimes it might take a bit longer, but we will do our best not to keep you waiting longer than 48 hours. You may also leave us a message through our social pages: Facebook and Twitter

• - Author: Htmlstream
• - Product Page: Unify - Responsive Website Template
• - Created on: 24/04/2013
• - Latest Update on: 09/02/2020

File Structures

CSS (SASS) Structure

Components (Base and Blocks)

Components are divided into two parts in Unify: Base Components and Block Components. The prefix of u-* class is used for both (Base and Blocks) Components.

• Base Components are usually small helper components to build Block Components. Base Components could be buttons, badges, icon styles, tabs, accordions etc.
• Block Components are usually collection of Base Components with/without the Global Classes. It could be header, footer, news, product, team blocks etc.

Also, BEM naming convention is applied for the both Base/Block Components. You may find some quick information about BEM naming convention in the following article here: https://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax

However, in some cases Base/Blocks Components do not hold BEM naming convention. The reason is, sometimes default Bootstrap components are extended in Unify by offering more UI solutions. In addition, in many cases Base and Block Components can be fully built with Global Classes.

Case #1 (Base Components)

Base Components are extended by using default Bootstrap’s components. For example, Bootstrap buttons are extended in Unify Template to offer more stunning solutions. This gives flexibility to use pure Bootstrap buttons within the Unify Template. Here is an example code how it looks:

Bootstrap Buttons:

• Code
• Design

												
													<a href="#" class="btn btn-primary">Primary</a>
													<a href="#" class="btn btn-outline-danger">Outline Danger</a>
													<a href="#" class="btn btn-sm btn-success">Success</a>
													<a href="#" class="btn btn-lg btn-warning">Warning</a>
												
											

Primary Outline Danger Success Warning

Unify Buttons

• Code
• Design

												
													<a href="#" class="btn btn-md u-btn-blue u-btn-3d">Blue 3d Button</a>
													<a href="#" class="btn btn-lg u-btn-purple u-btn-inset">Purple Inset</a>
													<a href="#" class="btn btn-lg u-btn-primary u-btn-hover-v1-1">Primary Hover v1-1 Style</a>
													<a href="#" class="btn btn-md u-btn-darkgray u-btn-hover-v1-2">Black Hover v1-2 Style</a>
												
											

Blue 3d Button Purple Inset Primary Hover v1-1 Style Black Hover v1-2 Style

You may see from the above example codes, Unify buttons do not hold BEM naming convention. However, in some cases It can be used mixed BEM naming convention. Let’s look at the below example:

• Code
• Design

												
													<a href="#" class="btn btn-md u-btn-skew u-btn-primary">

														<span class="u-btn-skew__inner">Some texts…</span>

													</a>
												
											

Some texts…

The above example shows how button types could be used with the mixed BEM naming convention.

---

Case #2 (Base Components)

Base Components can be extended with the Global Classes. Here are some examples:

Bootstrap Blockquote:

• Code
• Design

												
													<blockquote class="blockquote">
														<p>The best ideas come as jokes...</p>
														<footer class="blockquote-footer">Author Name</footer>
													</blockquote>
												
											

The best ideas come as jokes...

Unify Blockquote:

• Code
• Design

												
													<blockquote class="blockquote text-uppercase g-font-size-18">
													  <p class="g-mb-5">The best ideas come as jokes...</p>
													  <footer class="blockquote-footer">Author Name</footer>
													</blockquote>
												
											

The best ideas come as jokes...

---

Case #3 (Block Components)

Block Components can be built within the Global Classes. Here are the examples where news block are constructed with some Global Classes and Base Components. Also, It uses default Bootstrap classes. Please note, the news block does not use any Block Components Classes like u-info-block-*

Article:

• Code
• Design

												
													<!-- Article -->
													<article class="u-shadow-v1-4">
													  <img class="img-fluid w-100" src="../html/assets/img-temp/500x450/img5.jpg" alt="Image Description">

													  <div class="g-pa-25">
													    <ul class="list-inline small g-color-gray-dark-v4 g-mb-20">
													      <li class="list-inline-item">
													        <a class="text-uppercase btn btn-xs u-btn-red rounded-0" href="#">Tech</a>
													      </li>
													      <li class="list-inline-item">|</li>
													      <li class="list-inline-item">July 02, 2017</li>
													    </ul>

													    <h3 class="h2 g-font-weight-300 g-mb-40">
													      <a class="u-link-v5 g-color-main g-color-primary--hover" href="#">There are many great solutions in Unify for your business</a>
													    </h3>

													    <div class="media g-font-size-12">
													      <img class="d-flex mr-2 rounded-circle g-width-30 g-height-30" src="../html/assets/img-temp/100x100/img1.jpg" alt="Image Description">
													      <div class="media-body align-self-center text-uppercase">
													        <a class="u-link-v5 g-color-main g-color-primary--hover" href="#">Htmlstream</a>
													      </div>

													      <div class="align-self-center">
													        <a class="u-link-v5 g-color-main g-color-primary--hover g-mr-10" href="#">
													          <i class="icon-bubbles align-middle g-mr-2"></i> 124
													        </a>
													        <a class="u-link-v5 g-color-main g-color-primary--hover" href="#">
													          <i class="icon-eye align-middle g-mr-2"></i> 237
													        </a>
													      </div>
													    </div>
													  </div>
													</article>
													<!-- End Article -->
												
											

• Tech
• |
• July 02, 2017

There are many great solutions in Unify for your business

Htmlstream

124 237

									
										.u-tabs-v1 {..}
										.u-tabs-v1__item {..}
										.u-tabs-v1__link {..}
									
								

									
										<ul class="nav u-tabs-v1">
										  <li class="nav-item u-tabs-v1__item">
										    <a class="nav-link u-tabs-v1__link g-py-10 g-px-20 active">Home</a>
										  </li>
										  <li class="nav-item u-tabs-v1__item">
										    <a class="nav-link u-tabs-v1__link g-py-10 g-px-20">Messages</a>
										  </li>
										  <li class="nav-item u-tabs-v1__item">
										    <a class="nav-link u-tabs-v1__link g-py-10 g-px-20">Settings</a>
										  </li>
										</ul>
									
								

JavaScript Structure

								
									/**
									 * HSCore -
									 *
									 * @author HtmlStream
									 * @version 1.0
									 */

									;(function($) {

									  'use strict';

									  $.HSCore = {
									    init: function() {

									      $(document).ready(function(e) {
									        // here you can initialize all components core, which will be applied (called) in all pages,
									        // once the DOM will be ready to go.

									        // example
									        $('[data-toggle="tooltip"]').tooltip();
									      });

									      $(window).on('load', function(e) {
									        // here you can initialize all components core,
									        // which should be called as soon as the all (scripts, videos, images) are loaded.

													// example:
													this.components.parallax.init({
														...
													});
									      });

									    },

									    // Components
									    components: {},

									    // Helpers
									    helpers: {},

									    // Settings
									    settings: {
												animationEasing: ‘easeInQuad’, // example:
												animationDuration: 450, // example:
									      rtl: false
									      ...
									    }
									  };

									  $.HSCore.init(); // Initialization of HSCore object.

									})(jQuery);
								
							

									
										HSChartPie.init($(‘.js-pie’), {
											// Here you can include the object with its settings or you can just skip it.
										});
									
								

									$.HSCore.components.chartPie.init();
								

										
											/**
											 * Shortcode Component wrapper.
											 *
											 * @author Htmlstream
											 * @version 1.0
											 * @requires (also, it can be integrated with other plugins)
											 *
											 */
											;(function($){
												'use strict';

												$.Unify.components.ShortcodeComponent = {

													_baseConfig : {
														// ...
													},

													/**
													 * Initialization of ShortcodeComponent wrapper.
													 *
													 * @param jQuery collection (optional)
													 * @param Object config (optional)
													 *
													 * @return jQuery pageCollection - collection of initialized items.
													 */
													init: function(collection, config) {

														// ...

													},

													...

												}

											})(jQuery);
										
									

Shortcodes

All the source codes of shortcodes components can be directly accessed from the shortcodes demo pages. It can be easily copied by single click in the show code link.

However, this shortcodes section will be improved very soon by adding more detailed information for the each specific plugins (libraries) which are used in Unify Template. Meanwhile, if you have any questions please feel free to contact us from Htmlstream Contact Form and our support team will assist you.

Gulp

Gulp is a command line task runner utilizing Node.js platform. It runs custom defined repetitious tasks and manages process automation. It allows you to do a lot of stuff within your development workflow. You can compile sass files, minify and compress js files and much more.

What makes Gulp different from other task runners is that it uses Node streams, piping output from one task as an input to the next. It reads a file once, processes it through multiple tasks, and then writes the output file. This results in faster builds because there is no need to create and read intermediary files on hard drive.

Unify includes gulp.js and package.json files to quick start. The installing and using Gulp with the included files are quite easy.

								
									var gulp           = require('gulp'), // Gulp
									    sass           = require('gulp-sass'), // SASS,
									    gulp-changed   = require('gulp-changed'), // Save time on processing unchanged files
									    autoprefixer   = require('gulp-autoprefixer'); // Add the desired vendor prefixes and remove unnecessary in SASS-files


									//
									// SASS
									//

									// Unify Main
									gulp.task('sass', function() {
									  return gulp.src('./html/assets/include/scss/**/*.scss')
									    .pipe(changed('./html/assets/css/'))
									    .pipe(sass({outputStyle:'expanded'}))
									    .pipe(autoprefixer(['last 3 versions', '> 1%'], { cascade: true }))
									    .pipe(gulp.dest('./html/assets/css/'))
									});

									// E-commerce
									gulp.task('sass-shop', function() {
									  return gulp.src('./html/e-commerce/assets/scss/**/*.scss')
									    .pipe(changed('./html/e-commerce/assets/css/'))
									    .pipe(sass({outputStyle:'expanded'}))
									    .pipe(autoprefixer(['last 3 versions', '> 1%'], { cascade: true }))
									    .pipe(gulp.dest('./html/e-commerce/assets/css/'))
									});

									// Blog & Magazine
									gulp.task('sass-blog', function() {
									  return gulp.src('./html/blog-magazine/classic/assets/scss/**/*.scss')
									    .pipe(changed('./html/blog-magazine/classic/assets/css/'))
									    .pipe(sass({outputStyle:'expanded'}))
									    .pipe(autoprefixer(['last 3 versions', '> 1%'], { cascade: true }))
									    .pipe(gulp.dest('./html/blog-magazine/classic/assets/css/'))
									});

									// Multi Pages (Marketing Demo example, please change this path if you are using other demos)
									gulp.task('sass-mp-marketing', function() {
									  return gulp.src('./html/multipage/marketing/assets/scss/**/*.scss')
									    .pipe(changed('./html/multipage/marketing/assets/css/'))
									    .pipe(sass({outputStyle:'expanded'}))
									    .pipe(autoprefixer(['last 3 versions', '> 1%'], { cascade: true }))
									    .pipe(gulp.dest('./html/multipage/marketing/assets/css/'))
									});

									// One Page (Accounting Demo example, please change this path if you are using other demos)
									gulp.task('sass-op', function() {
									  return gulp.src('./html/one-pages/accounting/assets/scss/**/*.scss')
									    .pipe(changed('./html/one-pages/accounting/assets/css/'))
									    .pipe(sass({outputStyle:'expanded'}))
									    .pipe(autoprefixer(['last 3 versions', '> 1%'], { cascade: true }))
									    .pipe(gulp.dest('./html/one-pages/accounting/assets/css/'))
									});

									// Dark Theme
									gulp.task('sass-dt', function() {
									  return gulp.src('./html/examples/dark-theme/assets/scss/**/*.scss')
									    .pipe(changed('./html/examples/dark-theme/assets/css/'))
									    .pipe(sass({outputStyle:'expanded'}))
									    .pipe(autoprefixer(['last 3 versions', '> 1%'], { cascade: true }))
									    .pipe(gulp.dest('./html/examples/dark-theme/assets/css/'))
									});


									//
									// Watch
									//

									gulp.task('watch', function() {
									  gulp.watch('./html/assets/include/scss/**/*.scss', ['sass']);
									});


									//
									// Default
									//

									gulp.task('default', ['watch', 'sass']);
								
							

								
									{
									  "name": "unify",
									  "version": "2.0.0",
									  "description": "",
									  "main": "index.js",
									  "dependencies": {},
									  "devDependencies": {
									    "gulp": "^3.9.1",
									    "gulp-autoprefixer": "^3.1.1",
									    "gulp-changed": "^1.3.2",
									    "gulp-sass": "^3.1.0",
									  },
									  "scripts": {
									    "test": "echo \"Error: no test specified\" && exit 1"
									  },
									  "author": "htmlstream",
									  "license": "Under Wrapbootstrap LLC"
									}
								
							

								
									$ npm install --global gulp
								
							

2. Install NPM modules package.json

Installing NPM modules

First, change the command line path into your project where Unify folder is located. if you have not done this before, you may check the following article to quick start http://www.digitalcitizen.life/command-prompt-how-use-basic-commands

Once the path of your workflow is changed to Unify folder, you may run package.json file by using the following command:

								
									$ npm install
								
							

This time, we're installing Gulp with its all dependency plugins like gulp-sass, gulp-autoprefixer etc. It might take a couple of minutes depends on your internet connection.

If you check the project folder when the command has finished executing, you should see that Gulp has created a node_modules folder. Below an example screenshots in Windows (PC) and MacOS:

Windows (PC):

MacOS:

								
									$ gulp
								
							

Theme Colors

There are two quick ways of changing theme color globally in all pages.

1. By using SASS (SCSS) Higly Recommended
2. Traditional (old) way; linking CSS file which includes predefined overwritten codes. Not Recommended

								
									// Add here all your customized variables

									$g-color-primary: #72c02c;
								
							

If you come across with any problems, difficulties or need more information, please feel free to reach us from Htmlstream Contact Form and our support team will assist you within a short time.

Credits

All third party plugins (libraries) are located in HTML/assets/vendor/.. and image sources in HTML/assets/img-temp/..

Plugins (Libraries)

Premium Plugins

Images and Design Sources

Premium Image and Design Sources

Upgrade

Unify v2.6.3

Unify v2.6.3 update is focused on vendors (libraries and frameworks) updates, improvements and some minor bug fixes. The update includes minor global changes due to the update of Bootstrap, jQuery.

Unify v2.6.2

Unify v2.6.2 update is focused on vendors (libraries and frameworks) updates, improvements and some minor bug fixes. The update includes minor global changes due to the update of Bootstrap.

• Replaced all href="#!" to href="#"

Unify v2.6.1

Unify v2.6.1 update is focused on vendors (libraries and frameworks) updates, improvements and some minor bug fixes.

Unify v2.6.0

Unify v2.6.0 update is focused on new RTL package for One Pages, E-Commerce and Multi Pages demos (RTL package for Unify Main and Admin Template demos will be added later), new components for Admin Template package, vendors (libraries and frameworks) updates, improvements and some minor bug fixes.

Unify v2.5.1

Unify v2.5.1 update is focused on vendors (libraries and frameworks) updates, improvements and some minor bug fixes. The major update includes Bootstrap 4 production version switching from Bootstrap 4 Beta version.

Unify v2.5

Unify v2.5 does not include any major changes. This update is focused on a new package "Unify Admin Template" and some minor bug fixes.

Unify v2.4

The major update includes switching from jQuery 2.x to jQuery v3.x Please make sure to update the vendor folder which is located in (../html/assets/vendor/..).

• Lot's of changes made on Fancybox plugin. Please just replace the vendor (../html/assets/vendor/..) and js (../html/assets/js/..) folder in the global assets folder.
• Made some changes into HS go-to.js plugins and dropped jQuery Ease. Please remove from HTML code jquery.easing.js to make HS go-to-* plugin compatible.

Unify v2.3

We suggest to check Bootstrap Beta 2 ship list page: https://github.com/twbs/bootstrap/issues/23278

• Restored grid .offset- modifiers in Bootstrap 4 Beta 2 update.

Unify v2.2

We suggest to check Bootstrap Beta 1 ship list page: https://github.com/twbs/bootstrap/issues/21568

• In all navigation menu navbar-toggleable-md changed to navbar-expand-lg during Bootstrap beta upgrade. In addition, g-top-3 class is added to toggler button in headers.
• Some minor changes in forms
• Dropped all responsive utilities classes, now display utilities classes should be used
• Renamed flexbox order utilities classes
• Replaced tether.js to popper.js
• Added _custom.mixins.scss and _custom.variables.scss, now all custom variables can be included into _custom.variables.scss file.
• unify.scss is split to unify-components.scss, unify-core.scss, unify-globals.scss and now in all HTML pages split CSS files are linked. However, unify.scss still can be used as one large file.

Please check out changelog section for other changes.

Unify v2.1

• Revolution Slider demos html/revolution-slider/index.html Please check it out README.txt file inside the html/revolution-slider/.. folder. The file includes a separate download link with protected password for Revolution Slider demos. The total size of the slider demos is huge (around 320 MB) and for that reason it is included as a separate download link. If you would like to use the slider demos, you should just need to unzip the revolution-slider.zip inside html/revolution-slider/.. after downloading it and all demos will work same as live demo pages. There is no need for any other manual work, only needs to be downloaded and unzipped inside the correct path (place).
• Master Slider demos html/master-slider/index.html The Master Slider demos also includes README.txt file as Revolution Slider folder which includes a download link with protected password for Master Slider. Please just follow the above (Revolution Slider) instructions.
• Removed Simple Line Icons CSS link is removed from the specialty-pages/coming-soon/page-coming-soon-1.html (No Simple Line Icons used in this page)
• Removed unify.css link across all One Page demo options. (This reason being is that each One Page option includes its own CSS file with prefixed name)
• Removed tooltips js init codes $(‘[data-toggle=“tooltip”]‘).tooltip(); across all HTML pages and placed into hs.core.js
• Removed unused/duplicated JavaScripts init codes from HTML pages
• Removed @import "OLD/tabs-v1" to @import "OLD/tabs-v12" are removed from assets/include/scss/base/tabs/_tabs.scss (since, they are old and unused stylesheets anymore)
• theme/custom.scss file is moved from scss folder to less folder.
• Dzsparallaxer .load() jquery events are replace by .on('load', callback())

Please check out changelog section for other changes.

Unify v2.0

The Next Generation of Unify Template

The next generation of Unify Template is finally arrived after a year development and we hope you will love it. Unify v2.0 has been fully re-written from scratch and loaded with tons of new modern possibilities, approaches and features. However, the upgrade from v1.9.x to v2.x is almost impossible because of massive changes to the core of the code.

What is the reason behind for this massive changes in Unify 2?

Our team has began to develop this new methodology and structure, for v2.0, more than a year ago. During the last 4 years we have started receiving a huge number of requests from our customers about the implementation of Sass, Bootstrap 4, Flexbox, easy to use of JavaScript, HTML and CSS code structure. The decision was made through consultations with several high profile programmers, designers and users of Unify Template, to provide the best experience for everyone. One of the most wanted request was reusability of components though the packages.

In addition, the base of Unify v1.x is written more than four years ago with Bootstrap v2.x and since that time, approaches in front-end development is drastically changed. Creation of new demo options and delivery regular updates had significantly become difficult with the 1.9.x version. For that reason, the decision was made to introduce the most versatile and powerful template for Unify users. Moreover, when it comes to larger, more complex projects, well organized code is the key to efficiency.

The idea behind these changes, are to divide the user interface into independent blocks. This makes interface development easy and fast even with complex designs and it allows reuse of existing code without copying and pasting. In v2.x Unify JavaScript elements are controlled from data attributes. Headers, Google Maps, Lightbox, Cubeportfolio, Slick carousel, Charts, Counters, HTML5 video backgrounds, Parallax effects and all other plug-ins are now invoked through data attributes. In particular, the colors, designs, classes and functions can all be controlled with the help of data attributes.

For example, let's take a look to the Google Maps shortcode component in v2.x Unify:

							

								<!-- Google Maps -->
								<div id="GMapCustomized-light" class="js-g-map embed-responsive embed-responsive-21by9 g-height-300"
								   data-type="custom"
								   data-lat="40.674"
								   data-lng="-73.946"
								   data-zoom="12"
								   data-title="Agency"
								   data-styles='[["", "", [{"saturation":-100},{"lightness":51},{"visibility":"simplified"}]], ["", "labels", [{"visibility":"on"}]], ["water", "", [{"color":"#bac6cb"}]] ]'
								   data-pin="true"
								   data-pin-icon="../../assets/img/icons/pin/green.png">
								</div>
							
						

As you can see from the above code, you do not have to dive into the JavaScript code anymore and write any codes. Now, you can just dynamically change it.

Changelog

Unify v2.6.3 12 February, 2020

Unify v2.6.3 update is focused on vendors (libraries and frameworks) updates, improvements and some minor bug fixes.

• Updated
  Bootstrap v4.4.1
• Updated
  jQuery v3.4.1
• Updated
  jQuery Migrate v3.1.0
• Enhanced
  Quantities
• Enhanced
  GMap
• Enhanced
  Chart Pie
• Enhanced
  Custombox
• Enhanced
  Video BG
• Enhanced
  Header
• Enhanced
  File Attachment
• Enhanced
  Datepicker
• Fixed
  SCSS files
• Fixed
  Header
• Fixed
  Fancybox
• Fixed
  Accordion
• Fixed
  DatePicker
• Fixed
  Hero Block
• Fixed
  Advanced Selects
• Fixed
  Gallery
• Fixed
  Admin Sidebar

Unify v2.6.2 06 January, 2019

Unify v2.6.2 update is focused on vendors (libraries and frameworks) updates, improvements and some minor bug fixes.

• Updated
  Bootstrap v4.2.1
• Updated
  Clipboard.js
• Updated
  Bootstrap Select
• Updated
  jQuery Migrate
• Enhanced
  hs.range-slider.js
• Fixed
  Plyr on Music One Page
• Fixed
  Equal Height on Login Page 11 & Sign up Page 11
• Fixed
  Dropdown of a top bar on E-commerce Pages
• Fixed
  Custom text inputs & textareas
• Fixed
  and other minor bug fixes.

Unify v2.6.1 12 December, 2018

Unify v2.6.1 update is focused on vendors (libraries and frameworks) updates, improvements and some minor bug fixes.

• Enhanced
  RTL version for E-Commerce, OnePages & Multipages
• Enhanced
  Advanced Form Slider Controls (Admin Template)
• Updated
  Chosen
• Updated
  Clipboard
• Updated
  Get-size
• Updated
  Imagesloaded
• Updated
  jQuery
• Updated
  Masonry
• Updated
  Plyr
• Updated
  Popper.js
• Updated
  Tooltip.js
• Updated
  jQuery.Peity
• Fixed
  Topbar Header in iPad
• Fixed
  Dropdown column in Top Navigation [IE]
• Fixed
  Cubeportfolio "Load More"
• Fixed
  MegaMenu
• Fixed
  and other minor bug fixes

Unify v2.6.0 15 August, 2018

Unify v2.6.0 update is focused on new RTL package for One Pages, E-Commerce and Multi Pages demos (RTL package for Unify Main and Admin Template demos will be added later), new components for Admin Template package, vendors (libraries and frameworks) updates, improvements and some minor bug fixes.

• New
  RTL version for E-Commerce, OnePages & Multipages
• New
  Advanced Form Slider Controls (Admin Template)
• New
  Summernote WYSIWYG Editor (Admin Template)
• New
  Summernote WYSIWYG Editor (Admin Template)
• New
  Datatables Examples (Admin Template)

• Updated
  Bootstrap 4.1.3
• Updated
  Cube Portfolio 4.4
• Updated
  Revolution Slider 5.4.8

• Enhanced
  Fixed
  Overall minor fixes and improvements

Unify v2.5.1 24 February, 2018

Unify v2.5.1 update is focused on vendors (libraries and frameworks) updates, improvements and some minor bug fixes. The major update includes Bootstrap 4 production version switching from Bootstrap 4 Beta version.

• Enhanced
  Shortcode Accordions
• Enhanced
  Shortcode Layout Forms
• Enhanced
  Google Map on Lightbox
• Enhanced
  Charts in Admin Dashboard for instant change viewport
• Enhanced
  Comlex Tables view in Admin Dashboard on the mobile resolution

• Fixed
  Datepicker date range
• Fixed
  Activity Sidebar for mobile devices in Admin Dashboard

• Updated
  Bootstrap 4.0.0
• Updated
  Cube Portfolio 4.3.1
• Updated
  Revolution Slider 5.4.6.4

Unify v2.5 07 February, 2018

Unify v2.5 does not include any major changes. This update is focused on a new package "Unify Admin Template" and some minor bug fixes.

• New
  Introducing brand new Package - Admin Template. This package includes over 50 pages.
• New
  Admin Template html/admin-template/..

  • dashboard-v1.html
  • dashboard-v2.html
  • dashboard-v3.html
  • dashboard-v4.html
  • header-static.html
  • sidebar-hide.html (on click to humberger menu)
  • layout-light.html
  • layout-dark-body-v2.html
  • layout-light-body-v2.html
  • app-profile.html
  • app-profile-biography.html
  • app-profile-interests.html
  • app-profile-mobile.html
  • app-profile-photos-and-videos.html
  • app-profile-payment-methods.html
  • app-profile-transactions.html
  • app-profile-security.html
  • app-profile-upgrade-plan.html
  • app-profile-invite.html
  • app-profile-connected-accounts.html
  • app-projects.html
  • app-chat.html
  • app-file-manager.html
  • app-contacts.html
  • forms-elemets-text-inputs.html
  • forms-elemets-textareas.html
  • forms-elemets-selects.html
  • forms-elemets-advanced-selects.html
  • forms-elemets-checkboxes-radios.html
  • forms-elemets-toggles.html
  • forms-elemets-file-inputs.html
  • forms-elemets-sliders.html
  • forms-elemets-tags.html
  • forms-elemets-ratings.html
  • forms-elemets-datepickers.html
  • forms-elemets-quantities.html
  • forms-validation-states.html
  • tables-basic.html
  • tables-complex.html
  • panel-variations.html
  • panel-options.html
  • notifications-colorful.html
  • notifications-light.html
  • notifications-dark.html
  • notifications-builder.html
  • metrics.html
  • ui-icons.html
  • pages-timeline.html
  • packages.html
• New
  Chartist JS - examples are using in Admin Dashboard Pages
• New
  Variety Widget Blocks (Comments, Calendar, Tickets, Activity etc.) - examples are used in Admin Dashboard Pages
• New
  Select Forms html/admin-template/forms/forms-elemets-selects.html
• New
  Advanced Select Forms html/admin-template/forms/forms-elemets-advanced-selects.html
• New
  Text Inputs with Tags html/admin-template/forms/forms-elemets-tags.html
• New
  Datepicker html/admin-template/forms/forms-elemets-datepickers.html
• New
  Quantities Design html/admin-template/forms/forms-elemets-quantities.html
• New
  Validations Designs html/admin-template/forms/forms-validation-states.html
• New
  Table Designs html/admin-template/tables/tables-basic.html
• New
  Complex Tables (Data Tables) html/admin-template/tables/tables-complex.html
• New
  12 Panel Variations html/admin-template/panels/panel-variations.html
• New
  8 Panel's Options html/admin-template/panels/panel-options.html
• New
  Colorful Notification html/admin-template/notifications/notifications-colorful.html
• New
  Light Notification html/admin-template/notifications/notifications-light.html
• New
  Dark Notification html/admin-template/notifications/notifications-dark.html
• New
  Notification's Builder html/admin-template/notifications/notifications-builder.html
• New
  Timeline Design html/admin-template/pages/pages-timeline.html

• Enhanced
  Sticky Block in less content
• Enhanced
  Slick Carousel - added preloader
• Enhanced
  Missing animate.css into show/copy code

• Fixed
  Header - Megamenu 5 columns in IE browsers
• Fixed
  Vertical center block in Login-7 page in IE browsers

Unify v2.4 5 December, 2017

• New
  Introducing brand new Multi Page Package in Unify Template and now Unify includes 6 complete packages. This package includes beautiful demos with its inner pages. Currently, it comes with two new demos.
• New
  University - Education Multi Page Demo html/multipage/education/..

  • home-page-1.html
  • page-programs-1.html
  • page-apply-1.html
  • page-future-students-1.html
  • page-current-students-1.html
  • page-faculty-and-staff-1.html
  • page-events-1.html
  • page-alumni-1.html
  • page-campus-life-1.html
  • page-research-1.html
  • page-help-1.html
  • page-contacts-1.html
  • page-signin-1.html
• New
  7 new Promo Block (demo 38, 39, 40, 41, 42, 43 and 44) html/unify-main/shortcodes/promo/..
• New
  Clients (demo 13) html/unify-main/shortcodes/shortcode-blocks-clients.html
• New
  Testimonials Advanced (demo 17, demo 19) html/unify-main/shortcodes/shortcode-blocks-testimonials-advanced.html
• New
  3 new Hero Contents (demo 17, 18, and 19) html/unify-main/shortcodes/shortcode-blocks-hero-content.html
• New
  Heading (demo 28) html/unify-main/shortcodes/shortcode-base-headings.html
• New
  2 new Full Width Call To Action (CTA) html/unify-main/shortcodes/shortcode-blocks-cta-full-width.html
• New
  6 News Blocks (35, 36, 37, 38, 39 and 40 demos) html/unify-main/shortcodes/shortcode-blocks-news.html
• New
  3 Image Overlay News Blocks (21, 22, and 23 demos) html/unify-main/shortcodes/shortcode-blocks-news-image.html
• New
  List News Block demo 8 html/unify-main/shortcodes/shortcode-blocks-news-no-images.html
• New
  2 Interactive Icon Blocks (demo 22 and 23) html/unify-main/shortcodes/shortcode-blocks-icons-interactive.html
• New
  2 Icon Apps Blocks (demo 9 and 10) html/unify-main/shortcodes/shortcode-blocks-icons-app.html

• Enhanced
  Clients (demo 13) moved to Testimonials Advanced as (demo 18) html/unify-main/shortcodes/shortcode-blocks-testimonials-advanced.html
• Enhanced
  Fancybox Plugin
• Enhanced
  Added some additional functionality to HS go-to plugin.
• Enhanced
  Youtube Video Background (improved background video for heigh resolutions)
• Enhanced
  Disable the scroll animation for mobile devices

• Fixed
  Header - Mobile Sidebar Overlay (some issues are fixed on mobile resolution)

• Updated
  jQuery v3.2.1

• Dropped
  jQuery Easing (jquery.easing.js)

Unify v2.3 14 November, 2017

• New
  Introducing brand new Multi Page Package in Unify Template and now Unify includes 6 complete packages. This package includes beautiful demos with its inner pages. Currently, it comes with two new demos.
• New
  Real Estate Multi Page Demo html/multipage/real-estate/..

  • home-page-1.html
  • page-list-view-1.html
  • page-grid-view-1.html
  • page-single-item-1.html
  • page-agents-list-view-1.html
  • page-agents-grid-view-1.html
  • page-agents-single-page-1.html
  • page-share-1.html
  • page-help-1.html
  • page-contacts-1.html
  • page-login-1.html
  • page-register-1.html
  • page-forgot-password-1.html
• New
  Marketing Multi Page Demo html/multipage/marketing/..

  • home-page-1.html
  • page-about-1.html
  • page-services-1.html
  • page-consultants-1.html
  • page-works-1.html
  • page-hire-us-1.html
  • page-careers-1.html
  • page-help-1.html
  • page-pricing-1.html
  • page-contacts-1.html
• New
  Material Icons html/unify-main/shortcodes/icons/shortcode-base-icon-material.html
• New
  Clients (demo 13) html/unify-main/shortcodes/shortcode-blocks-clients.html
• New
  Testimonials Advanced (demo 16) html/unify-main/shortcodes/shortcode-blocks-testimonials-advanced.html
• New
  4 new Hero Info Sections html/unify-main/shortcodes/shortcode-blocks-hero-info.html
• New
  4 new Hero Contents (demo 13, 14, 15 and 16) html/unify-main/shortcodes/shortcode-blocks-hero-content.html
• New
  Heading (demo 27) html/unify-main/shortcodes/shortcode-base-headings.html
• New
  3 new Promo Block (demo 35, 36 and 37) html/unify-main/shortcodes/promo/shortcode-blocks-promo-demo-35.html
• New
  2 new Footers (demo 15 and 16) html/unify-main/shortcodes/footers/shortcode-blocks-footer-classic.html

• Enhanced
  SASS files
• Enhanced
  Improved UX in shortcodes sidebar's panel, now it has a brand new look.
• Enhanced
  Minor improvements in gMap (Google Map)
• Enhanced
  Slick Carousel: added a new data attribute for responsive modes
• Enhanced
  Some minor improvements in One Pages (Accounting, Agency, Architecture, Business, Charity, Consulting, Courses, Construction, Event, Gym, Lawyer, App, Music), E-Commerce and Blog & Magazine packages.

• Fixed
  Dropdowns onload appearance in topbars
• Fixed
  Cubeportfolio minor fixes
• Fixed
  Tabs minor fixes
• Fixed
  package.json file
• Fixed
  Onload scrolling
• Fixed
  Thumbnail issue on Slick Carousel
• Fixed
  Misc pages (tether.js to popper.js)

• Updated
  Bootstrap - v4.0.0-beta-2
• Updated
  Animate CSS - v3.5.2

Unify v2.2 08 September, 2017

• New
  Style Switcher (Beta) - choose unlimited colors, change layout styles (wide, boxed, semi-boxed), select predefined Google Fonts and outer spaces then instantly download your custom styles right from the Style Switcher.
• New
  Nunjucks templating language (Beta)
• New
  4 Blog & Magazine Home Pages html/blog-magazine/classic/..

  • bm-classic-home-page-2.html
  • bm-classic-home-page-3.html
  • bm-classic-home-page-4.html
  • bm-classic-home-page-5.html
• New
  Over 35 Shop Pages html/e-commerce/..

  • home-page-2.html
  • home-page-3.html
  • page-addresses-1.html
  • page-cancelled-orders-1.html
  • page-category-left-sidebar-1.html
  • page-category-no-sidebar-1.html
  • page-category-no-sidebar-2.html
  • page-category-no-sidebar-3.html
  • page-category-no-sidebar-4.html
  • page-category-right-sidebar-1.html
  • page-checkout-1.html
  • page-coming-soon-1.html
  • page-contact-1.html
  • page-empty-cart-1.html
  • page-grid-filter-left-sidebar-1.html
  • page-grid-filter-no-sidebar-1.html
  • page-grid-filter-no-sidebar-2.html
  • page-grid-filter-no-sidebar-3.html
  • page-grid-filter-no-sidebar-4.html
  • page-grid-filter-right-sidebar-1.html
  • page-help-1.html
  • page-list-filter-left-sidebar-1.html
  • page-list-filter-no-sidebar-1.html
  • page-list-filter-no-sidebar-2.html
  • page-list-filter-no-sidebar-3.html
  • page-list-filter-no-sidebar-4.html
  • page-list-filter-right-sidebar-1.html
  • page-login-1.html
  • page-login-security-1.html
  • page-notifications-1.html
  • page-open-orders-1.html
  • page-order-completed-1.html
  • page-orders-1.html
  • page-our-stores-1.html
  • page-password-recovery-1.html
  • page-payment-options-1.html
  • page-signup-1.html
  • page-single-product-1.html
  • page-single-product-2.html
  • page-single-product-3.html
  • page-wallet-1.html
  • page-wishlist-1.html
• New
  Promo Block (demo 34) html/unify-main/shortcodes/promo/shortcode-blocks-promo-demo-34.html

• Enhanced
  Documentation
• Enhanced
  Shortcodes sidebar's search panel - type and press enter to search components
• Enhanced
  SASS file structure
• Enhanced
  Google Maps - added multiple markers
• Enhanced
  E-commerce - design of the header has been improved.
• Enhanced
  Blog & Magazine - design of the header has been improved.
• Enhanced
  Show/Copy Code in shortcodes pages
• Enhanced
  Promo block of the Jobs Page - changed the form layout page-jobs-1.html
• Enhanced
  Promo block demo #1 - improved the form layout shortcode-blocks-promo-demo-1.html, home-page-8.html

• Fixed
  Custombox (modals) - newspaper and hashlink demos

• Updated
  Bootstrap - v4.0.0-beta
• Updated
  Custombox - v4.0.3

Unify v2.1 03 August, 2017

• New
  Brand new Shortcodes Pages, now easily find any shortcodes with search bar and filtering navigation from side panel menu (sidebar). unify-main/shortcodes/index.html
• New
  GulpJS - automate all your work (SASS compiling, concatenate, minify etc.)
• New
  Go to Top (Back to Top) in-house plugin developed by Htmlstream Team, comes various design options are added across all Unify pages. There are 3 styles which can be controlled via class name u-go-to-v* (*can be any number e.g. u-go-to-v1, u-go-to-v2, u-go-to-v3 etc.).
• New
  Consulting One Page Demo html/one-pages/consulting/index.html
• New
  Corporate One Page Demo html/one-pages/corporate/index.html
• New
  Misc pages; Boxed Layout, Dark Theme, Blank Page etc html/unify-main/misc/..
• New
  90+ Revolution Slider demos html/revolution-slider/index.html Please check it out README.txt file inside the html/revolution-slider/.. folder. The file includes a separate download link with protected password for Revolution Slider demos. The total size of the slider demos is huge (around 320 MB) and for that reason it is included as a separate download link. If you would like to use the slider demos, you should just need to unzip the revolution-slider.zip inside html/revolution-slider/.. after downloading it and all demos will work same as live demo pages. There is no need for any other manual work, only needs to be downloaded and unzipped inside the correct path (place).
• New
  100+ Master Slider demos html/master-slider/index.html The Master Slider demos also includes README.txt file as Revolution Slider folder which includes a download link with protected password for Master Slider. Please just follow the above (Revolution Slider) instructions.
• New
  Promo Block (demo 32)html/unify-main/shortcodes/promo/shortcode-blocks-promo-demo-32.html
• New
  Promo Block (demo 33)html/unify-main/shortcodes/promo/shortcode-blocks-promo-demo-33.html
• New
  Hero Content (demo 12)html/unify-main/shortcodes/shortcode-blocks-hero-content.html
• New
  Pricing Plans (demo 15)html/unify-main/shortcodes/shortcode-blocks-pricing-plans.html
• New
  Icon Blocks Interactive (demo 18)html/unify-main/shortcodes/shortcode-blocks-icons-interactive.html
• New
  Static Process Blocks (demo 05)html/unify-main/shortcodes/shortcode-blocks-hero-content.html
• New
  Counters (demo 32)html/unify-main/shortcodes/shortcode-blocks-counters.html
• New
  Classic Footers (demo 14)html/unify-main/shortcodes/footers/shortcode-blocks-footer-classic.html
• New
  Footer Contact Forms (demo 13)html/unify-main/shortcodes/footers/shortcode-blocks-footer-contact-forms.html
• New
  Team Blocks (demo 15)html/unify-main/shortcodes/shortcode-blocks-team.html
• New
  Team Advanced (demo 09)html/unify-main/shortcodes/shortcode-blocks-team-advanced.html
• New
  Testimonials (demo 25)html/unify-main/shortcodes/shortcode-blocks-testimonials.html
• New
  Testimonials Advanced (demo 14)html/unify-main/shortcodes/shortcode-blocks-testimonials-advanced.html
• New
  Testimonials Advanced (demo 15)html/unify-main/shortcodes/shortcode-blocks-testimonials-advanced.html
• New
  News Blocks (demo 34)html/unify-main/shortcodes/shortcode-blocks-news.html
• New
  Clients (demo 12)html/unify-main/shortcodes/shortcode-blocks-clients.html

• Enhanced
  Documentation - added started template section, detailed gulp instructions for converting SASS (SCSS) to CSS etc.
• Enhanced
  SCSS stylesheet are refactored (it is a disciplined technique for restructuring an existing body of code, altering its internal structure without changing its external behavior)
• Enhanced
  Show/Copy Code in shortcode pages and added show/copy code feature to missed components
• Enhanced
  All Headers pages (added active style)
• Enhanced
  Slick Carousel (added ondemand option and various minor improvements)
• Enhanced
  Added jquery-migrate.min.js to all Unify Pages
• Enhanced
  Added subnavigation to the Accounting One Page demo dev/one-pages/accounting/example-with-submenu.html
• Enhanced
  Added custom.js file across all HTML pages
• Enhanced
  Sticky Block (added secondary navigation option)

• Fixed
  Mega Menus tabs on Mobile resolutions
• Fixed
  Various IE11 fixes including headers, slick carousel, parallax etc.

Please check out the Upgrade section for other minor fixes/changes.

Unify v2.0 05 July, 2017

Unify v2.0 has been fully re-written from scratch and changelog includes only the most important implementations, improvements and features. You may check the upgrade section why Unify has been re-written from scratch.

Overall, what's new in Unify v2.0? Unify v2.0 comes with the latest Bootstrap 4 version and now any component can be used within the any packages (demos, pages, sections etc.). In addition, Unify v2.0 comes with over 250 shortcode pages which is twice more than v1.9.x and all components in each shortcode pages are massively extended.

• New
  Bootstrap 4 (Unify v2.0 fully compatible with the latest version of Bootstrap 4)
• New
  Full SASS (SCSS) support (all components in separate files, It provides powerful control over CSS)
• New
  Ultimate control over the Headers (Unify v2.0 includes over 80 header options)

  • Positions (static, absolute top, absolute bottom, absolute. 2nd screen, sticky top, sticky bottom)
  • On Scroll Behaviors (show/hide header, change logo, change appearance, toggle header, hide top bar)
  • Navigation's mobile behavior (default - "top", push- "sidebar", overlay - "sidebar")
  • Navigation's mobile behavior (default - "top", push- "sidebar", overlay - "sidebar")
  • Submenu & Megamenu (onHover method, onClick method, inline submenu, megamenu column - "2, 3, etc.", megamenu horizontal/vertical tab etc.)
  • CSS Animated Hamburgers Icons (slider, squeeze, arrow etc.)

  For more detailed demos, please check out the shortcode header page - unify-main/shortcodes/headers/index.html
• New
  More than 30 new Promo Blocks
• New
  Over 500 new Shortcode Components

  • Alerts
  • Dividers
  • Icons
  • Badges
  • Accordions
  • Tabs
  • Badges
  • Paginations
  • Google Maps
  • List Groups
  • Product Blocks
  • Testimonial Blocks
  • Beautiful Galleries Options
  • Icon Blocks
  • News Blocks
  • Countdowns Blocks
  • Table Demos
  • News Blocks
  • Clients Blocks
  • Counters Blocks
  • User Blocks
  • and many others..
• New
  Popup Modals - unify-main/shortcodes/shortcode-base-modals.html
• New
  Smooth Parallax
• New
  Home Pages (all home pages are re-designed and extended with new design page)
• New
  Blog Pages (all block pages are re-designed and now comes with over 40 pages)
• New
  Search Pages (all search pages are re-designed and added other options)
• New
  Jobs Page (currently comes with two new design pages main and inner)
• New
  Profile Pages (all profile pages are re-designed and added with more options)
• New
  Contact Pages (all contact pages are re-designed and added other new pages)
• New
  Other New Pages (Unify v2.0 includes lots of other new page designs such as login, register, pricing, portfolios, faq etc.)

• Dropped
  Landing Pages Package (they will be added back to the One Pages package in our next updates but currently all the components can be used and included in v2.0 Unify.)
• Dropped
  Sky Forms Pro (all forms are completely rewritten from scratch)
• Dropped
  Layer Slider (since Unify already includes other premium sliders (Revolution and Master Slider), we have decided to drop it as included premium slider already includes same functionality)
• Dropped
  Other Plugins/Libraries (however, most of them are replaced with more efficient plugins/libraries. For example, Owl Carousel has been replaced with Slick Carousel.)

• Coming Soon
  RTL Version
• Coming Soon
  PSD Sources
• Coming Soon
  Classic One Page Demos
• Coming Soon
  Coming Soon Pages
• Coming Soon
  Error Pages
• Coming Soon
  Email Templates
• Coming Soon
  Other missed features which Unify v1.x included

End of Documentation

Once again, thank you for purchasing Unify Template!

If you have any questions, please feel free to contact us from Htmlstream Contact Form and we will do our best to get back to you within 24 hours. It might take a bit longer, but we try hard not to keep you waiting longer than 48 hours. You may also leave us a message through our social pages: Facebook and Twitter