MAINHACK

Viewing / Editing File: index.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

<title style="text-transform: uppercase;">Custom Software Development Services | Eliosof Solutions</title>
    <meta name="description" content="Looking for top-tier software development? Eliosof offers custom software solutions, web development, mobile apps, and IT consulting to drive your business forward. Contact us today!">
    <meta name="keywords" content="software development, custom software, web development, mobile app development, IT consulting, software solutions, Eliosof">
    <meta name="author" content="Eliosof">

<meta property="og:type" content="website">
    <meta property="og:title" content="Custom Software Development Services | Eliosof">
    <meta property="og:description" content="Transform your business with custom software solutions from Eliosof. We specialize in web development, mobile apps, and IT consulting. Get a free quote today!">
    <meta property="og:image" content="https://www.eliosof.com/newlogo.png">
    <meta property="og:url" content="https://www.eliosof.com">
    <meta property="og:site_name" content="Eliosof">

<meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Custom Software Development Services | Eliosof">
    <meta name="twitter:description" content="Transform your business with custom software solutions from Eliosof. We specialize in web development, mobile apps, and IT consulting. Get a free quote today!">
    <meta name="twitter:image" content="https://www.eliosof.com/newlogo.png">
    <meta name="twitter:site" content="@eliosof">

<meta name="robots" content="index, follow">

<header class="header">
        <div class="container">
            <div class="header-wrapper">
                <div class="logo">
                    <a href="#home">
                        <img src="newlogo.png" alt="Eliosof Logo">
                        <span>Eliosof</span>
                    </a>
                </div>
                <nav class="nav">
                    <ul class="nav-list">
                        <li class="nav-item"><a href="#home" class="nav-link active">Home</a></li>
                        <li class="nav-item"><a href="#solutions" class="nav-link">Solutions</a></li>
                        <li class="nav-item"><a href="#services" class="nav-link">Services</a></li>
                        <li class="nav-item"><a href="#portfolio" class="nav-link">Portfolio</a></li>
                        
                        <li class="nav-item"><a href="#contact" class="nav-link">Contact</a></li>
                    </ul>
                </nav>
                <div class="header-actions">
                    <a href="https://crm.eliosof.com/" class="btn btn-primary">Client login</a>
                    <button class="menu-toggle" aria-label="Toggle Menu">
                        <span></span>
                        <span></span>
                        <span></span>
                    </button>
                </div>
            </div>
        </div>
    </header>

<div class="mobile-menu">
        <div class="container">
            <ul class="mobile-nav-list">
                <li class="mobile-nav-item"><a href="#home" class="mobile-nav-link">Home</a></li>
                <li class="mobile-nav-item"><a href="#solutions" class="mobile-nav-link">Solutions</a></li>
                <li class="mobile-nav-item"><a href="#services" class="mobile-nav-link">Services</a></li>
                <li class="mobile-nav-item"><a href="#portfolio" class="mobile-nav-link">Portfolio</a></li>
                
                <li class="mobile-nav-item"><a href="#contact" class="mobile-nav-link">Contact</a></li>
            </ul>
            <div class="mobile-actions">
                <a href="https://crm.eliosof.com/" class="btn btn-primary">Client login</a>
                <div class="social-links">
                    <a href="#" class="social-link"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" class="social-link"><i class="fab fa-twitter"></i></a>
                    <a href="#" class="social-link"><i class="fab fa-linkedin-in"></i></a>
                    <a href="#" class="social-link"><i class="fab fa-instagram"></i></a>
                </div>
            </div>
        </div>
    </div>

<main>
        
        <section id="home" class="hero">
            <div class="container">
                <div class="hero-wrapper">
                    <div class="hero-content">
                        <h1 class="hero-title">Innovative Software Solutions for Your Business</h1>
                        <p class="hero-description">We transform your ideas into powerful software solutions that drive growth, enhance user experiences, and deliver measurable results.</p>
                        <div class="hero-actions">
                            <a href="#contact" class="btn btn-primary">Get Started</a>
                            <a href="#solutions" class="btn btn-outline">Our Solutions</a>
                        </div>
                    </div>
                    <div class="hero-image">
                        <img src="software-developer.webp" alt="IT Solutions Illustration">
                    </div>
                </div>
            </div>
        </section>

<section id="solutions" class="solutions section">
            <div class="container">
                <div class="section-header">
                    <h2 class="section-title">Crafting Digital Excellence</h2>
                    <p class="section-description">Explore our diverse solutions, where innovation meets client satisfaction</p>
                </div>
                <div class="solutions-grid">
                    <div class="solution-card">
                        <div class="solution-image">
                            <img src="img/service-web.svg" alt="School Management SHS">
                        </div>
                        <h3 class="solution-title"> Website Development</h3>
                        <p class="solution-description">Modern, responsive web applications built with the latest technologies and best practices.</p>
                        <a href="#contact" class="solution-link">Learn More <i class="fas fa-arrow-right"></i></a>
                    </div>
                    <div class="solution-card">
                        <div class="solution-image">
                            <img src="img/service-mobile.svg" alt="School Management JHS">
                        </div>
                        <h3 class="solution-title">Mobile Development</h3>
                        <p class="solution-description">Native and cross-platform mobile applications that deliver exceptional user experience</p>
                        <a href="#contact" class="solution-link">Learn More <i class="fas fa-arrow-right"></i></a>
                    </div>
                    <div class="solution-card">
                        <div class="solution-image">
                            <img src="img/service-database.svg" alt="Point of Sale Software">
                        </div>
                        <h3 class="solution-title">Cloud Solutions</h3>
                        <p class="solution-description">Scalable cloud infrastructure and deployment solutions for modern applications</p>
                        <a href="#contact" class="solution-link">Learn More <i class="fas fa-arrow-right"></i></a>
                    </div>
                </div>
            </div>
        </section>

<section id="services" class="services section">
            <div class="container">
                <div class="section-header">
                    <h2 class="section-title">Empowering Businesses with Smart IT Solutions</h2>
                    <p class="section-description">Discover how our tailored services can transform your operations</p>
                </div>
                <div class="services-grid">
                    <div class="service-card">
                        <div class="service-icon">
                            <img src="img/service-custom.svg" alt="Custom Software">
                        </div>
                        <h3 class="service-title">Custom Software</h3>
                        <p class="service-description">Tailor-made software to meet your unique business needs.</p>
                    </div>
                    <div class="service-card">
                        <div class="service-icon">
                            <img src="img/service-security.svg" alt="IT Support">
                        </div>
                        <h3 class="service-title">IT Support</h3>
                        <p class="service-description">Reliable IT solutions to keep your systems running smoothly.</p>
                    </div>
                    <div class="service-card">
                        <div class="service-icon">
                            <img src="img/service-database.svg" alt="Database Management">
                        </div>
                        <h3 class="service-title">Database Management</h3>
                        <p class="service-description">Optimize and secure your data with expert database solutions.</p>
                    </div>
                    <div class="service-card">
                        <div class="service-icon">
                            <img src="img/service-web.svg" alt="Web Development">
                        </div>
                        <h3 class="service-title">Security & Testing</h3>
                        <p class="service-description">Comprehensive security audits and automated testing to ensure reliable software</p>
                    </div>
                </div>
            </div>
        </section>

<section id="portfolio" class="portfolio section">
            <div class="container">
                <div class="section-header">
                    <h2 class="section-title">Our Products</h2>
                    <p class="section-description">Discover our innovative software solutions that transform businesses and educational institutions</p>
                </div>
                
                
           
                
                
                <div class="portfolio-grid">
                    
                    <div class="portfolio-card" data-category="education">
                        <div class="portfolio-image">
                            <img src="img/portfolio-1.svg" alt="School Management System">
                            <div class="portfolio-overlay">
                                <div class="portfolio-content">
                                    <span class="portfolio-category">Education Software</span>
                                    <h3 class="portfolio-title">School Management System </h3>
                                    <p class="portfolio-description">Comprehensive management solution for Schools with student records, grading, and reporting.</p>
                                
                                    <div class="portfolio-links">
                                        <a href="" target="_blank" class="portfolio-external-link">Book Demo <i class="fas fa-external-link-alt"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    
                    <div class="portfolio-card" data-category="business">
                        <div class="portfolio-image">
                            <img src="img/portfolio-2.svg" alt="Accounting Software">
                            <div class="portfolio-overlay">
                                <div class="portfolio-content">
                                    <span class="portfolio-category">Business Software</span>
                                    <h3 class="portfolio-title">Advanced Accounting System</h3>
                                    <p class="portfolio-description">Complete financial management solution with invoicing, expense tracking, and financial reporting.</p>
                            
                                    <div class="portfolio-links">
                                        <a href="#" class="portfolio-external-link">Book demo <i class="fas fa-arrow-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    
                    <div class="portfolio-card" data-category="web business">
                        <div class="portfolio-image">
                            <img src="img/portfolio-3.svg" alt="E-commerce Platform">
                            <div class="portfolio-overlay">
                                <div class="portfolio-content">
                                    <span class="portfolio-category">Web Application</span>
                                    <h3 class="portfolio-title">E-commerce Platform</h3>
                                    <p class="portfolio-description">Modern online store with inventory management, payment processing, and customer analytics.</p>
                               
                                    <div class="portfolio-links">
                                        <a href="#" class="portfolio-external-link">Book Demo <i class="fas fa-external-link-alt"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    
                    <div class="portfolio-card" data-category="business">
                        <div class="portfolio-image">
                            <img src="img/portfolio-4.svg" alt="Hospital Management System">
                            <div class="portfolio-overlay">
                                <div class="portfolio-content">
                                    <span class="portfolio-category">Healthcare Software</span>
                                    <h3 class="portfolio-title">Hospital Management System</h3>
                                    <p class="portfolio-description">Comprehensive healthcare solution for patient records, appointments, and medical billing.</p>
                             
                                    <div class="portfolio-links">
                                        <a href="#" class="portfolio-external-link">Book Demo <i class="fas fa-arrow-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    
                    <div class="portfolio-card" data-category="mobile education">
                        <div class="portfolio-image">
                            <img src="img/portfolio-5.svg" alt="Mobile Learning App">
                            <div class="portfolio-overlay">
                                <div class="portfolio-content">
                                    <span class="portfolio-category">Mobile Application</span>
                                    <h3 class="portfolio-title">Mobile Learning Platform</h3>
                                    <p class="portfolio-description">Interactive mobile app for online learning with video courses, quizzes, and progress tracking.</p>
                                 
                                    <div class="portfolio-links">
                                        <a href="#contact" class="btn btn-primary btn-sm">Learn More</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    
                    <div class="portfolio-card" data-category="web business">
                        <div class="portfolio-image">
                            <img src="img/portfolio-6.svg" alt="CRM System">
                            <div class="portfolio-overlay">
                                <div class="portfolio-content">
                                    <span class="portfolio-category">Web Application</span>
                                    <h3 class="portfolio-title">Customer Relationship Management</h3>
                                    <p class="portfolio-description">Advanced CRM system for managing customer relationships, sales pipeline, and marketing campaigns.</p>
                     
                                    <div class="portfolio-links">
                                        <a href="#" class="portfolio-external-link">Book Demo <i class="fas fa-external-link-alt"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                
            
        
            
            </div>
        </section>

<section id="contact" class="contact section">
            <div class="container">
                <div class="section-header">
                    <h2 class="section-title">Your specialists in tailored desktop and web applications</h2>
                    <p class="section-description">Discover tailored IT solutions and software expertise designed to solve complex challenges. Take the next step to elevate your business today.</p>
                </div>
                <div class="contact-wrapper">
                    <div class="contact-info">
                        <div class="contact-card">
                            <div class="contact-card-icon">
                                <i class="fas fa-map-marker-alt"></i>
                            </div>
                            <div class="contact-card-content">
                                <h3 class="contact-card-title">Our Location</h3>
                                <p class="contact-card-text">Accra, Ghana</p>
                            </div>
                        </div>
                        <div class="contact-card">
                            <div class="contact-card-icon">
                                <i class="fas fa-envelope"></i>
                            </div>
                            <div class="contact-card-content">
                                <h3 class="contact-card-title">Email Us</h3>
                                <p class="contact-card-text">support@eliosof.com</p>
                            </div>
                        </div>
                        <div class="contact-card">
                            <div class="contact-card-icon">
                                <i class="fas fa-phone-alt"></i>
                            </div>
                            <div class="contact-card-content">
                                <h3 class="contact-card-title">Call Us</h3>
                                <p class="contact-card-text">+233 59 1058 404</p>
                            </div>
                        </div>
                        <div class="contact-social">
                            <h3 class="contact-social-title">Follow Us</h3>
                            <div class="social-links">
                                <a href="#" class="social-link"><i class="fab fa-facebook-f"></i></a>
                                <a href="#" class="social-link"><i class="fab fa-twitter"></i></a>
                                <a href="#" class="social-link"><i class="fab fa-linkedin-in"></i></a>
                                <a href="#" class="social-link"><i class="fab fa-instagram"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="contact-form-wrapper">
<form id="contactForm" class="contact-form" method="POST">
    <div class="form-group">
        <label for="name" class="form-label">Your Name</label>
        <input type="text" id="name" name="name" class="form-control" required>
    </div>
    <div class="form-group">
        <label for="email" class="form-label">Your Email</label>
        <input type="email" id="email" name="email" class="form-control" required>
    </div>
    <div class="form-group">
        <label for="subject" class="form-label">Subject</label>
        <input type="text" id="subject" name="subject" class="form-control">
    </div>
    <div class="form-group">
        <label for="message" class="form-label">Your Message</label>
        <textarea id="message" name="message" class="form-control" rows="5" required></textarea>
    </div>

<div class="form-message" style="margin-top:10px; color: red;"></div>
    <button type="submit" class="btn btn-primary btn-block">Send Message</button>
</form>

<script src="https://www.google.com/recaptcha/api.js?render=6LfpkaErAAAAAAwpo1JL3NcDUtmwpFYUQuNNUxUN"></script>

<script src="https://www.google.com/recaptcha/api.js" async defer></script>

</div>
                </div>
            </div>
        </section>
    </main>

<footer class="footer">
        <div class="container">
            <div class="footer-top">
                <div class="footer-widget footer-about">
                    <div class="footer-logo">
                        <h2>Elio<span>Sof</span> Solutions</h2>
                    </div>
                    <p class="footer-about-text">We build custom software to fit your business needs — enabling digital transformation through smart technology.</p>
                </div>
                <div class="footer-widget footer-links">
                    <h3 class="footer-widget-title">Quick Links</h3>
                    <ul class="footer-links-list">
                        <li><a href="#home" class="footer-link">Home</a></li>
                        <li><a href="#portfolio" class="footer-link">Portfolio</a></li>
                        <li><a href="#" class="footer-link">Careers</a></li>
                        <li><a href="#contact" class="footer-link">Contact</a></li>
                    </ul>
                </div>
                <div class="footer-widget footer-services">
                    <h3 class="footer-widget-title">Services</h3>
                    <ul class="footer-links-list">
                        <li><a href="#" class="footer-link">Custom Software</a></li>
                        <li><a href="#" class="footer-link">IT Support</a></li>
                        <li><a href="#" class="footer-link">Database Management</a></li>
                        <li><a href="#" class="footer-link">Web Development</a></li>
                    </ul>
                </div>
                <div class="footer-widget footer-newsletter">
                    <h3 class="footer-widget-title">Newsletter</h3>
                    <p class="footer-newsletter-text">Subscribe to our newsletter to receive updates on our latest projects and services</p>
                    <form class="footer-newsletter-form">
                        <div class="form-group">
                            <input type="email" class="form-control" placeholder="Your Email" required>
                            <button type="submit" class="btn btn-primary">Subscribe</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="footer-bottom">
                <p class="copyright">&copy; 2025 Eliosof Solutions. All Rights Reserved.</p>
            </div>
        </div>
    </footer>

const name     = document.getElementById('name').value.trim();
    const email    = document.getElementById('email').value.trim();
    const subject  = document.getElementById('subject').value.trim();
    const message  = document.getElementById('message').value.trim();
    const formMsg  = document.querySelector('.form-message');

// Basic validation
    if (!name || !email || !message) {
        formMsg.textContent = "Please fill in all required fields.";
        formMsg.style.color = "red";
        return;
    }

// Email format check
    const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    if (!emailPattern.test(email)) {
        formMsg.textContent = "Please enter a valid email address.";
        formMsg.style.color = "red";
        return;
    }

// Execute reCAPTCHA v3
    grecaptcha.execute('6LfpkaErAAAAAAwpo1JL3NcDUtmwpFYUQuNNUxUN', {action: 'contact_form'}).then(function(token) {
        // Send data via AJAX
        fetch('save_contact.php', {
            method: 'POST',
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
            body: `name=${encodeURIComponent(name)}&email=${encodeURIComponent(email)}&subject=${encodeURIComponent(subject)}&message=${encodeURIComponent(message)}&recaptcha_token=${encodeURIComponent(token)}`
        })
        .then(res => res.text())
        .then(data => {
            formMsg.style.color = 'green';
            formMsg.textContent = data;
            document.getElementById('contactForm').reset();
        })
        .catch(() => {
            formMsg.style.color = 'red';
            formMsg.textContent = "Error submitting the form.";
        });
    });
});
</script>

</body>
</html>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: index.php

Server Info

System Features

User Info