Welcome to
Virtuo - Personal Portfolio Reactjs Template | Freelancer & Developer Portfolio
We would like to thank you for choosing our template -
Virtuo.
It’s built with the most modern tools Reactjs + Bootstrap 5. it’s a
high-Quality and well organized Reactjs Template specially designed to fit all the needs of a
Real Estate Business. With a wide variety of custom pages, 10 completely different Homepages and
endless design possibilities.
it’s a very complete and highly customizable Reactjs template that will help you build your
own website layouts. It's Simple, elegant, extensive, professional..
Requirements
There are system requirements in order to install and
setup this template and its components properly. Make sure
that you alredy installed Node.js in your pc
Recommended node and npm
Install Vite globally in your pc with this command:
Check Vite Version:
What's Included
After purchasing Virtuo template on themeforest.net with
your envato account, go to your download page. You can
choose to download Virtuo template only (Installable Reactjs
template) or the entire Virtuo template.After extract the
package you will find following this files:
You can get the following items after purchasing our
template from themeforest
Virtuo - An Installable Reactjs 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 dev (will start the dev server at http://loaclhost:5173)
To change your Site title and Favicon open the Virtuo in
your editor and go to the location by following screenshot
which are given bellow.
By folllowing this screenshot you can change favicon
image
By folllowing this screenshot you can change page title
By folllowing this screenshot you can change default homepage page
Change Logo
To change your Site logo by following screenshot
From the template options go to
src componentsheaders
By folllowing this screenshot you can change your Logo
Header
To change Header Menu content by following this screenshot
here.
From the template options go to
src components headers
Change Header Menu Content
Hero Section
To change Hero Section content by following this
screenshot here.
From the template options go to
src components heros > Hero.jsx(similer)
Change Hero Section Content
Home Page Structure
To change Home Page and its folder content by following this
screenshot here.
From the template options go to
src pages homes
Change Homepage Content you can follow this above screenshot
Service page Structure
To change service content by following this
screenshot here.
From the template options go to
src components services > Service.jsx (similer)
To change service content by following this
screenshot here.
Blog
To change Blog content by following this
screenshot here.
From the template options go to
src components blogs > Blog.jsx(similer)
To change Blog content by following this
screenshot here.
Projects
To change projects content by following this
screenshot here.
From the template options go to
src components projects > Project.jsx(similer)
To change projects content by following this
screenshot here.
Contact
To change Contact Form and Address you can change by
following this screenshot here.
From the template options go to
src components contacts > COntact.jsx (similer)
Change Contact Content by the following screenshot
Footer
To change your Footer content you can
change by following this screenshot here.
To Change footer data and social from the data folder options go to
src components footers
Change Footer Content by following this screenshot.
All Data for this site
To change your data content you can
change by following this screenshot here.
To Change data from the data folder options go to
src data
Change All Data Content by following this screenshot.
Change Log
inversweb Team
never stops Improving, bug fixes, and improvements. See
What's New. We recommend you to read the changelog for
every update.
