Welcome to Nairo - React Personal Portfolio
Template
We would like to thank you for choosing our template -
Nairo.
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 or npm install --legacy-peer-deps from the root of your
project to install all the necessary dependencies.
npm install or npm install --legacy-peer-deps
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 Nairo template on themeforest.net with
your envato account, go to your download page. You can
choose to download Nairo template only (Installable React
template) or the entire Nairo template.After extract the
package you will find following this files:
You can get the following items after purchasing our
template from themeforest
Nairo - 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 Nairo 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
src componentsheaderHeader.jsx
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
src assetsscssmain_variable.scss
By folllowing this screenshot you can change your
Primary Color
Change Mouse Cursor Style
To change your Mouse Cursor Style by following screenshot
From the template options go to
src App.js
By folllowing this screenshot you can change your Mouse
Cursor Style
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 || Biography
About page has multiple secton so to change about page
image and content by following this screenshots here.
From the template options go to
src componentaboutAbout.jsx
To change Biography content just follow this screenshot
About || Service
From the template options go to
src componentserviceService.jsx
To change Service content just follow this screenshot
About || Award
From the template options go to
src componentawardAward.jsx
To change Award content just follow this screenshot
About || Testimonial
From the template options go to
src componenttestimonialTestimonial.jsx
To change Testimonial content just follow this
screenshot
Resume || Experience
To customize Experience page. Please follow the steps:
From the template options go to
src componentresumeResume.jsx
Social Networks
Pul your social profile link here.