Welcome to Rainfo - Minimal Creative Portfolio VueJs Template We would like to thank you for choosing our template - Rainfo.
It’s built with Vue js. It’s fully responsive and looks well. It is a modern design and high-speed performance Vue template. You can use Rainfo 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 rainfo template and its components properly. Make sure that you are running the node.js installnpm install.
Recommended node and npm
node install
npm install
What's Included
After purchasing Rainfo template on templateforest.net with your Envato account, go to your Download page. You can choose to download Rainfo template only (Installable Vue template) or the entire Rainfo template package which contains the following files:
You can get the following items after purchasing our template from themeforest
rainfo.zip - An Installable Vue template zip file. this file you need to upload
Licensing - This folder contains the terms and conditions of the license.
Documentation - This folder contains what you are reading now :)
Vue Installation
Please follow the instructions in the video to see how you can install Vue on your hosting:
For local host -
Open you command prompt
npm install
npm run serve
Change Site Title and Favicon
To change your Site title and Favicon open the Rainfo 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
Social Networks
Pul your social profile link here.
Add your global social link hereAdd your slider social link here
Header
Change Header Setting
Footer
To change Footer Layout and setting you can change by following this screenshot here.
Change Footer Setting
Page Banner
To change banner Layout and setting you can change by following this screenshot here.
Change Page Banner Setting
Portfolio Page
To customize portfolio page. Please follow the steps:
From the template options go to src componentportfolio
Portfolio Page Content Customize
Portfolio Details
To customize portfolio details page. Please follow the steps:
From the template options go to src viewsportfolioDetails
Portfolio Details Page Setting
Service Page
To customize Service page setting. Please follow the steps:
From the template options go to src componentserivce
Service Page Setting
Service Details Page
To customize Service Details page setting. Please follow the steps:
From the template options go to src viewsserivceDetails
Service Details Page
Blog
To change Blog Layout and setting you can change by following this screenshot here.
From the template options go to src componentsblog
Change Blog Content
Blog Details
From the template options go to src viewsblogDetails
To change Blog Details and setting you can change by following this screenshot here.
Change Blog Details Content
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
Copy Right
To change your copyright text you can change by following this screenshot here.
Change Copyright Text
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.
Social Networks
Pul your social profile link here.