Karik

The Multipurpose HTML5 Template

DOCUMENTATION

  • Doc version: 1.0
  • Created: 26 November 2020
  • Last update: 26 November 2020

OVERVIEW

Karik is a modern, fully responsive multipurpose HTML5 template with huge package of features, options, elements and pre-made templates. This trendy and super responsive template is suitable for any kind of business startups.

Karik is made by professionals and has everything you need to create any kind of modern beautiful website. It is built using Bootstrap4 framework. All the files and codes are highly organized and documented and so it will be super easy to use. Create your website today with Karik and elevate your status.

We have a dedicated support center for all of your support needs. It includes our Documentation and Ticket system for any questions you have. We usually get back to you within 12-24 hours.

Please note: This is not a WordPress theme, It is a HTML5 template

Main Features

Great UI/UX: Karik is a bold template that organizing content to follow natural eyes, striking balance between beautiful and visual hierarchy.

300+ cloneable elements: Massive selection of navigations, footers, headers, features, call to actions, buttons,... forms and so much more.

Fully Responsive: The template passed Mobile-Friendly Test – by Google. We also tested carefully the template on almost devices: laptop, tablet, and phone. All elements are 100% responsive and ready for all devices.

Creative layouts: 03 Home page layouts, 04 Archive page layouts, 04 single post format, 08 inner pages

Mega menu, Fast, Lightweight & Powerful

Color & Fonts is easily changed

W3C Validated Code

Compatible Browsers: IE8+, Firefox, Safari, Opera, Chrome

Well documentation included

Ticket System Support

What do you get?

Template source code [html, css, js]

Documentation

Note

  • This is not a WordPress theme, It is a HTML5 template.
  • All images are just used for Preview Purpose Only. They are not part of the template and NOT included in the final purchase files.

Change log

                                 VERSION 2.0
                                - Add more 3 demos: App, Startup, Personal

                                VERSION 1.0
                                - First release.
                            

Installation

Follow the steps below to get started with your new website:

  • 1 Unzip the downloaded zip file themeforest-xxxxx.zip folder
  • 2 Open folder named karik-html
  • 3 Here you will find folders of all templates and vendor folder
  • 4 You will need to Upload these files to your Web Server using FTP in order to use it on your Website.
  • 5 Make sure you upload the required files/folders listed below:
    • assets - All plugins and elements used in templates are saved here. Followings are files and sub-folders saved in this folder:
      • css - Extra Stylesheets Folder plus Main Stylesheet File
      • imgs - Images Folder
      • vendor All third-party plugins, such as: bootstrap, jquery ui, countdown, slick slider...You will see to folder:
        • css - vendors css files
        • js - vendors javascript files
    Note that not all of the files in these are used, it depends on the demo. See the HTML structure for the required files.
  • 6 Below is the demonstration example of installation of theme:
  • 7 For instance: To install template named landing-app you must have following folders:
    • assets/vendor - All plugins and elements used in templates are saved here
    • landing-app - All inner pages, images etc folders are here
      Followings are files and sub-folders saved in personal-portfolio folder.
      • css - Extra Stylesheets Folder plus Main Stylesheet File
      • img - Images Folder
      • js - Javacripts Folder
      • .html extension files - Inner pages Files
    You will need to Upload these files to your Web Server using FTP in order to use it on your Website and give the paths of files in .html extension files.
  • 8 You're now good to go! Start adding your Content and show off your Brand New Website in style.

STRUCTURE

HTML Structure

All information within the main content area is nested within a body tag. The general template structure is pretty the same throughout the template. Here is the general structure of main page (index.html).


    

CSS Structure

These are the css files that are loaded into templates in Head Section.

                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                            

Import google fonts

                                @import url('https://fonts.googleapis.com/css2?family=Poppins:[email protected];400;500;600;700&display=swap');
                            

JS Structure

These are the list of Javascript files that are loaded into templates in end of the Body Section.

                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                                
                            

UPDATE

Important Note:

- Backup your website and template folders completely to make sure you have a restore point in case of any complications.

Update using FTP

  1. Go to Themeforest to download the latest version of the template to your device.
  2. Connect to your hosting via FTP software
  3. Upload the template folder you unzipped to your site folder
  4. You should be asked to confirm overwriting of this folder and its contents. Confirm the overwrite.

SOURCES & CREDITS

THANK YOU

Thank you so much for using this template. If you have more questions relating to this template, kindly visit our support center:

https://alithemes.ticksy.com


- AliThemes Team -