## Niwax - Creative Agency & Portfolio HTML Template

Author : rajesh-doot

Email - rajeshdoot@hotmail.com
Website - www.separateweb.com
Need Support - Themeforest Support Form

#### Introduction

Niwax - is a modern and creative HTML5 Multi-purpose template that is created for IT Companies, Marketing Agency, Startup, Freelancer Portfolio, Agency Portfolio, Design Studio, Marketing Landing Page, Web Design, Web Development, Graphic Design, App Development, Digital Marketing, Lead Generation, and any other online business solutions!. It comes with modern design and a light blazing fast loading template.

If you have any questions that are not addressed in this user manual, please contact us via the contact form on our profile page page. Contact Us

We will do our best to respond as quickly as possible.

## Files Structure

- `/main-files` Template Folder
  - `/css` Css Files
    - `/all.min.css` Font Awesome icons
    - `/bootstrap.css` Bootstrap css
    - `/coming-soon.css` Coming soon page css
    - `/darkmode.css` Darkmode css for all pages
    - `/demo-css.css` Template index demo css
    - `/gdpr-cookie.css` GDPR cookie css
    - `/ihavecookie.css` GDPR cookie css
    - `/plugin.min.css` Template multiple css
    - `/responsive.css` Responsive css all pages
    - `/style.css` Main css file of template
    - `/swiper.min.css` Swiper slider css
  - `/images` All Images
  - `/img` Template index demo images
  - `/js` JS Files
    - `/jquery.min` jquery V3.6.0
    - `/bootstrap.bundle.min.js` bootstrap Js
    - `/dark-mode.js` Dark mode switch Js
    - `/form.js` Contact form Js
    - `/validator.min.js` Contact form validator Js
    - `/gdprcookies.js` GDPR cookies Js
    - `/jquery.ihavecookies.js` GDPR cookies Js
    - `/plugin.min.js` Template multiple Js
    - `/preloader.js` Page loader Js
    - `/progress-bar.js` Progress bar Js
    - `/swiper.min.js` Swiper slider Js
    - `/tweenmax.min.js` Tweenmax custom support Js
    - `/typer.js.js` Typer Effect Js
  - `/php` Contact form php file
  - `/phpmailer` Php ajax contact form
    - `/email` Config file, mailer file and send file
    - `/js` Contact form require Js
    - `/vendor` Php Mailer, Composer etc.
  - `/webfonts` Offline Fonts files

## Template Help Guide

#### How to Upgrade to Bootstrap v5

Replace Bootstrap Files from CSS and JS folder to your Code

Replace bootstrap.min.css

Replace bootstrap.bundle.min.js

After Replacing Following Files copy and paste css from style.css and responsive.css to your code. Note: Bootstrap 5 Css Patch is commented. Find it in style.css and responsive.css.

###### Some Plugins need manual changes in code. like Bootstrap Model, Tabs and According.

data-toggle="modal" to data-bs-toggle="modal"

data-toggle="tab" to data-bs-toggle="tab"

data-dismiss="modal" to data-bs-dismiss="modal"

Add -bs- in code to work in Bootstrap 5

#### Add Dark Mode

Add active-dark class in body

Change mega menu class for dark mode- nav-bg-w to nav-bg-b

nav-bg-w for light background

nav-bg-b for dark background

#### Add Dark Mode in section

Use light-dark and deep-dark class to change section or div background-color to dark.

#### How to change logo for dark and light theme

Use light-dark and deep-dark class to change section or div background-color to dark.

Use the white color logo in dark mode for better visibility

#### How to Change Gradient Background

Choose the section you want to change background gradient.

Right click on the section and open inspact tool (ctrl+shift+i)

Identify Section css class

And set your theme color

#### How to Change Youtube Video Popup

Step 1: Copy youtube video id from url

Step 2: Paste in html code

#### How to Change Dark and Light class for mega menu

#### How to Change Scrollbar Color

#### How to get form data

Add Your Email and subject to get form data in inbox (php/contact.php)

#### How to change sidebar nav text

Open main.js from JS folder and add your text.

#### Add or Remove GDPR Cookies Policy v1

CSS File

JS File

Customiza the message in "jquery.ihavecookies.js" File

GDPR Cookies Policy V1 - Sources And Credits

#### Add or Remove GDPR Cookies Policy v2

GDPR Cookies Policy Preview

CSS File

JS File

Customiza the message in "gdprcookies.js" File

GDPR Cookies Policy v2 - Sources And Credits

#### Add or Remove Reading Progress Bar

Reading Progress Bar Preview

HTML Code

JS File

#### Add or Remove Custom Cursor Animation

Custom Cursor Preview

HTML Code

JS File

## How Configuration SMTP Form

Find the phpmailer/email/Config.php file from the email folder. Enter the SMTP information you received from your host here. See this link for more information

NOTE: On a local server, the contact form might not work. Upload and run the files on the live server.

Set SMTP Details: phpmailer/email/Config.php

Set Recipients Email: phpmailer/email/Mailer.php

### How to Edit Email Template

Customize email template : phpmailer/email/send.php

NOTE: Contact form has two email templates. First for customers and second for admin. you can customize them in the send.php file according to your needs.

## Sources & Credits

#### Sliders Used Are :

- owl carousel

#### Popup Used Are :

- Magnific Popup

#### Mobile Menu Used Are :

- HC Off-canvas Nav

#### Icon Used Are :

- Flaticon Icons
- Fontawesome Icons

#### Fonts Used are :

- Poppins
- Open Sans

#### Images Used are :

- Pexels - Images
- Unsplash - Images
- Freepik -Vector Images

#### Plugins Used Are :

- Jquery
- Bootstrap
- Form Validation
- Smooth Page Scroll
- Isotope js
- Waypoints
- Counter-Up
- ScrollUp
- Vanilla-Tilt
- Rellax Js
- Tweenmax Js
- Typer Js
- PHPMailer
- Sweetalert2 Js

## Changelog

Version 2.3 7 Feb 2022

- Added: New Contact Page
- Added: Ajax Modern SMTP Contact Form
- Added: Email Template Design for Admin and Customer
- Added: Lead Generation Popup Design
- Added: Dark Mode Switch in Header
- Added: New Documentation Design
- Improve: Dark Mode Support
- Fixed: Auto Switch Logo in Dark Mode

Version 2.2 31 Jan 2022

- Added: Header Design
- Added: Sidebar Company Info
- Updated: Footer Credits

Version 2.1 30 December 2021

- Added: Landing Page Design 1
- Added: Landing Page Design 2
- Added: About Us Page Design 2
- Added: Pricing Block Design
- Added: Terms and Conditions Page
- Added: Privacy Policy Page
- Updated: Button Design
- Updated: Bootstrap 5 Support
- Updated: Documentation Guide

Version 2.0 12 October 2021

- Added: Freelancer Portfolio v2
- Added: Digital Agency v2
- Added: Digital Agency v3
- Added: GDPR Cookies Policy v2
- Added: Custom Cursor Animation
- Added: Reading Progress Bar
- Added: Floating Label Contact Form
- Added: Footer Design Option
- Added: Hero Slider Design Option
- Added: Portfolio Wide Block Design
- Added: Dark Mode Switch
- Updated: Dark Mode for all Pages
- Updated: Documentation Guide

Version 1.9 30 August 2021

- Fixed: Issue with Responsiveness
- Added: GDPR Cookies Policy
- Updated: Jquery v3.2.1 to v3.6

Version 1.8 12 June 2021

- Added: 11 New One-Page Demo
- Updated: Documentation
- Fixed: Responsiveness in Small Resolution Device
- New: 1.8 Responsive css added in Responsive.css file (code in comment)

Version 1.7 30 January 2021

- Added: Shop Page
- Added: Bootstrap Shortcode
- Added: Contact Page Design
- Added: Bootstrap Tabs Design
- Updated: Documentation
- Updated: Bootstrap Framework

Version 1.6 04 January 2021

- Php Mailer Update
- Coming Soon Page Added

Version 1.5 12 September 2020

- Added: App Development Agency Demo
- Added: Minimal Portfolio Demo
- Added: Creative Agency Demo
- Added: Branding Agency Demo
- Added: Modern Agency Demo
- Added: Business & Startup Demo
- Added: Graphic Studio Demo
- Added: Minimal Portfolio One-page Demo
- Added: Creative Agency One-page Demo
- Added: Branding Agency One-page Demo
- Added: Modern Agency One-page Demo
- Added: Business & Startup One-page Demo
- Added: Graphic Studio One-page Demo
- Added: Popup Modal Example
- Added: Lists Example
- Added: Login Page
- Added: Careers Page
- Added: 2 New Footer Example Template
- Added: 3 New Animation in Service Card
- Added: Preloader in Homepages
- Added: 1 New Portfolio Grid Page
- Added: 3 New Blog Page
- Added: 2 Mega Menu Color Option (Dark/White)
- Fixed: Issue with Responsiveness
- Updated: Theme-Color For Status Bar (Chrome)
- Updated: Off-Canvas Mobile Menu Js
- Updated: Dark Mode Color
- Improved: Smoothness of Animation Effect
- Improved: Page Loading Speed

Version 1.4 1 August 2020

- Added: Dark Mode for all pages

Version 1.3 25 July 2020

- Added: Scroll Animation
- Added: Header Design
- Added: Portfolio Page - Block Design
- Added: Tilt Animation Effect

Version 1.2 21 July 2020

- Added: Office Location Section Design
- Added: 2 Header Design
- Added: 3 Footer Design
- Added: Quick Contact Popup Design
- Added: Mega Menu Design
- Added: Why Choose Us Page
- Added: Clients Logo page
- Added: Clients Reviews page
- Added: Mission & Vision Page
- Added: Graphic Design Service Page
- Added: Digital Marketing Service Page
- Added: Mobile App Development Service Page
- Added: Touch Swipe Mobile Navigation Menu
- Added: Homepage (Digital Agency)
- Fixed: Issue with Responsiveness of Buttons Padding
- Fixed: Issue with Sticky Header on Page Reload
- Updated: Owl Carousel Responsive Option
- Updated: Case Studies Page
- Updated: Ajax Contact Form
- Updated: Pricing Table

Version 1.1 21 Jun 2020

- Added: 10 Gradient Color Palettes
- Added: New Dark Mode Version
- Added: Homepage (Lead Generation Agency)
- Added: Homepage (Freelance Portfolio)

Version 1.0 09 Jun 2020

- Initial Released