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
Change logo
To change your Site logo by following screenshot.
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
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.
-
ReactJs
v17.0.2 / MIT license.
-
nextJs
v12.0.7 / MIT license.
-
styled components
v5.3.3 / MIT license.
-
React Bootstrap
v1.6.3 / MIT license.
-
font awesome
v5.15.4 / MIT license.
-
SwiperJs
v7.3.3 / MIT license.
-
react-share
v4.4.0 / MIT license.
-
react-player
v2.9.0 / MIT license.
-
prop-types
v15.7.2 / MIT license.
-
normalize.css
v8.0.1 / MIT license.
-
next-page-transitions
v1.0.0-beta.2 / MIT license.
-
menuspy
v1.3.0 / MIT license.
-
kute.js
v2.2.0 / MIT license.
-
google fonts
MIT license.
note
Images used in the demo are not included in the archive of the – for the license restrictions. They are replaced by dummy placeholders.
social component
To customize social setting. Please follow the steps.
for use it