212 lines
7.5 KiB
HTML
212 lines
7.5 KiB
HTML
<!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="Transform your business with cutting-edge AI solutions. Premium SaaS platform for startups and digital agencies.">
|
|
<title>NeuralSync - AI-Powered SaaS Solutions for Modern Businesses HTML Template</title>
|
|
|
|
<!-- Google Fonts -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
|
|
<!-- Bootstrap 5 -->
|
|
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
|
<!-- Bootstrap Icons -->
|
|
<link rel="stylesheet" href="assets/fonts/bootstrap-icons.min.css">
|
|
<!-- Font Awesome -->
|
|
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
|
|
<link rel="stylesheet" href="assets/css/slick.min.css">
|
|
<link rel="stylesheet" href="assets/css/theme-spacing.min.css">
|
|
<!-- Template styles -->
|
|
<link rel="stylesheet" href="assets/css/style.css">
|
|
<link rel="stylesheet" href="assets/css/responsive.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="page-wrapper">
|
|
|
|
<!-- START PRELOADER -->
|
|
<div class="preloader">
|
|
<div class="status">
|
|
<div class="loader">
|
|
<div class="loading-1"></div>
|
|
<div class="loading-2">Loading...</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END PRELOADER -->
|
|
|
|
<!-- BACK TO TOP -->
|
|
<div class="scroll-top">
|
|
<i class="bi bi-arrow-up" style="font-size: 1.5rem; color: white;"></i>
|
|
</div>
|
|
<!-- BACK TO TOP -->
|
|
|
|
<!-- Animated Background -->
|
|
<div class="animated-bg"></div>
|
|
|
|
<!-- Navigation -->
|
|
<nav class="navbar navbar-expand-lg fixed-top">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="index.html"><i class="fa-light fa-sparkles mr-5"></i>NeuralSync</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav ms-auto align-items-center">
|
|
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="features.html">Features</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="portfolio.html">Portfolio</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="pricing.html">Pricing</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
|
|
<li class="nav-item ms-3">
|
|
<button class="btn-primary-gradient">Get Started</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<main>
|
|
|
|
<!-- START BREADCRUMB -->
|
|
<section class="breadcrumb-area position-relative black-bg breadcrumb-cover-bg breadcrumb-spacing breadcrumb-bg-attach);">
|
|
<div class="container">
|
|
<div class="row justify-content-center text-center">
|
|
<div class="col-xxl-12">
|
|
<div class="breadcrumb-content p-relative z-index-2">
|
|
<div class="breadcrumb-single-content mb-10">
|
|
<span><a href="index.html"><i class="fa-light fa-house fa-fade me-2"></i>HOME</a></span>
|
|
<span class="breadcrumb-sub-title">CONTACT</span>
|
|
</div>
|
|
<h3 class="breadcrumb-title split-content end">Contact Us</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- END BREADCRUMB -->
|
|
|
|
|
|
<!-- Contact Form -->
|
|
<section class="atf-section-padding" id="contact">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8 fade-in">
|
|
<form class="contact-form glass-card" onsubmit="submitContact(event)">
|
|
<div class="row g-3">
|
|
<div class="col-md-6">
|
|
<input type="text" placeholder="Your Name" required>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<input type="email" placeholder="Your Email" required>
|
|
</div>
|
|
<div class="col-12">
|
|
<input type="text" placeholder="Subject">
|
|
</div>
|
|
<div class="col-12">
|
|
<textarea rows="6" placeholder="Your Message" required></textarea>
|
|
</div>
|
|
<div class="col-12">
|
|
<button type="submit" class="btn-primary-gradient w-100">Send Message</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer>
|
|
<!-- Footer -->
|
|
<div class="footer">
|
|
<div class="container">
|
|
<div class="row g-4">
|
|
<div class="col-lg-4 col-md-6 fadeInLeft">
|
|
<h3 class="navbar-brand mb-50"><i class="fa-light fa-sparkles mr-5"></i>NeuralSync</h3>
|
|
<p class="text-secondary mb-4">Empowering businesses with cutting-edge AI technology to automate, analyze, and accelerate growth in the digital age.</p>
|
|
<div class="social-links">
|
|
<a href="#"><i class="fab fa-x-twitter"></i></a>
|
|
<a href="#"><i class="bi bi-linkedin"></i></a>
|
|
<a href="#"><i class="bi bi-github"></i></a>
|
|
<a href="#"><i class="bi bi-instagram"></i></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-6 fadeInUp">
|
|
<h3>Product</h3>
|
|
<ul>
|
|
<li><a href="#features">Features</a></li>
|
|
<li><a href="#pricing">Pricing</a></li>
|
|
<li><a href="#">Security</a></li>
|
|
<li><a href="#">Integrations</a></li>
|
|
<li><a href="#">API Docs</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-6 fadeInUp">
|
|
<h3>Company</h3>
|
|
<ul>
|
|
<li><a href="#about">About Us</a></li>
|
|
<li><a href="#">Careers</a></li>
|
|
<li><a href="#">Blog</a></li>
|
|
<li><a href="#">Press Kit</a></li>
|
|
<li><a href="#contact">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-6 fadeInUp">
|
|
<h3>Resources</h3>
|
|
<ul>
|
|
<li><a href="#">Documentation</a></li>
|
|
<li><a href="#">Tutorials</a></li>
|
|
<li><a href="#">Community</a></li>
|
|
<li><a href="#">Support</a></li>
|
|
<li><a href="#">Status</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-lg-2 col-md-6 fadeInRight">
|
|
<h3>Legal</h3>
|
|
<ul>
|
|
<li><a href="#">Privacy Policy</a></li>
|
|
<li><a href="#">Terms of Service</a></li>
|
|
<li><a href="#">Cookie Policy</a></li>
|
|
<li><a href="#">GDPR</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<hr style="border-color: rgba(255,255,255,0.1); margin: 3rem 0 2rem;">
|
|
|
|
<div class="row align-items-center">
|
|
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
|
|
<p class="text-secondary mb-0">© 2026 NeuralSync. All rights reserved.</p>
|
|
</div>
|
|
<div class="col-md-6 text-center text-md-end">
|
|
<p class="text-secondary mb-0">Made with <span style="color: #f093fb;">?</span> for innovators worldwide</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</footer>
|
|
|
|
|
|
</div>
|
|
<!-- END PRELOADER -->
|
|
|
|
<!-- jQuery, Bootstrap, GSAP -->
|
|
<script src="assets/js/jquery.min.js"></script>
|
|
<!-- Latest compiled and minified Bootstrap -->
|
|
<script src="assets/js/bootstrap.min.js"></script>
|
|
<script src="assets/js/plugin.min.js"></script>
|
|
<script src="assets/js/gsap.js"></script>
|
|
<!-- Template scripts -->
|
|
<script src="assets/js/main.js"></script>
|
|
</body>
|
|
</html> |