Getting Started

Welcome to Krozo - React Personal Portfolio Template We would like to thank you for choosing our template - Krozo.

It’s built with React js. It’s fully responsive and looks well. It is a modern design and high-speed performance React template. You can use it for Personal Portfolio Landing, Minimal Portfolio, Freelancer Portfolio, Designer Portfolio.

Requirements

There are system requirements in order to install and setup this template and its components properly. Make sure that you are running the node.js & npm install.

Recommended node and npm 

                        
                            node install
                            npm install

Install Npm Packages

NPM : You must have to npm install packages. You can do this by running npm install from the root of your project to install all the necessary dependencies. 

                        
                            npm install

Development server

Run npm run start for a dev server. Navigate to http://localhost:3000/ . The app will automatically reload if you change any of the source files. 

                        
                            npm run start

What's Included

After purchasing krozo template on themeforest.net with your envato account, go to your download page. You can choose to download krozo template only (Installable React template) or the entire krozo template.After extract the package you will find following this files:

whats-included

You can get the following items after purchasing our template from themeforest

  • krozo - An Installable React template zip file. this file you need to upload
  • License - This folder contains the terms and conditions of the license.
  • Documentation - This folder contains what you are reading now :)

React Installation

Please follow the instructions in the video to see how you can install React on your hosting:

  1. For local host -
    1. Open you command prompt
    2. npm install
    3. npm run start

Change Site Title and Favicon

To change your Site title and Favicon open the krozo in your editor and go to the location by following screenshot which are given bellow.

  1. From the template options go to public
go to Appearance -> Import Demo Data go to Appearance -> Import Demo Data

Change Primary Color

To change your Site Primary color by following screenshot

  1. From the template options go to src assets scss main _variable.scss
Go to Dashboard > Imroz template Options > General > upload your logo from here.
By folllowing this screenshot you can change Your Site Primary color

Hero Section

To change Hero Section content by following this screenshot here.

  1. From the template options go to src componentssliderSlider.jsx
Change Profile Image
Change Hero Section Content

Social Networks

Pul your social profile link here.

  1. From the template options go to src componentSocial.jsx
Add your link here
Add your link here

About

To change about page image and content by following this screenshot here.

  1. From the template options go to src componentaboutAbout.jsx
Add your link here
Add your link here

Service

To customize service page content. Please follow the steps:

  1. From the template options go to src componentserviceService.jsx
Portfolio Single Page Setting 1
Service Page Content Customize

Portfolio

To customize portfolio page. Please follow the steps:

  1. From the template options go to src componentportfolioPortfolio.jsx
Portfolio Single Page Setting 1
Portfolio Page Content Customize

Skills

To customize skill content please follow the steps:

  1. From the template options go to src componentskillSkill.jsx
Portfolio Single Page Setting 1
Skill Content Customization

Testimonial

To customize testimonial content please follow the steps:

  1. From the template options go to src componenttestimonialTestimonial.jsx
Portfolio Single Page Setting 1
Testimonial Content Customization

Blog

To change Blog Content and setting you can change by following this screenshot here.

  1. From the template options go to src componentsblogBlog.jsx
Change Blog Archive Setting
Change all Blog Content you follow this screenshot

Contact Form & Address

To change Contact Form information follow the screenshot

  1. From the template options go to src componentscontactContact.jsx
Change Blog Archive Setting
Change Contact Form Information
  1. Change Address Conent the template options go to src viewsall-home-versionHomeLight.jsx
Change Blog Archive Setting
Change Your Adreess follow this

Footer Social & CopyRight

To change your Footer Social & CopyRight content you can change by following this screenshot here.

  1. From the template options go to src componentsfooterFooter.jsx
Change Back to Top Arrow Setting
Change Footer Social & CopyRight Content

Change Log

Ib-Themes Team never stops Improving, bug fixes, and improvements. See What's New. We recommend you to read the changelog for every update.

01 August 2022

Next release

1.1.7

Fixed 1) Template Build issue Fixed
2) Some Package Updated
3) Documentation Updated

02 November 2021

Next release

1.1.6

Updated 1) Portfolio Module Updated
2) Documentation Updated

02 October 2021

Next release

1.1.5

Fixed 1) Contact Form Console Issue Fixed

28 Sep 2021

Next release

1.1.4

New Feature 1) Animation Module Redesigned for All over the site
2) Sidebar Mobile Menu Added
3) All Hero Page Design and Animation Improved
4) Responsive Issues Fixed

10 Sep 2021

Next release

1.1.3

New Feature 1) Particle Effect Added
2) New Service Style Added
3) Responsive Fixing and Performance Optimized

21 August 2021

Next release

1.1.2

New Feature 1) Portfolio Module New Layout Added
2) About Section Improves
3) Hero Section Layout Improves
4) Mobile Menu Background Fixed

05 August 2021

Next release

1.1.1

Bug Fixed1) Responsive issue fixed for Portfolio Module

01 August 2021

Init release

1.0.0

New1) template release

If you need the template customization or custom development services please contact us.

Email Us