quantum-website-2026/anuga.html
2026-04-05 20:29:43 +05:30

194 lines
8.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WF - Quantum Tasks AI</title>
<!-- SEO Meta Tags -->
<meta name="description" content="WF - Quantum Tasks AI form submission page">
<meta name="keywords" content="AI, artificial intelligence, automation, task management, AI agents">
<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="WF - Quantum Tasks AI">
<meta property="og:description" content="WF form submission page for Quantum Tasks AI">
<meta property="og:url" content="https://quantumtaskai.com/wf">
<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 - AI Agent Marketplace">
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@quantumtaskai">
<meta name="twitter:title" content="WF - Quantum Tasks AI">
<meta name="twitter:description" content="WF form submission page for Quantum Tasks AI">
<meta name="twitter:image" content="https://quantumtaskai.com/img/og-image.png">
<!-- Favicon -->
<!-- Favicon files will be added later -->
<!-- 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">
<style>
.form-container {
min-height: 100vh;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
display: flex;
align-items: center;
justify-content: center;
padding: 2rem;
}
.form-wrapper {
width: 100%;
max-width: 800px;
background: white;
border-radius: 12px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.form-content {
padding: 1rem;
min-height: 600px;
}
.jotform-iframe {
width: 100%;
height: 700px;
border: none;
border-radius: 8px;
}
@media (max-width: 768px) {
.form-container {
padding: 1rem;
}
.jotform-iframe {
height: 800px;
}
}
</style>
</head>
<body>
<!-- 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/">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>
<!-- Main Content -->
<main class="form-container">
<div class="form-wrapper">
<div class="form-content">
<iframe
id="JotFormIFrame-252561494170457"
title="WF Form"
onload="window.parent.scrollTo(0,0)"
allowtransparency="true"
allow="geolocation; microphone; camera; midi; encrypted-media;"
src="https://form.jotform.com/252721607087458"
frameborder="0"
class="jotform-iframe"
scrolling="no">
</iframe>
<script src='https://cdn.jotfor.ms/s/umd/latest/for-form-embed-handler.js'></script>
<script>window.jotformEmbedHandler("iframe[id='JotFormIFrame-252561494170457']", "https://form.jotform.com/");</script>
</div>
</div>
</main>
<!-- 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="#services" class="footer-nav-link">Cybersecurity Consulting</a>
<a href="#services" class="footer-nav-link">AI Automation</a>
<a href="digital-branding.html" class="footer-nav-link">Digital Branding</a>
<a href="#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="#about" class="footer-nav-link">About Us</a>
<a href="#founder" class="footer-nav-link">Leadership</a>
<a href="#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>
</body>
</html>