KARMA GPS Tracking System

A comprehensive GPS tracking website for real-time vehicle, fleet, and asset monitoring with advanced features and professional design.

---

📋 Table of Contents

• Overview
• Features
• File Structure
• Technologies Used
• Getting Started
• Pages Overview
• Contact Information

---

🌟 Overview

KARMA GPS Tracking System is a professional website designed to showcase GPS tracking solutions for businesses and individuals. The platform offers real-time tracking, route history, geofencing, driver behavior monitoring, and more.

Live Dashboard: http://103.171.181.81:4159

---

✨ Features

Core GPS Tracking Features

• ✅ Real-Time Location Tracking - Monitor vehicles and assets on dynamic maps
• ✅ Route History - Access complete historical movement data with timestamps
• ✅ Instant Alerts - Overspeeding, geofencing, and idle time notifications via SMS/Email
• ✅ Driver Behavior Analysis - Monitor harsh braking, acceleration, and cornering
• ✅ Battery & Health Monitoring - Real-time device status and network signal tracking
• ✅ Geofencing - Set virtual boundaries with breach alerts
• ✅ Analytics & Reports - Download performance reports for trips, speeds, and stoppages
• ✅ Mobile Tracking - Track mobile devices in real-time
• ✅ SOS/Emergency Features - Panic button for instant alerts

Website Features

• 🎨 Light/Dark Theme Toggle - User-friendly theme switcher
• 📱 Fully Responsive Design - Optimized for mobile, tablet, and desktop
• 💬 WhatsApp Integration - Floating chat button for instant communication
• 📝 Customer Reviews - Interactive review section with add/view functionality
• 💰 Quotation Generator - Personalized pricing calculator based on fleet size and features
• 📄 Documentation Access - User guides and technical documentation
• 🎯 Product Showcase - Featured GPS devices with detailed specifications

---

📁 File Structure

new gps/
├── index.html                          # Main homepage
├── about.html                          # About page
├── about copy.html                     # About page backup
├── contact.html                        # Contact page
├── services.html                       # Services page
├── helpCenter.html                     # Help center page
├── style.css                           # Main stylesheet
├── script.js                           # JavaScript functionality
│
├── Frontend/                           # Additional frontend files
│
├── Images/
│   ├── concox v5.png                   # Product image - Concox V5
│   ├── watsoo_ais 140.jpg              # Product image - Watsoo AIS 140
│   ├── Teltonika-FMB920.png            # Product image - Teltonika
│   ├── logo_1.png                      # Company logo
│   ├── mobiletracking_img.png          # Mobile tracking illustration
│   ├── Untitled design.png             # Review section image
│   ├── GPS POSTER.jpg                  # Marketing poster
│   └── ...                             # Other images
│
├── Documentation/
│   ├── Karma GPS Tracking System Documentation (1).pdf
│   └── Karma_GPS_Tracking_User_Guide.pdf
│
├── Glowing Connectivity_ Vehicles on the Move!-VEED.mp4  # Demo video
└── README.md                           # This file

---

🛠️ Technologies Used

• HTML5 - Semantic markup
• CSS3 - Custom styling with responsive design
• JavaScript (Vanilla) - Interactive functionality
• Tailwind CSS - Utility-first CSS framework
• Font Awesome - Icon library
• WhatsApp API - Direct messaging integration

---

🚀 Getting Started

Prerequisites

• Modern web browser (Chrome, Firefox, Safari, Edge)
• Text editor (VS Code, Sublime Text, etc.) for modifications
• Local server (optional) - Live Server extension for VS Code

Installation

1. Clone or Download the project folder

   cd "C:\Users\hp\OneDrive\Desktop\new gps"

2. Open in Browser

   • Double-click index.html to open in your default browser
   • Or use a local server for better performance

3. Customize Content

   • Edit index.html for content changes
   • Modify style.css for styling adjustments
   • Update script.js for functionality changes

---

📄 Pages Overview

1. Home Page (index.html)

• Hero section with call-to-action buttons
• GPS tracking features showcase
• Statistics section (8000+ devices, 25+ states)
• Product showcase (Concox, Watsoo AIS 140, Teltonika)
• Mobile tracking section
• Quotation generator
• Customer reviews
• WhatsApp floating button

2. About Page (about.html)

• Company information
• Mission and vision
• Team details
• Company statistics

3. Services Page (services.html)

• Service offerings
• Installation & setup
• 24/7 support
• Maintenance services
• Analytics & reporting

4. Contact Page (contact.html)

• Contact form
• Address and location
• Phone and email details
• Social media links

5. Help Center (helpCenter.html)

• FAQs
• Troubleshooting guides
• Support resources
• Documentation links

---

🎨 Theme Toggle

The website includes a light/dark theme toggle feature:

• Click the "Toggle" button in the navigation bar
• Theme preference is applied instantly
• Smooth transitions between themes

---

💰 Quotation Generator

Interactive pricing calculator that generates personalized quotes based on:

• Fleet Size - Number of vehicles
• Selected Features:
  • GPS Tracking
  • AIS 140 GPS Device
  • Dash Cam
  • Mobile Tracking

Pricing Structure:

• Tiered pricing based on fleet size (1-25, 26-100, 100+)
• Automatic calculation with unique quotation ID
• Date-stamped quotes

---

📱 Products Featured

1. CONCOX V5 (Best Seller)

• Compact 2G GPS tracker
• Real-time tracking
• Configurable reporting intervals (10s to 60min)
• ACC/Ignition detection
• SOS/Emergency call

2. WATSOO AIS 140

• AIS-140 / ARAI-certified
• 4G GPS tracker
• Overspeed & route deviation alerts
• Geofencing
• Remote cut-off

3. TELTONIKA FMB920 (New)

• Compact GPS tracker
• Multiple network types
• Backup battery
• Bluetooth connectivity
• Manual/auto geofence

---

📞 Contact Information

Company: KARMA GPS Tracking
Phone: +91 9374094456
Email: karmalogistics24x7@gmail.com
Address: A-6 Pashbhai park bh bapod police station, vadodara, Gujarat, 390019, India
Live Dashboard: http://103.171.181.81:4159

WhatsApp: Chat with us

---

📚 Documentation

• User Guide: Karma_GPS_Tracking_User_Guide.pdf
• System Documentation: Karma GPS Tracking System Documentation (1).pdf
• Help Center: Available on website

---

🔧 Customization Guide

Changing Colors

Edit style.css and modify the color variables:

:root {
  --primary-color: #22756d;
  --secondary-color: #ff6f61;
  --bg-light: #f1fff3;
}

Adding Products

Edit the product section in index.html:

<div class="product-card">
  <div class="product-image">
    <img src="your-image.png" alt="Product Name">
  </div>
  <h3>Product Name</h3>
  <p class="desc">Description</p>
  <ul>
    <li>✅ Feature 1</li>
    <li>✅ Feature 2</li>
  </ul>
</div>

Updating Contact Information

Modify contact details in:

• index.html (footer section)
• contact.html
• WhatsApp link: https://wa.me/919374094456

---

🌐 Browser Compatibility

• ✅ Chrome (Latest)
• ✅ Firefox (Latest)
• ✅ Safari (Latest)
• ✅ Edge (Latest)
• ✅ Mobile browsers

---

📈 Statistics

• 8000+ Devices Installed
• 25+ States Coverage (Across India)
• 75+ Well-trained Technicians
• 3 seconds Update Frequency

---

🎯 Future Enhancements

• Backend integration for dynamic content
• User authentication system
• Admin dashboard for content management
• Multi-language support
• Advanced analytics dashboard
• Mobile app integration

---

📝 License

This project is proprietary and confidential. All rights reserved by KARMA GPS Tracking System.

---

🤝 Support

For technical support or inquiries:

• Email: karmalogistics24x7@gmail.com
• Phone: +91 9374094456
• WhatsApp: Click here
• Help Center: Visit the Help Center page on the website

---

📅 Last Updated

Date: January 2025
Version: 1.0

---

Built with ❤️ by KARMA GPS Tracking Team