mirror of
https://github.com/thecyberlearn/quantum-website-2026.git
synced 2026-08-18 09:03:21 +00:00
220 lines
10 KiB
HTML
220 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>AI & Automation Blog - Quantum Tasks AI</title>
|
|
|
|
<!-- SEO Meta Tags -->
|
|
<meta name="description" content="Expert insights on AI, automation, and cybersecurity. Stay updated with the latest trends in artificial intelligence and task automation solutions.">
|
|
<meta name="keywords" content="AI blog, artificial intelligence, automation, cybersecurity, machine learning, AI agents, digital transformation">
|
|
<meta name="author" content="Quantum Tasks AI">
|
|
|
|
<!-- Open Graph Meta Tags for Rich Link Previews -->
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:site_name" content="Quantum Tasks AI">
|
|
<meta property="og:title" content="AI & Automation Blog - Quantum Tasks AI">
|
|
<meta property="og:description" content="Expert insights on AI, automation, and cybersecurity. Stay updated with the latest trends in artificial intelligence and task automation solutions.">
|
|
<meta property="og:url" content="https://quantumtaskai.com/blog.html">
|
|
<meta property="og:image" content="https://quantumtaskai.com/img/og-image.png">
|
|
<meta property="og:image:width" content="1200">
|
|
<meta property="og:image:height" content="630">
|
|
<meta property="og:image:alt" content="Quantum Tasks AI Blog - AI & Automation Insights">
|
|
|
|
<!-- Twitter Card Meta Tags -->
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:site" content="@quantumtaskai">
|
|
<meta name="twitter:title" content="AI & Automation Blog - Quantum Tasks AI">
|
|
<meta name="twitter:description" content="Expert insights on AI, automation, and cybersecurity. Stay updated with the latest trends in artificial intelligence and task automation solutions.">
|
|
<meta name="twitter:image" content="https://quantumtaskai.com/img/og-image.png">
|
|
|
|
<!-- Favicon -->
|
|
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
|
|
|
|
<!-- Font Loading -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
|
|
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"></noscript>
|
|
|
|
<!-- Styles -->
|
|
<link rel="stylesheet" href="css/style.css">
|
|
|
|
<!-- Structured Data -->
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "Blog",
|
|
"name": "Quantum Tasks AI Blog",
|
|
"description": "Expert insights on AI, automation, and cybersecurity",
|
|
"url": "https://quantumtaskai.com/blog.html",
|
|
"publisher": {
|
|
"@type": "Organization",
|
|
"name": "Quantum Tasks AI",
|
|
"url": "https://quantumtaskai.com"
|
|
}
|
|
}
|
|
</script>
|
|
</head>
|
|
<body class="blog-context">
|
|
<!-- Header -->
|
|
<header class="hdr">
|
|
<div class="hdr-inner">
|
|
<a href="index.html" class="hdr-logo">
|
|
<img src="img/logo.png" alt="Quantum Tasks AI">
|
|
</a>
|
|
<nav class="hdr-nav" id="hdr-nav" aria-label="Main navigation">
|
|
<a href="index.html">Home</a>
|
|
<a href="digital-branding.html">AI Digital Branding</a>
|
|
<a href="https://blog.quantumtaskai.com/" class="active">Blog</a>
|
|
<a href="https://ai-chat.quantumtaskai.com/">AI Chat</a>
|
|
<a href="https://ai.quantumtaskai.com/agents/">AI Marketplace</a>
|
|
</nav>
|
|
<button class="hdr-burger" id="hdr-burger" aria-label="Toggle navigation" aria-expanded="false" aria-controls="hdr-nav">
|
|
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" aria-hidden="true">
|
|
<path d="M3 5h16M3 11h16M3 17h16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Blog Surface Card Wrapper -->
|
|
<div class="blog-surface">
|
|
<!-- Minimal Blog Header -->
|
|
<section class="blog-header">
|
|
<div class="container">
|
|
<div class="blog-intro">
|
|
<h1 class="blog-title">Insights</h1>
|
|
<p class="blog-subtitle">Expert perspectives on AI, automation, and cybersecurity</p>
|
|
</div>
|
|
|
|
<!-- Simple Search -->
|
|
<div class="search-container">
|
|
<input type="text" id="blogSearch" placeholder="Search articles..." class="search-field">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Simple Category Navigation -->
|
|
<nav class="category-nav">
|
|
<div class="container">
|
|
<ul class="category-list">
|
|
<li><button class="category-link active" onclick="filterCategory('all')">All</button></li>
|
|
<li><button class="category-link" onclick="filterCategory('ai-automation')">AI & Automation</button></li>
|
|
<li><button class="category-link" onclick="filterCategory('cybersecurity')">Cybersecurity</button></li>
|
|
<li><button class="category-link" onclick="filterCategory('business')">Business</button></li>
|
|
<li><button class="category-link" onclick="filterCategory('technical')">Technical</button></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Article List -->
|
|
<main class="article-list">
|
|
<div class="container">
|
|
<div class="articles" id="blogGrid">
|
|
<!-- Articles will be dynamically loaded here -->
|
|
</div>
|
|
|
|
<!-- Simple Loading State -->
|
|
<div class="loading-state" id="blogLoading">
|
|
<!-- skeleton injected by JS -->
|
|
</div>
|
|
|
|
<!-- Simple Empty State -->
|
|
<div class="empty-state" id="blogEmpty" style="display: none;">
|
|
<p>No articles found. <button class="reset-filters" onclick="filterCategory('all'); document.getElementById('blogSearch').value = ''; searchBlog();">Show all articles</button></p>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
<!-- Simple Newsletter -->
|
|
<section class="newsletter">
|
|
<div class="container">
|
|
<h2>Stay updated</h2>
|
|
<p>Get new articles delivered to your inbox</p>
|
|
<form class="newsletter-form" id="newsletterForm">
|
|
<input type="email" placeholder="your@email.com" class="email-input" required>
|
|
<button type="submit" class="subscribe-btn">Subscribe</button>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer">
|
|
<div class="footer-container">
|
|
<!-- Main Footer Content -->
|
|
<div class="footer-main">
|
|
<!-- Company Info -->
|
|
<div class="footer-company">
|
|
<div class="footer-logo">
|
|
<img src="img/logo.png" alt="Quantum Tasks AI" class="footer-logo-img">
|
|
</div>
|
|
<p class="footer-description">
|
|
Leading cybersecurity consultancy providing comprehensive security solutions and AI-powered automation.
|
|
</p>
|
|
|
|
<div class="footer-contact">
|
|
<a href="mailto:abhay@quantumtaskai.com" class="footer-contact-item">
|
|
📧 abhay@quantumtaskai.com
|
|
</a>
|
|
<span class="footer-contact-item">
|
|
📍 Dubai, UAE
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Navigation Sections -->
|
|
<div class="footer-nav">
|
|
<!-- Services -->
|
|
<div class="footer-nav-section">
|
|
<h4 class="footer-nav-title">Services</h4>
|
|
<div class="footer-nav-links">
|
|
<a href="index.html#services" class="footer-nav-link">Cybersecurity Consulting</a>
|
|
<a href="index.html#services" class="footer-nav-link">AI Automation</a>
|
|
<a href="digital-branding.html" class="footer-nav-link">Digital Branding</a>
|
|
<a href="freight-flow.html" class="footer-nav-link">FreightFlow</a>
|
|
<a href="index.html#services" class="footer-nav-link">Rapid Response</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Company -->
|
|
<div class="footer-nav-section">
|
|
<h4 class="footer-nav-title">Company</h4>
|
|
<div class="footer-nav-links">
|
|
<a href="index.html#about" class="footer-nav-link">About Us</a>
|
|
<a href="index.html#founder" class="footer-nav-link">Leadership</a>
|
|
<a href="index.html#contact" class="footer-nav-link">Contact Us</a>
|
|
<a href="https://app.quantumtaskai.com" class="footer-nav-link">AI Marketplace</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Bottom Section -->
|
|
<div class="footer-bottom">
|
|
<p class="footer-copyright">
|
|
© 2025 Quantum Tasks AI. All rights reserved.
|
|
</p>
|
|
<div class="footer-legal">
|
|
<a href="#privacy" class="footer-legal-link">Privacy Policy</a>
|
|
<a href="#terms" class="footer-legal-link">Terms of Service</a>
|
|
<a href="#security" class="footer-legal-link">Security</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Scripts -->
|
|
<script src="js/script.js"></script>
|
|
<script>
|
|
// Load blog posts on page load
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
loadBlogPosts();
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |