Getting Started

Welcome to Arlo react template! We would like to thank you for choosing our template - Arlo.

It’s built with react gatsby. It’s fully responsive and looks well. It is a modern design and high-speed performance react template. To use Arlo for Personal Portfolio, Personal Portfolio Landing, Minimal Portfolio, Freelancer Portfolio, Designer Portfolio, Parallax, and other needed inner or details pages availability.

Requirements

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

Recommended node and npm

                                        
                                            node install
                                            npm install

What's Included

After purchasing Arlo template on templateforest.net with your Envato account, go to your Download page. You can choose to download Arlo template only (Installable react template) or the entire Arlo template package which contains the following files:

The contents of the template package downloaded from templateForest:

Arlo.zip - An Installable react template zip file. this file you need to upload to react.
Licensing - 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 -
1. Open you command prompt
2. npm install
3. gatsby develop
Deploying to Netlify - https://www.youtube.com/watch?v=TbQ4kWX29lQ

Change Site Title and Favicon

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

Change Logo

To change your Site logo by following screenshot

By folllowing this screenshot you can change your Logo

Customize Menu

By following the screenshot you can change the navigation menu

Customize the menu. — Customize the menu

Creating a project

To create a new project do the following:

From the project folder go to src data projectAdd New pjoject.json file
Add project meta and and content include here
And add new id number which is not exit
Add project content include here

Create a portfolio

Portfolio Single Page Setting

To customize portfolio single page setting. Please follow the steps:

From the template options go to src templateproject details

Portfolio Single Page Setting 1 — Portfolio Single Page Setting

Social Networks

Pul your social profile link here.

Add your link here

Page Banner

To change banner Layout and setting you can change by following this screenshot here.

Change Page Banner Setting

Blog Archive

To change archive Layout and setting you can change by following this screenshot here.

Change Blog Archive Setting

Blog Single

To change blog single Layout and setting you can change by following this screenshot here.

Change Blog Single Setting

Typography

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

Change Typography Setting

404 Page

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

Change 404 Page Setting

Back to Top Arrow

To change Back to Top Arrow and setting you can change by following this screenshot here.

Change Back to Top Arrow Setting

Global Color Options

To change Global Color Options setting, navigate to src scss default _variables.scss

Change Global Color Options Setting

Change Log

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

29 November 2020

Init release

1.0.0

Newtemplate release

Still stuck? How can we help?

If you like our product. Please Rate Us

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

Email Us