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:
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:
For local host -
Open you command prompt
npm install
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.
From the template options go to
public
Change Logo
To change your Site logo by following screenshot
From the template options go to
publicimg
By folllowing this screenshot you can change your Logo
Change Primary Color
To change your Site Primary color by following screenshot
From the template options go to
srcassetsscssmain_variable.scss
By folllowing this screenshot you can change Your Site
Primary color
Header
To change Header Menu content by following this screenshot
here.
From the template options go to
src componentsheaderHeader.jsx
Change Header Menu Content
Hero Section
To change Hero Section content by following this
screenshot here.
From the template options go to
src componentssliderSlider.jsx
Change Hero Section Content
Social Networks
Pul your social profile link here.
From the template options go to
src componentSocial.jsx
Add your link here
About
To change about page image and content by following this
screenshot here.
From the template options go to
src componentaboutAbout.jsx
Add your link here
Service
To customize service page content. Please follow the
steps:
From the template options go to
src componentserviceService.jsx
Service Page Content Customize
Portfolio
To customize portfolio page. Please follow the steps:
From the template options go to
src componentportfolioPortfolio.jsx
Portfolio Page Content Customize
Skills
To customize skill content please follow the steps:
From the template options go to
src componentskillSkill.jsx
Skill Content Customization
Testimonial
To customize testimonial content please follow the steps:
From the template options go to
src componenttestimonialTestimonial.jsx
Testimonial Content Customization
Blog
To change Blog Content and setting you can change by
following this screenshot here.
From the template options go to
src componentsblogBlog.jsx
Change all Blog Content you follow this screenshot
Contact Form & Address
To change Contact Form information follow the screenshot
From the template options go to
src componentscontactContact.jsx
Change Contact Form Information
Change Address Conent the template options go to
src viewsall-home-versionHomeLight.jsx
Change Your Adreess follow this
Footer Social & CopyRight
To change your Footer Social & CopyRight content you can
change by following this screenshot here.
From the template options go to
src componentsfooterFooter.jsx
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.
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
Social Networks
Pul your social profile link here.