KeySoft - Software Landing Page

This document contains general information and step by step guidelines
on how to set up the theme.

Get started

Getting started

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 )

Navigation

Main navigation - from index.html

Logo - from index.html and img/logo.png

Particles Background

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

Image Background

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:

Video Background

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 1
Video from Demo 2
Video from Demo 3

Sections

Each section has tag < Section > and unique id like #services , #contact , etc

Icons

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

Google Map

The google map settings ( colors, zoom, coordinates ) are in js/scripts.js from line: 400.

Contact Form

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 "yourname@yourdomain.com" to your email address.

Support

Support Ticket Platform: keydesign.ticksy.com