Knowledge Desk - Responsive Knowledgebase HTML5 Template
If you like this template please spare a minute to rate it. If you want any support, Please feel free to contact me via my profile page
Knowledge Desk is a modern looking HTML5 template designed & developed for Knowledgebase Websites in mind. It works smoothly on your Computer, or on your tablet and mobile devices.
It’s comes with eye catching features, such as animates boxes, contact form section, question submission form, share boxes and much more.
- Bootstrap 3 Framework.
- 3 Home Page Layout.
- Modern and Very Clean looking Design
- Unique & Creative design
- HTML5 & CSS3
- Responsive Template
- Font-awesome icon font.
- Free Fonts used
- Contact Form
- 404 Page
- Latest jQuery Version
- Developer Friendly Code
- Well Documented.
& much more…
25+ HTML5 Templates
Home Page 1 (index.html)
Home Page 2 (home-2.html)
Home Page 3 (home-3.html)
Home Page 4 (home-4.html)
Home Page 5 (home-5.html)
Home Page 6 (home-6.html)
Home Page 7 (home-7.html)
Home Page 8 (home-8.html)
About Us (about-us.html)
Ask A Question (ask-a-question.html)
This template built with
LESS. Inside the directory
you will find all less files where
colors and variables
mainly contain all necessary declaration for css.
should be compiled to
css/style.css. Other two less files
mixins.less and reset.less
are for common CSS behaviour.
Less Complier Tool:
We have used "crunch2" less compiler to generate CSS from less file. It's FREE and very easy to use. You can download it from following link-
How To Compile Less File Using Crunch:
Please follow the steps to compile template LESS file.
menu open project/template files and select "styles.less" file.
menu click "Crunch!".
Compiler will compile "styles.less" to "styles.css" file and display success message bottom of
Open and edit
file to change font family, primary color and other options.
All the directories and files are well organized as it shown on the image bellow. Same file tree has been applicable for all HTML files
This template is a mobile friendly (responsive) layout which is designed based on
Twitter Bootstrap v3.*.
See our HTML file structure which is in
Your contents go inside
We are using 7 CSS files in this template and we separated styles for improving convenience to edit this template. If you're going to use this template in production we recommend you to merge all stylesheets into one file (for decreasing HTTP queries).
There are 11 jQuery files including necessary plugins, all of them be found in jsfolder of home directory.
This file must go all the way down to other files and plugins for app landing page. This file contains custom codes
Top Navigation Bar Screenshot
Enable Menu Style #2 (Black Header)
We have implemented Menu style#2 in home-2.html page.
To enable menu style 2 we need to add
tag and add
Disable Sticky Header:
To disable sticky header we just need to add
Footer Navigation Bar Screenshot
Hedaer Logo Screenshot
We have used google font
Open Sans. Font used in the top of the file
We used WOW plugin to trigger animations on scroll. Here are some animation classes we used in this Template. To learn more about WOW please read their
We used several background images in our template. You'll find the code in the file
css/less/layout.less. Thess code will be available after the compilation of the
and written in the
in the. Examples are given in the screenshot
For contact page
Google Map, open the file
and look for the line 442/443 and change the
value according to your map location
2023, January, 12 - v 1.0.3
- Template Stylesheet.
- Update documentation.
2017, July, 25 - v 1.0.2
- Added 3 New Home Pages. Now total 8 Home page layouts.
- Added elements( Info Box/ Counter/Testimonials/Logos/Teams/CTA) HTML5 files.
- Added option to disable sticky menu.
- Added option for PARALLEX background. Check Home-6.html layout.
- Update font awesome.
- Update documentation.
2016, October, 25 - v 1.0.1
- Added 2 Home Pages
- Added Ask A Question Template
- Added functional contact form.
2016, October, 15 - v 1.0.0
- Initial release