Skip to content

mah-shamim/kovatz-personal-portfolio-resume-cv-template

Repository files navigation

“KOVATZ - Personal Portfolio Resume/CV Html Template ” Documentation by “theme_ocean” v 1.0


KOVATZ - Personal Portfolio Resume/CV Html Template

Table of Contents

  1. Introduction
  2. HTML Structure
  3. CSS Files and Structure
  4. JavaScripts
  5. Fonts used
  6. Sources and Credits
  7. Faq

A) Introduction

Thank you so much for purchasing KOVATZ - Personal Portfolio Resume/CV Template Html Template. Please feel free to contact us if you have question or problem about this template. We will do our best to provide you with the best possible assistance.

Template Features

  • Bootstrap v5.0.1
  • Clean and Professional Design
  • Cross Browser Compatible
  • Fully Responsive
  • SEO Friendly
  • Clean Code
  • Google web fonts
  • JavaScript with jQuery Library
  • Valid HTML5 & CSS3
  • Well Documented
  • 24/7 Support

B) HTML Structure

HTML Files

  • index.html - Light Version

General HTML structure

This template structure based on Bootstrap 5.0.1 Here is the sample structure.

<!-- Page Layout
================================================== -->

	
<!-- Header start -->
<header id="home">
	<div class="container">
		<div class="row">
			<div class="col-lg-12 col-sm-12">
			</div>
		</div>
	</div>
</header>
<!-- Header end -->

C) CSS Files and Structure

Styles

<!-- CSS
================================================== -->
    <!-- Latest Bootstrap min CSS -->
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">		
    <!-- Google Font -->
    <link href="https://fonts.googleapis.com/css2?family=Exo:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 
    <link href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap" rel="stylesheet"> 
    <!-- Font Awesome CSS -->
    <link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="assets/fonts/themify-icons.css">
    <!--- owl carousel Css-->
    <link rel="stylesheet" href="assets/owlcarousel/css/owl.carousel.css">
    <link rel="stylesheet" href="assets/owlcarousel/css/owl.theme.css">		
    <!-- venobox CSS -->		
    <link rel="stylesheet" href="assets/css/venobox.css">							
    <!-- Style CSS -->
    <link rel="stylesheet" href="assets/css/style.css" />

All css files are separates for improving convenience to edit this template.

Some of stylesheets contain Table of content for easy navigation, for instance style.css:

/* Table of Content for landing
==================================================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START MENU STYLE
    03. START ABOUT CSS STYLE
    04. START RESUME STYLE
    05. START PORTFOLIO STYLE
    06. START BLOG DESIGN
    07. START CONTACT STYLE
    08. START FOOTER AND SOCIAL STYLE
    09. START EXTRA STYLE
*/

D) JavaScript

This theme imports Javascript files.

<!-- Javascript Files
================================================== -->
	
	<!-- Latest jQuery -->
		<script src="assets/js/jquery-1.12.4.min.js"></script>
	<!-- Latest compiled and minified Bootstrap -->
		<script src="assets/bootstrap/js/bootstrap.min.js"></script>			
	<!-- owl-carousel min js  -->
		<script src="assets/owlcarousel/js/owl.carousel.min.js"></script>
	<!-- countTo js -->
		<script src="assets/js/jquery.inview.min.js"></script>		
	<!-- jquery mixitup min js -->
		<script src="assets/js/jquery.mixitup.js"></script>		
	<!-- jquery venobox min js -->
		<script src="assets/js/venobox.min.js"></script>			
	<!-- scripts js -->
		<script src="assets/js/tab-menu.js"></script>	
		<script src="assets/js/scripts.js"></script>

E) Fonts Used

I have used Exo font in this template.

  1. Google Web Font

G) Sources and Credits

  • Bootstrap
  • jQuery
  • modernizr min
  • FontAwesome
  • Wow Animation
  • owlcarousel

H) FAQ

  1. This template main color is - #474ff3. if you want to change this color. just replace it with your own color. you can change color from style.css file

  2. If you want to change contact mail id, just open "contact.php" and you see the mail address. just change it with your own mail address.


Once again, thank you so much for purchasing this template. I'd be glad to help you if you have any questions relating to this template. I'll do my best to assist.