Files and folders organization.
Header Variations / Color Variations
Keysoft has 9 header variations, 3 header backgrounds x 3 header types:
Particles Background - Dashboard Variation, App Variation, Subscribe Form Variation
Video Background - Dashboard Variation, App Variation, Subscribe Form Variation
Image Background - Dashboard Variation, App Variation, Subscribe Form Variation
Keysoft has 6 color schemes. The css for each color scheme is in css/colors/color.css ; In order to activate a color scheme , go to index.html on line 17 and change the href attribute. ( see the screenshot from below )
Main navigation - from index.html
LogoLogo - from index.html and img/logo.png
The script is loaded in index.html , js/particles.js
In order to set up particles ( adjust particles density , color or speed ) , edit in js/scripts.js
In order to change the background for an "image background" variation , replace the headerbg.jpg image
Adjusting the background can be done by editing style.css , from line 617:
The video file is located in: video/video.mp4 - Only for background video variations
The script is loaded in index.html from: js/video.js
The theme does not include the video backgrounds. The videos are available here:
Video from Demo 2
Video from Demo 3
Each section has tag < Section > and unique id like #services , #contact , etc
Exemple: < span class="nc-icon-outline heart" > , where "nc-icon-outline" is icon general class and "heart" is the unique name of the icon.
Check full icon list Here
The google map settings ( colors, zoom, coordinates ) are in js/scripts.js from line: 400.
The Contact Form layout is defined in index.html
Contact form uses php to send emails. In mail/contact_me.php file , change the current email "firstname.lastname@example.org" to your email address.
Support Ticket Platform: keydesign.ticksy.com