Restructure: move all files from Public HTML/ to root for Hostinger deployment
This commit is contained in:
Krikorios
Executable
+663
@@ -0,0 +1,663 @@
|
||||
<!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 - Architects of Digital Resilience, based in Beirut, Lebanon. Cybersecurity, cloud services, IT support, and technology consulting for businesses across Lebanon and the MENA region.">
|
||||
<title>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="preconnect" href="https://cdnjs.cloudflare.com">
|
||||
<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/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/">
|
||||
<!-- Open Graph -->
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://mspe.pro/">
|
||||
<meta property="og:title" content="MSPE | Architects of Digital Resilience">
|
||||
<meta property="og:description" content="We don't just solve problems, we engineer possibilities. Next-generation cybersecurity, cloud innovation, and technology consulting.">
|
||||
<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 | Architects of Digital Resilience">
|
||||
<meta name="twitter:description" content="We engineer possibilities. Next-generation cybersecurity, cloud innovation, and technology consulting.">
|
||||
<meta name="twitter:image" content="https://mspe.pro/images/logo/logo.png">
|
||||
<!-- Structured Data -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Organization",
|
||||
"name": "MSPE",
|
||||
"alternateName": "Multiple Service Provider Experts",
|
||||
"url": "https://mspe.pro",
|
||||
"logo": "https://mspe.pro/images/logo/logo.png",
|
||||
"description": "Architects of Digital Resilience — Cybersecurity, Cloud Services, IT Support, and Business Consulting.",
|
||||
"telephone": "+961-78-782-023",
|
||||
"email": "info@mspe.pro",
|
||||
"address": {
|
||||
"@type": "PostalAddress",
|
||||
"addressLocality": "Beirut",
|
||||
"addressCountry": "LB"
|
||||
},
|
||||
"areaServed": "Worldwide",
|
||||
"sameAs": [
|
||||
"https://www.facebook.com/mspe.pro",
|
||||
"https://www.linkedin.com/company/mspe-pro",
|
||||
"https://x.com/mspe_pro",
|
||||
"https://www.instagram.com/mspe.pro"
|
||||
],
|
||||
"contactPoint": {
|
||||
"@type": "ContactPoint",
|
||||
"telephone": "+961-78-782-023",
|
||||
"contactType": "customer service",
|
||||
"email": "info@mspe.pro",
|
||||
"availableLanguage": ["English", "Arabic"]
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Skip to Content (Accessibility) -->
|
||||
<a href="#services" class="skip-to-content">Skip to main content</a>
|
||||
|
||||
<!-- Preloader -->
|
||||
<div class="preloader" id="preloader">
|
||||
<div class="loader">
|
||||
<div class="loader-ring"></div>
|
||||
<span class="loader-text">MSPE</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Unique Brand Philosophy: We don't just protect systems, we architect digital futures -->
|
||||
|
||||
<!-- 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 active">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">Services <i class="fas fa-chevron-down"></i></a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="services.html#it-support">IT Support & Maintenance</a></li>
|
||||
<li><a href="services.html#cybersecurity">Cybersecurity Solutions</a></li>
|
||||
<li><a href="services.html#cloud">Cloud Services</a></li>
|
||||
<li><a href="services.html#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>
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="hero">
|
||||
<div class="hero-slider" id="hero-slider">
|
||||
<div class="hero-slide active" data-slide="1">
|
||||
<div class="hero-bg" style="background: linear-gradient(135deg, #0a1628 0%, #1a365d 100%);"></div>
|
||||
<div class="hero-content container">
|
||||
<div class="hero-text">
|
||||
<span class="hero-label">Where Innovation Meets Security</span>
|
||||
<h1 class="hero-title">Architects of <span class="highlight">Digital Resilience</span></h1>
|
||||
<p class="hero-description">We don't just solve problems - we engineer possibilities. MSPE transforms complexity into competitive advantage, building the digital foundations that empower tomorrow's leaders.</p>
|
||||
<div class="hero-buttons">
|
||||
<a href="services.html" class="btn btn-primary btn-lg">Explore Services</a>
|
||||
<a href="contact.html" class="btn btn-outline btn-lg">Schedule Consultation</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-visual">
|
||||
<div class="floating-card card-1">
|
||||
<i class="fas fa-shield-alt"></i>
|
||||
<span>Security First</span>
|
||||
</div>
|
||||
<div class="floating-card card-2">
|
||||
<i class="fas fa-cloud"></i>
|
||||
<span>Cloud Ready</span>
|
||||
</div>
|
||||
<div class="floating-card card-3">
|
||||
<i class="fas fa-headset"></i>
|
||||
<span>Dedicated Support</span>
|
||||
</div>
|
||||
<div class="hero-graphic">
|
||||
<div class="orbit orbit-1"></div>
|
||||
<div class="orbit orbit-2"></div>
|
||||
<div class="orbit orbit-3"></div>
|
||||
<div class="core"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-slide" data-slide="2">
|
||||
<div class="hero-bg" style="background: linear-gradient(135deg, #1a365d 0%, #2c5282 100%);"></div>
|
||||
<div class="hero-content container">
|
||||
<div class="hero-text">
|
||||
<span class="hero-label">Defense That Thinks Ahead</span>
|
||||
<h1 class="hero-title">Proactive <span class="highlight">Cyber Defense</span></h1>
|
||||
<p class="hero-description">In a world where threats evolve by the second, we engineer security architectures that anticipate, adapt, and overcome. Your digital fortress, intelligently designed.</p>
|
||||
<div class="hero-buttons">
|
||||
<a href="services.html#cybersecurity" class="btn btn-primary btn-lg">Security Services</a>
|
||||
<a href="contact.html" class="btn btn-outline btn-lg">Get Protected</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-visual">
|
||||
<div class="floating-card card-1">
|
||||
<i class="fas fa-lock"></i>
|
||||
<span>Threat Detection</span>
|
||||
</div>
|
||||
<div class="floating-card card-2">
|
||||
<i class="fas fa-user-shield"></i>
|
||||
<span>SIEM/SOC</span>
|
||||
</div>
|
||||
<div class="floating-card card-3">
|
||||
<i class="fas fa-bug"></i>
|
||||
<span>Pen Testing</span>
|
||||
</div>
|
||||
<div class="hero-graphic">
|
||||
<div class="orbit orbit-1"></div>
|
||||
<div class="orbit orbit-2"></div>
|
||||
<div class="orbit orbit-3"></div>
|
||||
<div class="core"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-slide" data-slide="3">
|
||||
<div class="hero-bg" style="background: linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);"></div>
|
||||
<div class="hero-content container">
|
||||
<div class="hero-text">
|
||||
<span class="hero-label">Infinite Horizons</span>
|
||||
<h1 class="hero-title">Boundless <span class="highlight">Cloud</span> Architecture</h1>
|
||||
<p class="hero-description">Break free from infrastructure constraints. We architect cloud ecosystems that scale with your ambition, turning operational burden into strategic acceleration.</p>
|
||||
<div class="hero-buttons">
|
||||
<a href="services.html#cloud" class="btn btn-primary btn-lg">Cloud Services</a>
|
||||
<a href="contact.html" class="btn btn-outline btn-lg">Start Migration</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-visual">
|
||||
<div class="floating-card card-1">
|
||||
<i class="fas fa-server"></i>
|
||||
<span>Azure & AWS</span>
|
||||
</div>
|
||||
<div class="floating-card card-2">
|
||||
<i class="fas fa-database"></i>
|
||||
<span>Data Backup</span>
|
||||
</div>
|
||||
<div class="floating-card card-3">
|
||||
<i class="fas fa-sync-alt"></i>
|
||||
<span>Migration</span>
|
||||
</div>
|
||||
<div class="hero-graphic">
|
||||
<div class="orbit orbit-1"></div>
|
||||
<div class="orbit orbit-2"></div>
|
||||
<div class="orbit orbit-3"></div>
|
||||
<div class="core"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-controls">
|
||||
<button class="hero-control prev" id="hero-prev" aria-label="Previous slide"><i class="fas fa-chevron-left"></i></button>
|
||||
<div class="hero-dots" id="hero-dots" role="tablist" aria-label="Hero slider navigation">
|
||||
<span class="dot active" data-slide="1" role="tab" aria-selected="true" aria-label="Slide 1" tabindex="0"></span>
|
||||
<span class="dot" data-slide="2" role="tab" aria-selected="false" aria-label="Slide 2" tabindex="-1"></span>
|
||||
<span class="dot" data-slide="3" role="tab" aria-selected="false" aria-label="Slide 3" tabindex="-1"></span>
|
||||
</div>
|
||||
<button class="hero-control next" id="hero-next" aria-label="Next slide"><i class="fas fa-chevron-right"></i></button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- What We Commit To -->
|
||||
<section class="stats">
|
||||
<div class="container">
|
||||
<div class="stats-grid">
|
||||
<div class="stat-item">
|
||||
<div class="stat-icon"><i class="fas fa-clock"></i></div>
|
||||
<div class="stat-number">4hr</div>
|
||||
<div class="stat-label">Maximum First-Response SLA</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<div class="stat-icon"><i class="fas fa-layer-group"></i></div>
|
||||
<div class="stat-number">4</div>
|
||||
<div class="stat-label">Core Service Pillars</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<div class="stat-icon"><i class="fas fa-fingerprint"></i></div>
|
||||
<div class="stat-number">100%</div>
|
||||
<div class="stat-label">Bespoke — No Off-the-Shelf Templates</div>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<div class="stat-icon"><i class="fas fa-gift"></i></div>
|
||||
<div class="stat-number">Free</div>
|
||||
<div class="stat-label">Initial Infrastructure Audit</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- How to Start -->
|
||||
<section class="how-to-start section" id="how-to-start">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<span class="section-label">How to Start</span>
|
||||
<h2 class="section-title">A Clear 4-Step Onboarding Process</h2>
|
||||
<p class="section-description">From first call to full deployment, we keep the process simple, transparent, and practical.</p>
|
||||
</div>
|
||||
|
||||
<div class="process-flow">
|
||||
<div class="process-step">
|
||||
<div class="step-number">01</div>
|
||||
<h4>Free Audit</h4>
|
||||
<p>Initial review of your infrastructure and pain points.</p>
|
||||
</div>
|
||||
<div class="process-step">
|
||||
<div class="step-number">02</div>
|
||||
<h4>On-Site Survey</h4>
|
||||
<p>Operational assessment to map risks and opportunities.</p>
|
||||
</div>
|
||||
<div class="process-step">
|
||||
<div class="step-number">03</div>
|
||||
<h4>Best Practices Plan</h4>
|
||||
<p>Prioritized recommendations with business-aligned timelines.</p>
|
||||
</div>
|
||||
<div class="process-step">
|
||||
<div class="step-number">04</div>
|
||||
<h4>Setup & Support</h4>
|
||||
<p>Implementation, handover, and ongoing managed support.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section-cta" style="margin-top: 2rem;">
|
||||
<a href="calendar.html" class="btn btn-primary">Start with a Free Audit <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Services Section -->
|
||||
<section class="services section" id="services">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<span class="section-label">What We Do</span>
|
||||
<h2 class="section-title">Our Core Services</h2>
|
||||
<p class="section-description">Comprehensive solutions tailored to drive your business forward</p>
|
||||
</div>
|
||||
|
||||
<div class="services-grid" id="services-grid" data-services-grid="true">
|
||||
<div class="service-card">
|
||||
<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">Learn More <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
<div class="service-card">
|
||||
<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">Learn More <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
<div class="service-card">
|
||||
<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">Learn More <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
<div class="service-card">
|
||||
<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">Learn More <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Why Choose Us -->
|
||||
<section class="why-us section">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<span class="section-label">The MSPE Difference</span>
|
||||
<h2 class="section-title">Why Partner With Us?</h2>
|
||||
<p class="section-description">We're not just another IT company. We're architects of digital resilience - building technology foundations that transform how businesses operate, compete, and thrive.</p>
|
||||
</div>
|
||||
<div class="why-us-content">
|
||||
<div class="why-us-text">
|
||||
<div class="features-list">
|
||||
<div class="feature-item">
|
||||
<div class="feature-icon"><i class="fas fa-brain"></i></div>
|
||||
<div class="feature-content">
|
||||
<h4>Proactive Intelligence</h4>
|
||||
<p>We don't wait for problems - we anticipate them. Our approach focuses on prevention, not just cure.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-item">
|
||||
<div class="feature-icon"><i class="fas fa-infinity"></i></div>
|
||||
<div class="feature-content">
|
||||
<h4>Boundless Thinking</h4>
|
||||
<p>No templates. No one-size-fits-all. Every solution is architected from the ground up for your unique challenges.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-item">
|
||||
<div class="feature-icon"><i class="fas fa-shield-virus"></i></div>
|
||||
<div class="feature-content">
|
||||
<h4>Security-First DNA</h4>
|
||||
<p>Security isn't an afterthought - it's woven into the fabric of everything we design and deliver.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-item">
|
||||
<div class="feature-icon"><i class="fas fa-rocket"></i></div>
|
||||
<div class="feature-content">
|
||||
<h4>Future-Ready Solutions</h4>
|
||||
<p>We build for tomorrow. Our solutions evolve with technology, ensuring you're always ahead of the curve.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="why-us-visual">
|
||||
<div class="features-list">
|
||||
<div class="feature-item">
|
||||
<div class="feature-icon"><i class="fas fa-clock"></i></div>
|
||||
<div class="feature-content">
|
||||
<h4>4-Hour First Response</h4>
|
||||
<p>Every issue acknowledged and triaged within 4 hours of reporting.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-item">
|
||||
<div class="feature-icon"><i class="fas fa-search"></i></div>
|
||||
<div class="feature-content">
|
||||
<h4>Free Infrastructure Audit</h4>
|
||||
<p>Start with a no-obligation review of your environment — zero commitment required.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-item">
|
||||
<div class="feature-icon"><i class="fas fa-user-tie"></i></div>
|
||||
<div class="feature-content">
|
||||
<h4>Direct Engineer Access</h4>
|
||||
<p>No account managers or middlemen. You work with the engineers on your project.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="feature-item">
|
||||
<div class="feature-icon"><i class="fas fa-file-contract"></i></div>
|
||||
<div class="feature-content">
|
||||
<h4>Transparent Pricing</h4>
|
||||
<p>Detailed proposals with clear scope. No surprise invoices, no hidden fees.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Our Philosophy Section -->
|
||||
<section class="philosophy section">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<span class="section-label">Our Philosophy</span>
|
||||
<h2 class="section-title">Built on Principles, Not Promises</h2>
|
||||
<p class="section-description">We believe technology should empower, not complicate. Every engagement starts with understanding your vision.</p>
|
||||
</div>
|
||||
|
||||
<div class="philosophy-grid">
|
||||
<div class="philosophy-card">
|
||||
<i class="fas fa-eye"></i>
|
||||
<h4>Transparency</h4>
|
||||
<p>No hidden agendas. No surprise costs. Complete clarity in everything we do.</p>
|
||||
</div>
|
||||
<div class="philosophy-card">
|
||||
<i class="fas fa-handshake"></i>
|
||||
<h4>Partnership</h4>
|
||||
<p>Your success is our success. We grow together, learn together, win together.</p>
|
||||
</div>
|
||||
<div class="philosophy-card">
|
||||
<i class="fas fa-gem"></i>
|
||||
<h4>Excellence</h4>
|
||||
<p>Good enough is never enough. We pursue excellence in every line of code, every solution.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Our Commitment Section -->
|
||||
<section class="commitment section">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<span class="section-label">Our Commitment</span>
|
||||
<h2 class="section-title">The MSPE Promise</h2>
|
||||
</div>
|
||||
|
||||
<div class="commitment-content">
|
||||
<div class="commitment-card">
|
||||
<div class="quote-icon"><i class="fas fa-quote-left"></i></div>
|
||||
<p class="commitment-quote">"Every business deserves technology that works <strong>for</strong> them, not against them. We're here to be the partner you wish you'd found years ago - one that speaks your language, understands your challenges, and delivers solutions that actually solve problems."</p>
|
||||
<div class="commitment-author">
|
||||
<div class="author-icon">
|
||||
<i class="fas fa-building"></i>
|
||||
</div>
|
||||
<h4>The MSPE Team</h4>
|
||||
<p>Architects of Digital Resilience</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="commitment-footer">We bring focused expertise and direct accountability to every engagement —<br>no corporate layers, no templated solutions. Just outcomes that matter.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Latest News Section -->
|
||||
<section class="news section" id="latest-news">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<span class="section-label">Stay Updated</span>
|
||||
<h2 class="section-title">Latest News & Insights</h2>
|
||||
<p class="section-description">Industry updates, company news, and expert insights</p>
|
||||
</div>
|
||||
|
||||
<div class="news-grid" id="news-grid">
|
||||
<!-- News items will be loaded dynamically -->
|
||||
<div class="loading-state">
|
||||
<i class="fas fa-spinner fa-spin"></i> Loading...
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section-cta">
|
||||
<a href="news.html" class="btn btn-outline">View All News <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Industries We Serve -->
|
||||
<section class="industries section">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<span class="section-label">Industries</span>
|
||||
<h2 class="section-title">Who We Work With</h2>
|
||||
<p class="section-description">We deliver tailored IT solutions across diverse industries</p>
|
||||
</div>
|
||||
<div class="industries-grid">
|
||||
<div class="industry-item">
|
||||
<div class="industry-icon"><i class="fas fa-university"></i></div>
|
||||
<span>Finance</span>
|
||||
</div>
|
||||
<div class="industry-item">
|
||||
<div class="industry-icon"><i class="fas fa-heartbeat"></i></div>
|
||||
<span>Healthcare</span>
|
||||
</div>
|
||||
<div class="industry-item">
|
||||
<div class="industry-icon"><i class="fas fa-shopping-cart"></i></div>
|
||||
<span>Retail</span>
|
||||
</div>
|
||||
<div class="industry-item">
|
||||
<div class="industry-icon"><i class="fas fa-gavel"></i></div>
|
||||
<span>Legal</span>
|
||||
</div>
|
||||
<div class="industry-item">
|
||||
<div class="industry-icon"><i class="fas fa-graduation-cap"></i></div>
|
||||
<span>Education</span>
|
||||
</div>
|
||||
<div class="industry-item">
|
||||
<div class="industry-icon"><i class="fas fa-hotel"></i></div>
|
||||
<span>Hospitality</span>
|
||||
</div>
|
||||
<div class="industry-item">
|
||||
<div class="industry-icon"><i class="fas fa-building"></i></div>
|
||||
<span>Real Estate</span>
|
||||
</div>
|
||||
<div class="industry-item">
|
||||
<div class="industry-icon"><i class="fas fa-broadcast-tower"></i></div>
|
||||
<span>Media</span>
|
||||
</div>
|
||||
</div>
|
||||
<p class="industries-note">Don't see your industry? <a href="contact.html" class="text-accent">Let's create a custom solution for you →</a></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="cta">
|
||||
<div class="cta-bg"></div>
|
||||
<div class="container">
|
||||
<div class="cta-content">
|
||||
<h2 class="cta-title">Ready to Transform Your Business?</h2>
|
||||
<p class="cta-description">Schedule a consultation with our team and get a clear plan for your technology priorities.</p>
|
||||
<div class="cta-buttons">
|
||||
<a href="contact.html" class="btn btn-primary btn-lg">Schedule Consultation</a>
|
||||
<a href="contact.html" class="btn btn-outline btn-lg"><i class="fas fa-envelope"></i> Contact Us</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- WhatsApp Floating Button -->
|
||||
<a href="https://wa.me/96178782023" class="whatsapp-float" target="_blank" rel="noopener" aria-label="Chat on WhatsApp">
|
||||
<i class="fab fa-whatsapp"></i>
|
||||
</a>
|
||||
|
||||
<!-- 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="services.html#it-support">IT Support & Maintenance</a></li>
|
||||
<li><a href="services.html#cybersecurity">Cybersecurity Solutions</a></li>
|
||||
<li><a href="services.html#cloud">Cloud Services</a></li>
|
||||
<li><a href="services.html#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>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="js/main.js" defer></script>
|
||||
<script src="js/ultimate-ui.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user