First of all, thank you for purchasing the Deski HTML Template. You can find the detailed information about the template in this document. If there is anything you cannot find in this document, you can send an e-mail via the profile page.
Deski is a Creative, powerful, beautiful and high-performance Saas and Software website template.
In download folder you will find Four folder:
documentation
(Documentation for main template)Template
(Main Template)Sketch file
(Free Sketch File Download link)PSD
(Free PSD File Download link)margin
or padding
. Don't get panic if you messed up anything when you edit the template. We are always available to support our customer. Follow the steps below to setup your site template:
Template
folder to find all the template files. You wil get deski
folder in there. You need to upload this folder to your hosting web server using FTP in order to use it on your website.deski/css
- Stylesheet filesdeski/fonts
- Icon/fonts filesdeski/images
- Image filesdeski/js
- js filesdeski/vendor
- plugins filesWe are used Bootstrap4 framework in this template.
The general template structure is the same throughout the template. Here is the general structure.
The code block above is powered by SyntaxHighlighter.
Favicon Will be found in head
section.
<link rel="icon" type="image/png" sizes="56x56" href="images/fav-icon/icon.png">
The Logo will be found in the Theme Main Menu
section.
<div class="logo"><a href="index.html"><img src="images/logo/logo.svg" alt=""></a></div>
You can replace any .jpg
.png
.svg
logo.
In Deski
we use google fonts Roboto ,
Roboto Slab,
Rubik and one offline font gilroy
You can change both fonts form css/style.css
file:
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&family=Roboto:wght@300;400;500;700&family=Rubik:wght@300;400;500&display=swap'); @import url('../fonts/gilroy/fonts.css');
You can edit your form simply and quickly. Open contact.php
from inc
folder and add your email into $sendTo
field
<?php
/*
* CONFIGURE EVERYTHING HERE
*/
// an email address that will be in the From field of the email.
$from = 'Demo contact form ';
// an email address that will receive the email with the output of the form
$sendTo = 'Demo contact form '; // Add Your email here
// subject of the email
$subject = 'New message from contact form';
// form field names and their translations.
// array variable name => Text to appear in the email
$fields = array('sub' => 'Subject', 'email' => 'Email', 'message' => 'Message');
// message that will be displayed when everything is OK :)
$okMessage = 'Contact form successfully submitted. Thank you, I will get back to you soon!';
// If something goes wrong, we will display this message.
$errorMessage = 'There was an error while submitting the form. Please try again later';
?>
The style.css
file contains all of the specific stylings for the page. The file is separated into sections using:
/* EVENTR CSS
/* 01 - Loading Transition */
/* 02 - Global style */
/* 03 - Prefix */
/* 04 - Section Title */
/* 05 - Theme Button */
/* 06 - Pagination */
/* 07 - Theme Menu */
/* 08 - Theme Hero Banner/One */
/* 09 - Fancy Feature One */
/* 10 - TFancy Feature Two */
/* 11 - Useable Tools */
/* 12 - Fancy Feature Three */
/* 13 - Fancy Short Banner One */
/* 14 - Faq Classic */
/* 15 - Footer One */
/* 16 - Fancy Hero One */
/* 17 - Fancy Text block One */
/* 18 - Counter Info Standard */
/* 19 - Fancy Text block Two */
/* 20 - Fancy Text block Three */
/* 21 - Team Section One */
/* 22 - Feature Blog One */
/* 23 - Fancy Text block Four */
/* 24 - Fancy Text block Five */
/* 25 - Feature Blog Two */
/* 26 - Contact Us Light */
/* 27 - Theme Hero Banner/Two */
/* 28 - Fancy Feature Two */
/* 29 - Fancy Text block Six */
/* 30 - Counter With Icon One */
/* 31 - Fancy Text block Seven */
/* 32 - Fancy Text block Eight */
/* 33 - Useable Tools Two */
/* 34 - Client Feedback Slider One */
/* 35 - Fancy Short Banner Three */
/* 36 - Footer Style Two */
/* 37 - Fancy Hero Two */
/* 38 - Fancy Text block Nine */
/* 39 - Fancy Text block Ten */
/* 40 - Fancy Feature Five */
/* 41 - Team Section Two */
/* 42 - Fancy Hero Three */
/* 43 - Fancy Text block Eleven */
/* 44 - Fancy Feature Six */
/* 45 - Fancy Text block Twelve */
/* 46 - Fancy Feature Seven */
/* 47 - Fancy Text Block Thirteen */
/* 48 - Fancy Text Block Fourteen */
/* 49 - Pricing Section One */
/* 50 - Fancy Text Block Fifteen */
/* 51 - Fancy Hero Four */
/* 52 - Pricing Section Two */
/* 53 - FAQ Section */
/* 54 - Contact Style Two */
/* 55 - Faqs */
/* 56 - Login/Sign Up */
/* 57 - Blog Pages */
/* 58 - Theme Hero Banner/Three */
/* 59 - Fancy Feature Eight */
/* 60 - Fancy Text block Sixteen */
/* 61 - Fancy Feature Eight */
/* 62 - Client Feedback Slider Two */
/* 63 - Useable Tools / Three */
/* 64 - Fancy Short Banner Four */
/* 65 - Footer Style Three */
/* 66 - Fancy Hero Five */
/* 67 - Fancy Text block Seventeen */
/* 68 - Fancy Text block Eighteen */
/* 69 - Team Section Three */
/* 70 - Map Area One */
/* 71 - Documentation */
/* 72 - Theme Hero Banner/Four */
/* 73 - Fancy Feature Eight */
/* 74 - Fancy Text block Nineteen */
/* 75 - Fancy Feature Nine */
/* 76 - Pricing Section Three */
/* 77 - Client Feedback Slider Three */
/* 78 - Faq Section Three */
/* 79 - Fancy Short Banner Five */
*/
This file includes core bootstrap styles
SourceThis file contains styles about Fontawesome icon library
Source
<i class="fa fa-facebook"></i>
This file contains styles about flaticon
Source
<i class="flaticon-radar icon"></i>
This file contains styles about theme menu style
animate.css
is a bunch of cool, fun, and cross-browser animations for you to use in projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
<div data-aos="fade-up">
...
</div>
This file contains styles about slick carousel plugin
SourceThis file contains styles about Google map
SourceAll styles about template
jQuery is a fast, small, and feature-rich JavaScript library.
SourceCore bootstrap js file
SourcejQuery carousel plugin from Slick
SourceA lightweight script to animate scrolling.Reveal Animations When You Scroll.
SourcefancyBox is a tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages.
SourceA jQuery plugin for custom google map.
SourceA jQuery plugin for select dropdown.
SourceThis file contains all script about site.
dd/mm/yy
________________________________ ----- (19/08/2023) ------ #Add CRM Platform Landing Page
________________________________ ----- (06/08/2022) ------ #Add E-Commerce Landing Page #Add Shop Details Page #Add Cart Page #Add Checkout Page
________________________________ ----- (01/04/2022) ------ #Add Landing Page for VR Store
________________________________ ----- (31/01/2022) ------ #Add Landing Page for Form & Survey
________________________________ ----- (7/11/2021) ------ #Add 4 Service Pages And Service Details Page
________________________________ ----- (26/10/2021) ------ #Add Landing Page for Website Builder
________________________________ ----- (22/10/2021) ------ 01.Portfolio Classic Style 02.Portfolio Grid 2 Columns 03.Portfolio Grid 3 Columns 04.Portfolio Gallery Slider 05.Portfolio Grid Single 06.Portfolio Classic Details 07.Changelog Added On Doc Menu
________________________________ ----- (17/10/2021) ------ 01.Add Landing Page for Doc Signature
________________________________ ----- (05/09/2021) ------ 01.Add Landing Page for Mobile App 02.Update the documentation with changelog. 03.Fix the slider center mood issue in RTL version.
________________________________ ----- (27/08/2021) ------ Fix the slow loading and scrolling issue of Dark landing page.
________________________________ ----- (22/08/2021) ------ 01. Team Pages Added 02. Team Details Page Added 03. Terms & Condition Page Added 04. Error Page Added
________________________________ ----- (18/08/2021) ------ Landing Page for Appointment Scheduling Added
________________________________ ----- (09/08/2021) ------ Coming Soon And Video Editor Landing Page Added
________________________________ ----- (28/07/2021) ------ RTL Version Added
________________________________ ----- (26/07/2021) ------ Note Taking App landing Page Added
________________________________ ----- (06/07/2021) ------ Add New Landing Page (Dark layout)
________________________________ ----- (01/07/2021) ------ Add Contact Form On Product Landing Page
________________________________ ----- (30/06/2021) ------ Add New Landing Page Improve Documentation
________________________________ ----- (29/06/2021) ------ Add PSD file
________________________________ ----- (25/06/2021) ------ First Published