Firstly, a huge thanks for purchasing this Template, your support is truly appreciated! This document covers the installation and use of this Template and often reveals answers to common problems and issues - read this document thoroughly if you are experiencing any difficulties
If you have any questions that are beyond the scope of this document, feel free to open a support ticket
1. After unzip the download pack, you'll found a Template Folder with all the files.
2. You can view this Template in any browser, you can display or edit the Template without an internet connection.
3. Now go to your cpanel or open your FTP Client (like Filezilla) and upload the content of the Template on your server root.
4. Once the files are done uploading go to www.yourdomainname.com/index.html
HTML File
<!-- Fonts -->
@font-face {
font-family: "Gilroy-Bold ☞";
font-style: normal;
font-weight: 700;
src: local("Gilroy-Bold ☞"), url("../fonts/Gilroy-Bold.woff") format("woff"); }
@font-face {
font-family: "Gilroy-Heavy ☞";
font-style: normal;
font-weight: 900;
src: local("Gilroy-Heavy ☞"), url("../fonts/Gilroy-Heavy.woff") format("woff"); }
@font-face {
font-family: "Gilroy-Light ☞";
font-style: normal;
font-weight: 300;
src: local("Gilroy-Light ☞"), url("../fonts/Gilroy-Light.woff") format("woff"); }
@font-face {
font-family: "Gilroy-Medium ☞";
font-style: normal;
font-weight: 500;
src: local("Gilroy-Medium ☞"), url("../fonts/Gilroy-Medium.woff") format("woff"); }
@font-face {
font-family: "Gilroy-Regular ☞";
font-style: normal;
font-weight: 400;
src: local("Gilroy-Regular ☞"), url("../fonts/Gilroy-Regular.woff") format("woff"); }
<!--====== CSS ======-->
<!--====== Bootstrap CSS ======-->
<link rel="stylesheet" href="assets/css/jquery-ui.min.css">
<!--====== Bootstrap CSS ======-->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!--====== Ion Icons CSS ======-->
<link rel="stylesheet" href="assets/css/ionicons.min.css">
<!--====== Font Awesome CSS ======-->
<link rel="stylesheet" href="assets/css/fontawesome.min.css">
<!--====== simple-line-icons CSS ======-->
<link rel="stylesheet" href="assets/css/simple-line-icons.css">
<!--====== slick CSS ======-->
<link rel="stylesheet" href="assets/css/slick.css">
<!--====== Style CSS ======-->
<link rel="stylesheet" href="assets/css/style.css">
<!-- Js -->
<!--====== jquery ======-->
<script src="assets/js/modernizr-3.7.1.min.js"></script>
<!--====== jquery ======-->
<script src="assets/js/jquery-3.5.1.min.js"></script>
<!--====== bootstrap ======-->
<script src="assets/js/jquery-ui.min.js"></script>
<!--====== bootstrap ======-->
<script src="assets/js/bootstrap.min.js"></script>
<!--====== popper ======-->
<script src="assets/js/popper.min.js"></script>
<!--====== slick ======-->
<script src="assets/js/slick.min.js"></script>
<!--====== main ======-->
<script src="assets/js/main.js"></script>
Insert logo image source in index.html Desktop logo line in 341
Insert logo image source in index.html Mobile logo line in 341
To change the font-family you have to change the current font-family property with your own font-family (from style.css file) and required weight. But, make sure you have already included the font on header (using CSS link) or on CSS (using import).
body {
font-family: "Gilroy-Regular ☞";
}
Free fonts:
Icons:
Plugin:
All images have been used for demonstration purposes only and are not included in the template.