Thank you very much for your purchase!

Introduction


Firstly, a huge thanks for purchasing this theme, your support is truly appreciated! This document covers the installation and use of this theme and often reveals answers to common problems and issues - read this document thoroughly if you are experiencing any difficulties. If you have any questions that are beyond the scope of this document, feel free to email at ahmed0salma.sa@gmail.com Thank you so much!

You are important for us and so please feel free to get back to me with any question or feedback.

requirements


There are system requirements in order to install and setup imroz 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

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 dev for a dev server. Navigate to http://localhost:3000/ . The app will automatically reload if you change any of the source files

npm run dev

Build


Run npm run build to build the project. The build artifacts will be stored in the build/ directory. Use the npm run build --prod flag for a production build.

npm run build
npm run build --prod

installation


Please follow the instructions to see how you can install app on your hosting.

Dubai App/

│
├── Open you command prompt
│	│			
│	├── 1 - npm install
│	├── 2 - npm run dev

basic site setting


I have tried my best to have standards and modular structure while developing the theme. Following sections are explaining the theme File & Folder, structure.

pages and modules


To change your Site sections , modules and pages open the Dubai App in your editor and go to the location by following screenshot which are given bellow.

Change Site Title and Favicon


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

  • 1 - default title

  • 2 - page title

  • 3 - favicon

Customize Menu


By following the screenshot you can change the navigation menu

Portfolio


To create a new project do the following.

  • Add project data and and content include here
  • And add new id number which is not exit
  • Add project content include here

portfolio grid


portfolio list


Portfolio single Page


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

blog


To create a new blog do the following.

blog grid


blog single Page


To customize blog single page setting. Please follow the steps.

components


Get to know all the site settings, see the following.

layout component


To customize layout setting. Please follow the steps.

header component


To customize header setting. Please follow the steps.

section header component


To customize section header setting. Please follow the steps.

for use it

social component


To customize social setting. Please follow the steps.

for use it

page banner component


To customize page banner setting. Please follow the steps.

for use it

three lines component


To customize three lines setting. Please follow the steps.

for use it

modals component


To customize modals setting. Please follow the steps.

for use higher order it

for use it

icons component


To customize icons setting. Please follow the steps.

for use it

styled components


To customize a styled components for every components , modulles , pages and global styled follow the steps.

theme


To customize theme setting. Please follow the steps.

global style


To customize global style setting. Please follow the steps.

components styled


To customize components styled setting. Please follow the steps.

modules styled


To customize modules styled setting. Please follow the steps.

creadits and versions


I've used the following resources as listed. These are some awesome creation and I am really thankful to the respective community.

note


Images used in the demo are not included in the archive of the – for the license restrictions. They are replaced by dummy placeholders.