logo
  • Awesome templates
  • Purchase
  • Buy More Template

Doc NAVIGATION

  • Getting Started
    • Requirements
    • What's Included
  • tunisReact Installation
  • tunisBasic Site Setting
    • Change Site Title
    • Change Favicon
  • tunisTemplate Options
    • Menu
    • Hero Section
    • Social Networks
    • About
    • Portfolio
    • Contact & Address
    • Blog
  • tunisChange Log

Getting Started

Welcome to Tunis - Personal Portfolio React Template We would like to thank you for choosing our template - Tunis.

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 tunis template on themeforest.net with your envato account, go to your download page. You can choose to download tunis template only (Installable React template) or the entire tunis template.After extract the package you will find following this files:

whats-included

You can get the following items after purchasing our template from themeforest

  • tunis - 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:

  1. For local host -
    1. Open you command prompt
    2. npm install
    3. npm run start

Change Site Title

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

  1. From the template options go to public
go to Appearance -> Import Demo Data
By folllowing this screenshot you can change your Site Title

Change Favicon

To change your Site Favicon by following screenshot

  1. From the template options go to publicimg
go to Appearance -> Import Demo Data
By folllowing this screenshot you can change your Favicon

Menu

To change Menu content by following this screenshot here.

  1. From the template options go to src viewsall-home-versionHomeDark.jsx
Change Profile Image
Change Menu Content following the screenshot

Hero Section

To change Hero Section content by following this screenshot here.

  1. From the template options go to src componentssliderHero.jsx
Change Profile Image
Change Hero Section Content

Social Networks

Pul your social profile link here.

  1. From the template options go to src componentSocial.jsx
Add your link here
To change your Hero Content Social

About

To change about page image and content by following this screenshot here.

  1. From the template options go to src componentaboutAbout.jsx
Add your link here
Change Personal Info Content following the screenshot
Add your link here
Change Achievements Content following the screenshot
Add your link here
Change Skills Content following the screenshot
Add your link here
Change Experience Content following the screenshot
Add your link here
Change Education Content following the screenshot

Portfolio

To customize portfolio page. Please follow the steps:

  1. From the template options go to src componentportfolioPortfolio.jsx
Portfolio Single Page Setting 1
Portfolio Page Content Customization follow the screenshot
Portfolio Single Page Setting 1
Portfolio Details Popup Content Customization follow the screenshot

Contact

To change Contact Form information follow the screenshot

  1. From the template options go to src componentsContact.jsx
Change Blog Archive Setting
Change Contact Form Information
  1. Change Address Conent the template options go to src componentsAddress.jsx
Change Blog Archive Setting
Change Your Adreess follow this

Blog

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

  1. From the template options go to src componentsblogBlog.jsx
Change Blog Archive Setting
Change all home page Blog Content
Change Blog Archive Setting
Change Blog Popup Content from this

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.

23 April 2022

Init Release

1.1.1

New Added1) Filterable Portfolio Added
2) Documentation Updated

26 October 2021

Init Release

1.0.0

New1) Template Release

Support? ibthemes21@gmail.com

If you like our product. Please Rate Us

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

Email Us

tunis

© 2021 All Rights Reserved by ib-themes