Initial commit: MSPE website - full site with admin panel, API, and public pages
This commit is contained in:
Krikorios
Executable
+378
@@ -0,0 +1,378 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="MSPE Services in Lebanon — IT Support & Maintenance, Cybersecurity Solutions, Cloud Migration, and Strategic IT Consulting. Serving businesses in Beirut and across the MENA region.">
|
||||
<title>Our Services | MSPE - Architects of Digital Resilience</title>
|
||||
<link rel="icon" type="image/png" href="images/logo/logo.png">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
|
||||
<noscript><link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap" rel="stylesheet"></noscript>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha384-t1nt8BQoYMLFN5p42tRAtuAAFQaCQODekUVeKKZrEnEyp4H2R0RHFz0KWpmj7i8g" crossorigin="anonymous" media="print" onload="this.media='all'">
|
||||
<noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha384-t1nt8BQoYMLFN5p42tRAtuAAFQaCQODekUVeKKZrEnEyp4H2R0RHFz0KWpmj7i8g" crossorigin="anonymous"></noscript>
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="stylesheet" href="css/pages.css">
|
||||
<link rel="stylesheet" href="css/ultimate-ui.css" media="print" onload="this.media='all'">
|
||||
<noscript><link rel="stylesheet" href="css/ultimate-ui.css"></noscript>
|
||||
<link rel="stylesheet" href="css/header-fix.css">
|
||||
<link rel="canonical" href="https://mspe.pro/services.html">
|
||||
<!-- Structured Data -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "ItemList",
|
||||
"name": "MSPE Technology Services",
|
||||
"description": "Comprehensive IT, cybersecurity, cloud, and consulting services for businesses in Lebanon and the MENA region.",
|
||||
"url": "https://mspe.pro/services.html",
|
||||
"provider": {
|
||||
"@type": "Organization",
|
||||
"name": "MSPE",
|
||||
"url": "https://mspe.pro",
|
||||
"address": { "@type": "PostalAddress", "addressLocality": "Beirut", "addressCountry": "LB" }
|
||||
},
|
||||
"itemListElement": [
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 1,
|
||||
"item": {
|
||||
"@type": "Service",
|
||||
"name": "IT Support & Maintenance",
|
||||
"description": "Proactive managed IT support including 24/7 remote helpdesk, infrastructure management, and on-site support.",
|
||||
"url": "https://mspe.pro/services.html#it-support",
|
||||
"provider": { "@type": "Organization", "name": "MSPE" }
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 2,
|
||||
"item": {
|
||||
"@type": "Service",
|
||||
"name": "Cybersecurity Solutions",
|
||||
"description": "End-to-end security services including risk assessment, penetration testing, SIEM/SOC deployment, and incident response.",
|
||||
"url": "https://mspe.pro/services.html#cybersecurity",
|
||||
"provider": { "@type": "Organization", "name": "MSPE" }
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 3,
|
||||
"item": {
|
||||
"@type": "Service",
|
||||
"name": "Cloud Services",
|
||||
"description": "Cloud architecture, migration, and optimization for Azure, AWS, and Google Cloud environments.",
|
||||
"url": "https://mspe.pro/services.html#cloud",
|
||||
"provider": { "@type": "Organization", "name": "MSPE" }
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "ListItem",
|
||||
"position": 4,
|
||||
"item": {
|
||||
"@type": "Service",
|
||||
"name": "Strategic IT Consulting",
|
||||
"description": "IT roadmap planning, vendor selection, and digital transformation strategy aligned with business goals.",
|
||||
"url": "https://mspe.pro/services.html#consulting",
|
||||
"provider": { "@type": "Organization", "name": "MSPE" }
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<!-- Open Graph -->
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://mspe.pro/services.html">
|
||||
<meta property="og:title" content="Our Services | MSPE - Architects of Digital Resilience">
|
||||
<meta property="og:description" content="Next-generation IT Support, Cybersecurity, Cloud Architecture, and Strategic Consulting. Technology solutions engineered for resilience.">
|
||||
<meta property="og:image" content="https://mspe.pro/images/logo/logo.png">
|
||||
<meta property="og:site_name" content="MSPE">
|
||||
<!-- Twitter Card -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:site" content="@mspe_pro">
|
||||
<meta name="twitter:title" content="MSPE Services - IT, Cybersecurity, Cloud & Consulting">
|
||||
<meta name="twitter:description" content="Comprehensive technology solutions designed to transform your business and drive success.">
|
||||
<meta name="twitter:image" content="https://mspe.pro/images/logo/logo.png">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Skip to Content (Accessibility) -->
|
||||
<a href="#main-content" class="skip-to-content">Skip to main content</a>
|
||||
|
||||
<!-- Navigation -->
|
||||
<header class="header" id="header">
|
||||
<nav class="nav container">
|
||||
<a href="index.html" class="nav-logo">
|
||||
<img src="images/logo/logo.png" alt="MSPE PRO" class="logo-image" width="200" height="50">
|
||||
</a>
|
||||
|
||||
<div class="nav-menu" id="nav-menu">
|
||||
<ul class="nav-list">
|
||||
<li class="nav-item"><a href="index.html" class="nav-link">Home</a></li>
|
||||
<li class="nav-item"><a href="about.html" class="nav-link">About Us</a></li>
|
||||
<li class="nav-item dropdown">
|
||||
<a href="services.html" class="nav-link active">Services <i class="fas fa-chevron-down"></i></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#it-support">IT Support & Maintenance</a></li>
|
||||
<li><a href="#cybersecurity">Cybersecurity Solutions</a></li>
|
||||
<li><a href="#cloud">Cloud Services</a></li>
|
||||
<li><a href="#consulting">Business Consulting</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item"><a href="portfolio.html" class="nav-link">Portfolio</a></li>
|
||||
<li class="nav-item"><a href="news.html" class="nav-link">News & Events</a></li>
|
||||
<li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="nav-actions">
|
||||
<a href="calendar.html" class="btn btn-primary">Book Meeting</a>
|
||||
<button class="nav-toggle" id="nav-toggle" aria-label="Toggle navigation menu" aria-expanded="false">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<!-- Page Hero -->
|
||||
<section class="page-hero">
|
||||
<div class="page-hero-bg"></div>
|
||||
<div class="container">
|
||||
<div class="page-hero-content">
|
||||
<span class="page-label">What We Offer</span>
|
||||
<h1 class="page-title">Our Services</h1>
|
||||
<p class="page-description">Comprehensive technology solutions designed to transform your business and drive success.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Services Overview (Dynamic) -->
|
||||
<section class="services section" id="services-overview">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<span class="section-label">Service Portfolio</span>
|
||||
<h2 class="section-title">Services at a Glance</h2>
|
||||
<p class="section-description">Comprehensive technology solutions tailored to accelerate your business growth.</p>
|
||||
</div>
|
||||
|
||||
<div class="services-grid" data-services-grid="true">
|
||||
<div class="service-card" id="it-support">
|
||||
<div class="service-icon"><i class="fas fa-headset"></i></div>
|
||||
<h3 class="service-title">IT Support & Maintenance</h3>
|
||||
<p class="service-description">Proactive managed IT support that keeps your systems running at peak performance. From helpdesk to infrastructure management, we handle it all.</p>
|
||||
<ul class="service-features">
|
||||
<li><i class="fas fa-check"></i> 24/7 Remote Support</li>
|
||||
<li><i class="fas fa-check"></i> Proactive Monitoring & Alerting</li>
|
||||
<li><i class="fas fa-check"></i> On-site Support</li>
|
||||
</ul>
|
||||
<a href="contact.html?service=it-support" class="service-link">Request Scope <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
<div class="service-card" id="cybersecurity">
|
||||
<div class="service-icon"><i class="fas fa-shield-alt"></i></div>
|
||||
<h3 class="service-title">Cybersecurity Solutions</h3>
|
||||
<p class="service-description">End-to-end security services to protect your business from evolving threats. Risk assessment, vulnerability management, and incident response.</p>
|
||||
<ul class="service-features">
|
||||
<li><i class="fas fa-check"></i> Security Risk Assessment</li>
|
||||
<li><i class="fas fa-check"></i> Vulnerability Management</li>
|
||||
<li><i class="fas fa-check"></i> Security Awareness Training</li>
|
||||
</ul>
|
||||
<a href="contact.html?service=cybersecurity" class="service-link">Request Scope <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
<div class="service-card" id="cloud">
|
||||
<div class="service-icon"><i class="fas fa-cloud"></i></div>
|
||||
<h3 class="service-title">Cloud Services</h3>
|
||||
<p class="service-description">Cloud architecture, migration, and optimization. We design scalable, secure cloud environments tailored to your business needs.</p>
|
||||
<ul class="service-features">
|
||||
<li><i class="fas fa-check"></i> Cloud Migration & Strategy</li>
|
||||
<li><i class="fas fa-check"></i> Infrastructure Optimization</li>
|
||||
<li><i class="fas fa-check"></i> Multi-cloud & Hybrid Solutions</li>
|
||||
</ul>
|
||||
<a href="contact.html?service=cloud" class="service-link">Request Scope <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
<div class="service-card" id="consulting">
|
||||
<div class="service-icon"><i class="fas fa-chess-king"></i></div>
|
||||
<h3 class="service-title">Strategic IT Consulting</h3>
|
||||
<p class="service-description">Expert guidance to align technology with your business goals. We deliver roadmaps, vendor selection, and digital transformation strategies.</p>
|
||||
<ul class="service-features">
|
||||
<li><i class="fas fa-check"></i> IT Roadmap Planning</li>
|
||||
<li><i class="fas fa-check"></i> Vendor Evaluation & Selection</li>
|
||||
<li><i class="fas fa-check"></i> Digital Transformation Strategy</li>
|
||||
</ul>
|
||||
<a href="contact.html?service=consulting" class="service-link">Request Scope <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pricing -->
|
||||
<section class="pricing section">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<span class="section-label">Engagement Models</span>
|
||||
<h2 class="section-title">How We Work With You</h2>
|
||||
<p class="section-description">Select the service model that fits your operational requirements</p>
|
||||
</div>
|
||||
|
||||
<div class="pricing-grid">
|
||||
<div class="pricing-card">
|
||||
<div class="pricing-header">
|
||||
<h3>Essential</h3>
|
||||
<p>For small teams and startups</p>
|
||||
</div>
|
||||
<div class="pricing-price">
|
||||
<span class="amount">Scope-Based</span>
|
||||
<span class="period">/ per engagement</span>
|
||||
</div>
|
||||
<ul class="pricing-features">
|
||||
<li><i class="fas fa-check"></i> Remote IT Support</li>
|
||||
<li><i class="fas fa-check"></i> Basic Monitoring</li>
|
||||
<li><i class="fas fa-check"></i> Email Support</li>
|
||||
<li><i class="fas fa-check"></i> Monthly Reports</li>
|
||||
<li><i class="fas fa-times"></i> On-site Support</li>
|
||||
<li><i class="fas fa-times"></i> Security Services</li>
|
||||
</ul>
|
||||
<a href="contact.html" class="btn btn-outline">Request Scope</a>
|
||||
</div>
|
||||
|
||||
<div class="pricing-card featured">
|
||||
<div class="pricing-header">
|
||||
<h3>Professional</h3>
|
||||
<p>For growing businesses</p>
|
||||
</div>
|
||||
<div class="pricing-price">
|
||||
<span class="amount">Retainer</span>
|
||||
<span class="period">/ monthly</span>
|
||||
</div>
|
||||
<ul class="pricing-features">
|
||||
<li><i class="fas fa-check"></i> Extended IT Support</li>
|
||||
<li><i class="fas fa-check"></i> Advanced Monitoring</li>
|
||||
<li><i class="fas fa-check"></i> Priority Support</li>
|
||||
<li><i class="fas fa-check"></i> Weekly Reports</li>
|
||||
<li><i class="fas fa-check"></i> Monthly On-site Visits</li>
|
||||
<li><i class="fas fa-check"></i> Basic Security</li>
|
||||
</ul>
|
||||
<a href="contact.html" class="btn btn-primary">Discuss Retainer</a>
|
||||
</div>
|
||||
|
||||
<div class="pricing-card">
|
||||
<div class="pricing-header">
|
||||
<h3>Enterprise</h3>
|
||||
<p>For large organizations</p>
|
||||
</div>
|
||||
<div class="pricing-price">
|
||||
<span class="amount">Custom</span>
|
||||
<span class="period">/ tailored scope</span>
|
||||
</div>
|
||||
<ul class="pricing-features">
|
||||
<li><i class="fas fa-check"></i> Dedicated Team</li>
|
||||
<li><i class="fas fa-check"></i> Full SIEM/SOC</li>
|
||||
<li><i class="fas fa-check"></i> SLA Guarantee</li>
|
||||
<li><i class="fas fa-check"></i> Real-time Reporting</li>
|
||||
<li><i class="fas fa-check"></i> Unlimited On-site</li>
|
||||
<li><i class="fas fa-check"></i> Full Security Suite</li>
|
||||
</ul>
|
||||
<a href="contact.html" class="btn btn-outline">Contact Sales</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA -->
|
||||
<section class="cta">
|
||||
<div class="cta-bg"></div>
|
||||
<div class="container">
|
||||
<div class="cta-content">
|
||||
<h2 class="cta-title">Need a Custom Solution?</h2>
|
||||
<p class="cta-description">Let our team define a practical service scope aligned with your current environment and goals.</p>
|
||||
<div class="cta-buttons">
|
||||
<a href="contact.html" class="btn btn-primary btn-lg">Request Custom Scope</a>
|
||||
<a href="contact.html" class="btn btn-outline btn-lg"><i class="fas fa-envelope"></i> Contact Us</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="footer-main">
|
||||
<div class="container">
|
||||
<div class="footer-grid">
|
||||
<div class="footer-brand">
|
||||
<a href="index.html" class="footer-logo">
|
||||
<img src="images/logo/logo.png" alt="MSPE PRO" class="logo-image" width="200" height="50">
|
||||
</a>
|
||||
<p class="footer-description">We engineer possibilities. Transforming complexity into competitive advantage through innovative technology solutions and uncompromising security.</p>
|
||||
<div class="footer-social">
|
||||
<a href="https://www.facebook.com/mspe.pro" class="social-link" title="Facebook" target="_blank" rel="noopener noreferrer"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="https://www.linkedin.com/company/mspe-pro" class="social-link" title="LinkedIn" target="_blank" rel="noopener noreferrer"><i class="fab fa-linkedin-in"></i></a>
|
||||
<a href="https://x.com/mspe_pro" class="social-link" title="X (Twitter)" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitter"></i></a>
|
||||
<a href="https://www.instagram.com/mspe.pro" class="social-link" title="Instagram" target="_blank" rel="noopener noreferrer"><i class="fab fa-instagram"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-links">
|
||||
<h4 class="footer-title">Quick Links</h4>
|
||||
<ul>
|
||||
<li><a href="about.html">About Us</a></li>
|
||||
<li><a href="services.html">Our Services</a></li>
|
||||
<li><a href="portfolio.html">Portfolio</a></li>
|
||||
<li><a href="news.html">News & Events</a></li>
|
||||
<li><a href="contact.html">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer-links">
|
||||
<h4 class="footer-title">Services</h4>
|
||||
<ul>
|
||||
<li><a href="#it-support">IT Support & Maintenance</a></li>
|
||||
<li><a href="#cybersecurity">Cybersecurity Solutions</a></li>
|
||||
<li><a href="#cloud">Cloud Services</a></li>
|
||||
<li><a href="#consulting">Business Consulting</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer-contact">
|
||||
<h4 class="footer-title">Contact Info</h4>
|
||||
<ul class="contact-list">
|
||||
<li>
|
||||
<i class="fas fa-envelope"></i>
|
||||
<span data-site-email>info@mspe.pro</span>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fas fa-phone"></i>
|
||||
<a href="tel:+96178782023" data-site-phone style="color:inherit;">+961 78 782 023</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fas fa-clock"></i>
|
||||
<span>Available for consultations</span>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fas fa-map-marker-alt"></i>
|
||||
<span>Beirut, Lebanon</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<div class="container">
|
||||
<p>© 2026 MSPE - Architects of Digital Resilience. All Rights Reserved.</p>
|
||||
<div class="footer-bottom-links">
|
||||
<a href="privacy.html">Privacy Policy</a>
|
||||
<a href="terms.html">Terms of Service</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Back to Top -->
|
||||
<button class="back-to-top" id="back-to-top" aria-label="Back to top">
|
||||
<i class="fas fa-chevron-up"></i>
|
||||
</button>
|
||||
|
||||
<script src="js/main.js" defer></script>
|
||||
<script src="js/ultimate-ui.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user