Khogendrarupini Portfolio Template Documentation

Version 1.0 | Last Updated: May 2025

Introduction

Welcome to the official documentation for the Khogendrarupini Portfolio Template. This comprehensive guide will walk you through the template's structure, features, and customization options to help you create a professional portfolio website.

Before You Begin: This documentation assumes basic knowledge of HTML and CSS. For advanced customizations, familiarity with JavaScript is recommended.

Quick Start Guide

  1. Download the template from your purchase source
  2. Extract the files to your working directory
  3. Open template/index.htmlin your browser to preview
  4. Edit contentin the HTML files
  5. Customize stylesin template/css/style.css
  6. Upload to your server when ready to publish

File Structure

The template follows a logical directory structure for easy navigation and maintenance:

khogendrarupini-portfolio-template/ ├── documentation/ # Documentation files │ └── index.html # How to use the template (important!) │ ├── template/ # Main template files │ ├── index.html # Main entry point of your template │ ├── about.html # Optional additional pages │ ├── blog.html # Blog listing page │ ├── blog-post.html # Single blog post template │ ├── work.html # Portfolio projects listing │ ├── wp.html # Work/project detail page │ ├── contact.html # Contact form page │ ├── privacy-policy.html # Privacy policy page │ │ │ ├── css/ # Stylesheets │ │ ├── style.css # Main stylesheet │ │ └── responsive.css # Optional separate responsive rules │ │ │ ├── js/ # JavaScript files │ │ └── main.js # JavaScript file (no libraries here) │ │ │ └── images/ # All image assets (PNG, JPG, SVG, etc.) │ ├── screenshots/ # Template preview images │ └── screenshot-1.jpg # 900x506 or similar │ ├── preview.jpg # Exactly 590x300 px ├── README.txt # Optional, short description └── license.txt # Envato-provided license file

Template Customization

Updating Content

To modify text content, open the appropriate HTML file in a text editor and locate the relevant sections. All content areas are clearly marked with comments.

Changing Colors

The template uses CSS variables for easy color customization. Edit these variables at the top of style.css:

:root
{ --primary-color: #2c3e50;
  --secondary-color: #3498db;
 --text-color: #333;
--light-bg: #f8f9fa;
 }

Modifying Fonts

Fonts are imported from Google Fonts in the <head>section of each HTML file. Replace the current links with your preferred fonts from Google Fonts.

Important:When changing fonts, ensure you update all font-related CSS properties in style.cssfor consistency.

Page-Specific Instructions

Homepage (index.html)

The homepage features several key sections:

Blog System

The template includes two blog-related pages:

  1. blog.html- Blog listing page with pagination
  2. blog-post.html- Individual post template

To add new blog posts:

  1. Duplicate blog-post.htmland rename it
  2. Edit the content within the new file
  3. Add the post to the listing in blog.html

Technical Support

For technical assistance with this template, please contact our support team with the following information:

Support Email: support@khogendrarupini.com

Typical response time: 24-48 hours during business days.

Updates & Version Control

To check for updates or download the latest version:

  1. Log in to your account where you purchased the template
  2. Navigate to your downloads section
  3. Check for version notifications

Before updating, always:

License Guide

When you purchase a template from us, you are issued a fixed license that cannot be altered or modified. Our licensing system is powered by an API-based mechanism, which ensures the following:

  • Permanent License:The license type is fixed and cannot be changed post-purchase.
  • Immutable Data:Customers are not permitted to modify license details, as all records are managed programmatically.
  • Security & Compliance:These restrictions are enforced to ensure fair usage, data integrity, and platform-wide consistency.

This API-driven licensing infrastructure is designed to prevent unauthorized modifications and uphold a uniform standard for all users.

For any license-related inquiries, feel free to reach out to our support team.