Fix icon hover colors, text alignment, and UI improvements
This commit is contained in:
Krikorios
+39
-8
@@ -8,15 +8,15 @@
|
||||
<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 href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;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=Space+Grotesk:wght@500;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/variables.css">
|
||||
<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">
|
||||
@@ -65,10 +65,17 @@
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<body class="has-promo">
|
||||
<!-- Skip to Content (Accessibility) -->
|
||||
<a href="#services" class="skip-to-content">Skip to main content</a>
|
||||
|
||||
<!-- Promo Announcement Bar -->
|
||||
<div class="promo-bar" id="promo-bar">
|
||||
<span class="promo-icon"><i class="fas fa-shield-alt"></i></span>
|
||||
<span>🔒 <strong>Free Infrastructure Audit</strong> — Limited availability. <a href="calendar.html">Book your spot →</a></span>
|
||||
<button class="promo-close" aria-label="Close promotion"><i class="fas fa-times"></i></button>
|
||||
</div>
|
||||
|
||||
<!-- Preloader -->
|
||||
<div class="preloader" id="preloader">
|
||||
<div class="loader">
|
||||
@@ -158,7 +165,7 @@
|
||||
<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>
|
||||
<h2 class="hero-title">Proactive <span class="highlight">Cyber Defense</span></h2>
|
||||
<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>
|
||||
@@ -192,7 +199,7 @@
|
||||
<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>
|
||||
<h2 class="hero-title">Boundless <span class="highlight">Cloud</span> Architecture</h2>
|
||||
<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>
|
||||
@@ -233,6 +240,17 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Trust Strip -->
|
||||
<div class="trust-strip">
|
||||
<div class="container">
|
||||
<div class="trust-item"><i class="fas fa-shield-alt"></i> <span>Security-First</span></div>
|
||||
<div class="trust-item"><i class="fas fa-certificate"></i> <span>ISO 27001 Aligned</span></div>
|
||||
<div class="trust-item"><i class="fas fa-clock"></i> <span>4hr SLA Response</span></div>
|
||||
<div class="trust-item"><i class="fas fa-globe"></i> <span>MENA & Global Reach</span></div>
|
||||
<div class="trust-item"><i class="fas fa-handshake"></i> <span>Free Initial Audit</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- What We Commit To -->
|
||||
<section class="stats">
|
||||
<div class="container">
|
||||
@@ -294,7 +312,7 @@
|
||||
</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>
|
||||
<a href="calendar.html" class="btn btn-primary btn-pulse">Start with a Free Audit <i class="fas fa-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -320,7 +338,8 @@
|
||||
</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-card featured">
|
||||
<span class="service-badge">Most Popular</span>
|
||||
<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>
|
||||
@@ -636,6 +655,13 @@
|
||||
<span>Beirut, Lebanon</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="footer-newsletter">
|
||||
<p>Get expert insights delivered to your inbox</p>
|
||||
<form class="newsletter-form" id="footer-newsletter-form">
|
||||
<input type="email" placeholder="Your email address" required aria-label="Email for newsletter">
|
||||
<button type="submit" class="btn-newsletter">Subscribe</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -656,6 +682,11 @@
|
||||
<i class="fas fa-chevron-up"></i>
|
||||
</button>
|
||||
|
||||
<!-- Mobile Sticky CTA -->
|
||||
<div class="mobile-sticky-cta">
|
||||
<a href="calendar.html" class="btn btn-primary"><i class="fas fa-calendar-check"></i> Book Free Consultation</a>
|
||||
</div>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="js/main.js" defer></script>
|
||||
<script src="js/ultimate-ui.js" defer></script>
|
||||
|
||||
Reference in New Issue
Block a user