HTML Template Documentation v1.0.0
Created: 28 August 2019
By: yobithemes
eMail:
yobi.studio@gmail.com
Skype: yobi.setiawan
Thank you for purchasing my template. If you have any questions that are beyond the scope of this help file, please feel free to write an email, contact via themeforest user page or add my skype faster support .
This theme is a responsive layout and using UIKIT (getuikit.com) v3.x as css frameworks. Here is the general structure of HTML page.
<!DOCTYPE html> <html lang="en"> <head> <title> Freda - Personal Resume / Portfolio / Blog / HTML Template </title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="shortcut icon" href="src/img/favicon.png" /> <!-- css --> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:400,500,700&display=swap"> <link rel="stylesheet" href="src/app/css/uikit-custom.min.css" /> <link rel="stylesheet" href="src/app/css/app.css" /> </head> <body id="body-app"> <!-- page loader --> <div id="pageloader" class="yb-pageloader-wrapper"> [...] </div><!-- end page loader --> <!-- main header --> <header class="yb-main-header" id="main-header"> [...] </header><!-- end main header --> <!-- main section --> <main class="yb-main-content"> [...] </main> <!-- end main section --> <!-- main footer --> <footer class="yb-main-footer-wrapper"> [...] </footer><!-- end main footer --> <!-- js --> <script src="src/app/js/plugins.min.js"></script> <script src="src/app/js/app.js"></script> </body> </html>
This template import CSS files.
external css:
1. uikit-custom.min.css - framework css (required)
template style :
2. app.css template style
/* ---------------------------------------------------------------- [Table of contents] 01. Body 02. Page Loader 03. Main Menu 04. Main Content 05. Section Home 06. Section About 07. Section Resume 08. Section Portfolio 09. Section Blog 10. Section Contact 11. Main Footer 12. landing 13. Components ------------------------------------------------------------------- */
This template import JS files.
Plugins :
1. plugins.min.js, include :
jquery-3.4.1.min.js,
jquery.easing.1.3.js,
uikit.min.js,
uikit-icons.min.js,
circle-progress.min.js
and
typed.min.js
template js :
2. app.js
Contact form works only in hosting environment. If you want to use it, open "src/php/sendmail.php" file and change main email address ($to_myemail) variable to yours.
<?php //Change this to your email $to_myemail = 'test@email.com';
Best Thanks to:
FRAMEWORK :
https://getuikit.com
FONT :
https://fonts.googleapis.com/css?family=Poppins
JS :
https://jquery.com
http://gsgd.co.uk/sandbox/jquery/easing/
https://mattboldt.com/demos/typed-js/
https://kottenator.github.io/jquery-circle-progress/
IMAGES :
https://unsplash.com
VIDEO :
https://pixabay.com/videos/internet-cafe-library-workstations-156/
As we said at the beginning, we are glad to help you if you have any questions relating to this theme. No
guarantees, but we do our best to assist.
yobithemes
Support via eMail My Profile Follow Our Works
