Niwax - Creative Agency & Portfolio HTML Template
Author : rajesh-doot
Email - rajeshdoot@hotmail.comWebsite - 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-filesTemplate Folder/cssCss Files/all.min.cssFont Awesome icons/bootstrap.cssBootstrap css/coming-soon.cssComing soon page css/darkmode.cssDarkmode css for all pages/demo-css.cssTemplate index demo css/gdpr-cookie.cssGDPR cookie css/ihavecookie.cssGDPR cookie css/plugin.min.cssTemplate multiple css/responsive.cssResponsive css all pages/style.cssMain css file of template/swiper.min.cssSwiper slider css
/imagesAll Images/imgTemplate index demo images-
/jsJS Files/jquery.minjquery V3.6.0/bootstrap.bundle.min.jsbootstrap Js/dark-mode.jsDark mode switch Js/form.jsContact form Js/validator.min.jsContact form validator Js/gdprcookies.jsGDPR cookies Js/jquery.ihavecookies.jsGDPR cookies Js/plugin.min.jsTemplate multiple Js/preloader.jsPage loader Js/progress-bar.jsProgress bar Js/swiper.min.jsSwiper slider Js/tweenmax.min.jsTweenmax custom support Js/typer.js.jsTyper Effect Js
/phpContact form php file/phpmailerPhp ajax contact form/emailConfig file, mailer file and send file/jsContact form require Js/vendorPhp Mailer, Composer etc.
/webfontsOffline 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
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
Sources & Credits
Sliders Used Are :
Popup Used Are :
Mobile Menu Used Are :
Icon Used Are :
Fonts Used are :
Images Used are :
Plugins Used Are :
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