Getting Started
Template Structure
After unzipping the template package, you'll find the following files and folders:
├── index.html
├── css/
│ └── style.css
├── js/
│ └── script.js
├── images/
│ └── (your image files)
└── documentation.html (this file)
Installation
To use this template, simply:
- Unzip the downloaded package
- Open
index.htmlin your browser to view the template - Edit the HTML/CSS/JS files with your preferred code editor
Template file structure
Customization
Changing Colors
Edit the CSS variables in the :root selector to change the main colors:
--primary: #1a1a1a; /* Main dark color */
--secondary: #f5f5f5; /* Background color */
--accent: #d4af37; /* Gold accent color */
--text: #333; /* Main text color */
}
Adding Portfolio Items
To add new portfolio items, use the following HTML structure:
<img src="your-image.jpg" alt="Project Name">
<div class="nasdev-portfolio-overlay">
<h3>Project Title</h3>
<p>Category</p>
</div>
</div>
Adding new portfolio items
Key Features
Fully Responsive
Looks perfect on all devices from mobile to desktop
Portfolio Filter
Filter projects by category with smooth animations
Testimonial Slider
Showcase client feedback with auto-sliding carousel
Easy Customization
Change colors, content and layout with minimal effort
Fast Performance
Optimized code for fast loading times
Detailed Documentation
Complete guide to help you customize the template
Main features overview
Support
Included Support
With your purchase, you'll receive:
- 1 month of free email support
- Documentation updates
- Bug fixes and patches
Getting Help
For support requests, please contact us at:
Email: support@lensakreatif.com
Please include your purchase code and detailed description of your issue.
Customization Services
Need professional help to customize your template? We offer:
- Custom design changes
- Content integration
- WordPress conversion