Restructure: move all files from Public HTML/ to root for Hostinger deployment
This commit is contained in:
Krikorios
Executable
+553
@@ -0,0 +1,553 @@
|
||||
<!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="Contact MSPE in Beirut, Lebanon. Schedule a free consultation or reach us by email, phone, or WhatsApp to discuss your IT support, cybersecurity, or cloud service needs.">
|
||||
<title>Contact Us | MSPE - Architects of Digital Resilience</title>
|
||||
<link rel="icon" type="image/png" href="images/logo/logo.png">
|
||||
|
||||
<!-- Fonts -->
|
||||
<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>
|
||||
|
||||
<!-- Icons -->
|
||||
<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>
|
||||
|
||||
<!-- Styles -->
|
||||
<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/contact.html">
|
||||
<!-- Structured Data: FAQ -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "FAQPage",
|
||||
"mainEntity": [
|
||||
{
|
||||
"@type": "Question",
|
||||
"name": "What is your typical response time?",
|
||||
"acceptedAnswer": { "@type": "Answer", "text": "We respond to all inquiries within 24 business hours. For existing clients with support contracts, our response time is typically under 4 hours, with critical issues addressed within 1 hour." }
|
||||
},
|
||||
{
|
||||
"@type": "Question",
|
||||
"name": "How does the consultation process work?",
|
||||
"acceptedAnswer": { "@type": "Answer", "text": "We begin with a free discovery consultation to understand your environment and priorities. After that, we share practical recommendations and a clear implementation scope with no obligation." }
|
||||
},
|
||||
{
|
||||
"@type": "Question",
|
||||
"name": "What industries do you serve?",
|
||||
"acceptedAnswer": { "@type": "Answer", "text": "We serve a wide range of industries including finance, healthcare, retail, manufacturing, education, and government. Our solutions are customized to meet industry-specific compliance and security requirements." }
|
||||
},
|
||||
{
|
||||
"@type": "Question",
|
||||
"name": "Do you provide remote support?",
|
||||
"acceptedAnswer": { "@type": "Answer", "text": "Absolutely. We provide comprehensive remote support services for clients worldwide. Our secure remote access tools allow us to resolve most issues quickly without requiring an on-site visit." }
|
||||
},
|
||||
{
|
||||
"@type": "Question",
|
||||
"name": "How do we begin a project with MSPE?",
|
||||
"acceptedAnswer": { "@type": "Answer", "text": "Getting started is straightforward. Submit the contact form, call us, or message us on WhatsApp and we will arrange a free consultation, then provide a clear proposal and timeline." }
|
||||
}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
<!-- Open Graph -->
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://mspe.pro/contact.html">
|
||||
<meta property="og:title" content="Contact Us | MSPE - Architects of Digital Resilience">
|
||||
<meta property="og:description" content="Connect with MSPE. Let's discuss how we can transform your technology landscape and build your digital 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="Contact MSPE - Let's Build Together">
|
||||
<meta name="twitter:description" content="Ready to transform your digital landscape? Let's start a conversation.">
|
||||
<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>
|
||||
|
||||
<!-- Preloader -->
|
||||
<div class="preloader">
|
||||
<div class="preloader-inner">
|
||||
<div class="preloader-logo">
|
||||
<img src="images/logo/logo.png" alt="MSPE PRO" style="height: 50px;" width="200" height="50">
|
||||
</div>
|
||||
<div class="preloader-spinner"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Header -->
|
||||
<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">
|
||||
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 active">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 class="hero-shape hero-shape-1"></div>
|
||||
<div class="hero-shape hero-shape-2"></div>
|
||||
<div class="hero-particles"></div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="page-hero-content">
|
||||
<h1 class="page-title">Let's Build <span class="text-gradient">Together</span></h1>
|
||||
<p class="page-subtitle">Ready to transform your digital landscape? Let's start a conversation about your vision and how we can help make it reality.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact Cards -->
|
||||
<section class="contact-cards-section">
|
||||
<div class="container">
|
||||
<div class="contact-cards">
|
||||
<div class="contact-card">
|
||||
<div class="contact-card-icon">
|
||||
<i class="fas fa-globe"></i>
|
||||
</div>
|
||||
<h3>Global Reach</h3>
|
||||
<p>We work with clients worldwide.<br>Remote-first approach.</p>
|
||||
</div>
|
||||
|
||||
<a href="calendar.html" class="contact-card" style="text-decoration: none; color: inherit;">
|
||||
<div class="contact-card-icon">
|
||||
<i class="fas fa-calendar-alt"></i>
|
||||
</div>
|
||||
<h3>Book a Meeting</h3>
|
||||
<p>Schedule a consultation</p>
|
||||
<p>Choose your preferred time</p>
|
||||
</a>
|
||||
|
||||
<div class="contact-card">
|
||||
<div class="contact-card-icon">
|
||||
<i class="fas fa-envelope"></i>
|
||||
</div>
|
||||
<h3>Email Us</h3>
|
||||
<p><a href="mailto:info@mspe.pro" data-site-email>info@mspe.pro</a></p>
|
||||
<p>We respond promptly</p>
|
||||
</div>
|
||||
|
||||
<div class="contact-card">
|
||||
<div class="contact-card-icon">
|
||||
<i class="fas fa-phone"></i>
|
||||
</div>
|
||||
<h3>Call Us</h3>
|
||||
<p><a href="tel:+96178782023" style="color:inherit;" data-site-phone>+961 78 782 023</a></p>
|
||||
<p>We're here to help</p>
|
||||
</div>
|
||||
|
||||
<a href="https://wa.me/96178782023" class="contact-card" style="text-decoration: none; color: inherit;" target="_blank" rel="noopener noreferrer">
|
||||
<div class="contact-card-icon">
|
||||
<i class="fab fa-whatsapp" style="color: #25d366;"></i>
|
||||
</div>
|
||||
<h3>WhatsApp</h3>
|
||||
<p>Message us directly</p>
|
||||
<p>Quick replies, no wait</p>
|
||||
</a>
|
||||
|
||||
<div class="contact-card">
|
||||
<div class="contact-card-icon">
|
||||
<i class="fas fa-map-marker-alt"></i>
|
||||
</div>
|
||||
<h3>Our Location</h3>
|
||||
<p>Based in Beirut, Lebanon</p>
|
||||
<p>Serving clients worldwide</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact Form & Map -->
|
||||
<section class="contact-main">
|
||||
<div class="container">
|
||||
<div class="contact-grid">
|
||||
<!-- Contact Form -->
|
||||
<div class="contact-form-wrapper">
|
||||
<div class="form-header">
|
||||
<h2>Send Us a <span class="text-gradient">Message</span></h2>
|
||||
<p>Fill out the form below and our team will get back to you within 24 hours</p>
|
||||
</div>
|
||||
|
||||
<form class="contact-form" id="contact-form">
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label for="first-name">First Name *</label>
|
||||
<input type="text" id="first-name" name="first_name" required placeholder="John">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="last-name">Last Name *</label>
|
||||
<input type="text" id="last-name" name="last_name" required placeholder="Doe">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label for="email">Email Address *</label>
|
||||
<input type="email" id="email" name="email" required placeholder="john@example.com">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="phone">Phone Number</label>
|
||||
<input type="tel" id="phone" name="phone" placeholder="+1 (234) 567-890">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="company">Company Name</label>
|
||||
<input type="text" id="company" name="company" placeholder="Your Company">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="service">Service Interest</label>
|
||||
<select id="service" name="service">
|
||||
<option value="">Select a service</option>
|
||||
<option value="it-support">IT Support & Maintenance</option>
|
||||
<option value="cybersecurity">Cybersecurity Solutions</option>
|
||||
<option value="cloud">Cloud Services</option>
|
||||
<option value="consulting">Business Consulting</option>
|
||||
<option value="other">Other</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="budget">Estimated Budget</label>
|
||||
<select id="budget" name="budget">
|
||||
<option value="">Select budget range</option>
|
||||
<option value="under-5k">Under $5,000</option>
|
||||
<option value="5k-10k">$5,000 - $10,000</option>
|
||||
<option value="10k-25k">$10,000 - $25,000</option>
|
||||
<option value="25k-50k">$25,000 - $50,000</option>
|
||||
<option value="over-50k">Over $50,000</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="message">Your Message *</label>
|
||||
<textarea id="message" name="message" rows="5" required placeholder="Tell us about your project or inquiry..."></textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-group checkbox-group">
|
||||
<label class="checkbox-label">
|
||||
<input type="checkbox" name="newsletter" value="yes">
|
||||
<span class="checkmark"></span>
|
||||
Subscribe to our newsletter for updates and insights
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="form-group checkbox-group">
|
||||
<label class="checkbox-label">
|
||||
<input type="checkbox" name="privacy" required>
|
||||
<span class="checkmark"></span>
|
||||
I agree to the <a href="privacy.html">Privacy Policy</a> and <a href="terms.html">Terms of Service</a> *
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="cf-turnstile" data-sitekey="REPLACE_WITH_YOUR_TURNSTILE_SITE_KEY" data-theme="dark" style="margin-bottom: 1rem;"></div>
|
||||
|
||||
<button type="submit" class="btn btn-primary btn-block">
|
||||
<span>Send Message</span>
|
||||
<i class="fas fa-paper-plane"></i>
|
||||
</button>
|
||||
|
||||
<div class="form-message" id="form-message"></div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Map & Additional Info -->
|
||||
<div class="contact-sidebar">
|
||||
<div class="map-container">
|
||||
<div class="map-placeholder">
|
||||
<iframe
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d26520.509339942498!2d35.48!3d33.89!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x151f17215880a78f%3A0x729182bae99836b4!2sBeirut%2C%20Lebanon!5e0!3m2!1sen!2slb!4v1620000000000!5m2!1sen!2slb"
|
||||
width="100%"
|
||||
height="300"
|
||||
style="border:0;"
|
||||
allowfullscreen=""
|
||||
loading="lazy"
|
||||
referrerpolicy="no-referrer-when-downgrade">
|
||||
</iframe>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-info">
|
||||
<h3>The MSPE Difference</h3>
|
||||
<ul class="info-list">
|
||||
<li>
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<span>Fresh perspectives, innovative solutions</span>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<span>Founding partner pricing available</span>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<span>Direct access to our expert team</span>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<span>Security-first approach to everything</span>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<span>Tailored solutions, never templates</span>
|
||||
</li>
|
||||
<li>
|
||||
<i class="fas fa-map-marker-alt"></i>
|
||||
<span>Based in Beirut, Lebanon — serving clients globally</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-cta">
|
||||
<h3>Ready to Start?</h3>
|
||||
<p>Fill out the form and we will schedule a consultation to discuss your requirements</p>
|
||||
<a href="mailto:info@mspe.pro" class="btn btn-outline btn-block" data-site-email>
|
||||
<i class="fas fa-envelope"></i> Email Directly
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="social-connect">
|
||||
<h3>Connect With Us</h3>
|
||||
<div class="social-links">
|
||||
<a href="https://www.facebook.com/mspe.pro" class="social-link" title="Facebook" aria-label="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" aria-label="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)" aria-label="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" aria-label="Instagram" target="_blank" rel="noopener noreferrer">
|
||||
<i class="fab fa-instagram"></i>
|
||||
</a>
|
||||
<a href="https://wa.me/96178782023" class="social-link" title="WhatsApp" aria-label="WhatsApp" target="_blank" rel="noopener noreferrer">
|
||||
<i class="fab fa-whatsapp"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ Section -->
|
||||
<section class="faq-section">
|
||||
<div class="container">
|
||||
<div class="section-header text-center">
|
||||
<h2 class="section-title">Frequently Asked <span class="text-gradient">Questions</span></h2>
|
||||
<p class="section-subtitle">Quick answers to common questions about our services</p>
|
||||
</div>
|
||||
|
||||
<div class="faq-grid">
|
||||
<div class="faq-item">
|
||||
<div class="faq-question">
|
||||
<h4>What is your typical response time?</h4>
|
||||
<span class="faq-toggle"><i class="fas fa-plus"></i></span>
|
||||
</div>
|
||||
<div class="faq-answer">
|
||||
<p>We respond to all inquiries within 24 business hours. For existing clients with support contracts, our response time is typically under 4 hours, with critical issues addressed within 1 hour.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<div class="faq-question">
|
||||
<h4>How does the consultation process work?</h4>
|
||||
<span class="faq-toggle"><i class="fas fa-plus"></i></span>
|
||||
</div>
|
||||
<div class="faq-answer">
|
||||
<p>We begin with a discovery consultation to understand your environment and priorities. After that, we share practical recommendations and a clear implementation scope.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<div class="faq-question">
|
||||
<h4>What industries do you serve?</h4>
|
||||
<span class="faq-toggle"><i class="fas fa-plus"></i></span>
|
||||
</div>
|
||||
<div class="faq-answer">
|
||||
<p>We serve a wide range of industries including finance, healthcare, retail, manufacturing, education, and government. Our solutions are customized to meet industry-specific compliance and security requirements.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<div class="faq-question">
|
||||
<h4>Do you provide remote support?</h4>
|
||||
<span class="faq-toggle"><i class="fas fa-plus"></i></span>
|
||||
</div>
|
||||
<div class="faq-answer">
|
||||
<p>Absolutely! We provide comprehensive remote support services for clients worldwide. Our secure remote access tools allow us to resolve most issues quickly without requiring an on-site visit.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<div class="faq-question">
|
||||
<h4>What are your payment options?</h4>
|
||||
<span class="faq-toggle"><i class="fas fa-plus"></i></span>
|
||||
</div>
|
||||
<div class="faq-answer">
|
||||
<p>We offer flexible payment options including monthly retainers, project-based billing, and hourly rates. We accept credit cards, bank transfers, and can accommodate various billing cycles to suit your needs.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<div class="faq-question">
|
||||
<h4>How do we begin a project with MSPE?</h4>
|
||||
<span class="faq-toggle"><i class="fas fa-plus"></i></span>
|
||||
</div>
|
||||
<div class="faq-answer">
|
||||
<p>Getting started is straightforward. Submit the form above or contact us directly and we will arrange a consultation, then provide a clear proposal and timeline.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="cta-section">
|
||||
<div class="cta-bg">
|
||||
<div class="cta-shape cta-shape-1"></div>
|
||||
<div class="cta-shape cta-shape-2"></div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="cta-content">
|
||||
<h2 class="cta-title">Ready to Transform Your IT Infrastructure?</h2>
|
||||
<p class="cta-text">Let's discuss how MSPE can help secure and optimize your business technology</p>
|
||||
<div class="cta-buttons">
|
||||
<a href="#contact-form" class="btn btn-white">Schedule Consultation</a>
|
||||
<a href="services.html" class="btn btn-outline-white">
|
||||
<i class="fas fa-th-large"></i> View Our Services
|
||||
</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="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>
|
||||
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user