Add Gyannetra website files
This commit is contained in:
415
index.html
415
index.html
@@ -5,6 +5,7 @@
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
<title>Gyannetra — AI Services & Solutions</title>
|
||||
<link rel="stylesheet" href="css/style.css" />
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
@@ -55,40 +56,335 @@
|
||||
</nav>
|
||||
</header> <!-- HERO -->
|
||||
<section id="hero">
|
||||
<div class="hero-overlay"></div>
|
||||
<div class="hero-content container">
|
||||
<div class="hero-overlay"></div> <div class="hero-content container">
|
||||
<h1>AI SERVICES<br />AND SOLUTIONS</h1>
|
||||
<p>Inventing the future, powered by intelligence: We unlock the infinite potential of artificial intelligence to create groundbreaking solutions that anticipate tomorrow's needs.</p>
|
||||
<button class="btn-primary">Get Started</button>
|
||||
<a href="contact.html" class="btn-primary">Get Started</a>
|
||||
</div>
|
||||
</section> <!-- TECHNOLOGIES -->
|
||||
<section id="technologies">
|
||||
<div class="container">
|
||||
<h2 class="section-heading">TECHNOLOGIES WE USE</h2>
|
||||
</div>
|
||||
|
||||
<!-- First marquee (right to left) -->
|
||||
<div class="tech-marquee-container">
|
||||
<div class="tech-marquee">
|
||||
<div class="tech-marquee-content">
|
||||
<!-- First set of items -->
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon ollama"></div>
|
||||
</div>
|
||||
<p>Ollama</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon langchain"></div>
|
||||
</div>
|
||||
<p>LangChain</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon chroma"></div>
|
||||
</div>
|
||||
<p>Chroma</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon pinecone"></div>
|
||||
</div>
|
||||
<p>Pinecone</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon vectordb"></div>
|
||||
</div>
|
||||
<p>Vector DB</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon openai"></div>
|
||||
</div>
|
||||
<p>OpenAI</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon huggingface"></div>
|
||||
</div>
|
||||
<p>Hugging Face</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon pytorch"></div>
|
||||
</div>
|
||||
<p>PyTorch</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon tensorflow"></div>
|
||||
</div>
|
||||
<p>TensorFlow</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon llama"></div>
|
||||
</div>
|
||||
<p>Llama</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon milvus"></div>
|
||||
</div>
|
||||
<p>Milvus</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon faiss"></div>
|
||||
</div>
|
||||
<p>FAISS</p>
|
||||
</div>
|
||||
|
||||
<!-- Duplicated set for seamless looping -->
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon ollama"></div>
|
||||
</div>
|
||||
<p>Ollama</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon langchain"></div>
|
||||
</div>
|
||||
<p>LangChain</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon chroma"></div>
|
||||
</div>
|
||||
<p>Chroma</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon pinecone"></div>
|
||||
</div>
|
||||
<p>Pinecone</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon vectordb"></div>
|
||||
</div>
|
||||
<p>Vector DB</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon openai"></div>
|
||||
</div>
|
||||
<p>OpenAI</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon huggingface"></div>
|
||||
</div>
|
||||
<p>Hugging Face</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon pytorch"></div>
|
||||
</div>
|
||||
<p>PyTorch</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon tensorflow"></div>
|
||||
</div>
|
||||
<p>TensorFlow</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon llama"></div>
|
||||
</div>
|
||||
<p>Llama</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon milvus"></div>
|
||||
</div>
|
||||
<p>Milvus</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon faiss"></div>
|
||||
</div>
|
||||
<p>FAISS</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tech-shadow tech-shadow-left"></div>
|
||||
<div class="tech-shadow tech-shadow-right"></div>
|
||||
</div>
|
||||
<!-- Divider between marquees -->
|
||||
<div class="tech-marquee-divider"></div>
|
||||
|
||||
<!-- Second marquee (left to right) -->
|
||||
<div class="tech-marquee-container tech-marquee-reversed">
|
||||
<div class="tech-marquee">
|
||||
<div class="tech-marquee-content tech-marquee-content-reversed">
|
||||
<!-- First set of items for reverse direction -->
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon weaviate"></div>
|
||||
</div>
|
||||
<p>Weaviate</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon qdrant"></div>
|
||||
</div>
|
||||
<p>Qdrant</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon haystack"></div>
|
||||
</div>
|
||||
<p>Haystack</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon mistral"></div>
|
||||
</div>
|
||||
<p>Mistral AI</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon anthropic"></div>
|
||||
</div>
|
||||
<p>Anthropic</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon groq"></div>
|
||||
</div>
|
||||
<p>Groq</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon gemini"></div>
|
||||
</div>
|
||||
<p>Gemini</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon llamaindex"></div>
|
||||
</div>
|
||||
<p>LlamaIndex</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon vllm"></div>
|
||||
</div>
|
||||
<p>vLLM</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon rag"></div>
|
||||
</div>
|
||||
<p>RAG</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon transformers"></div>
|
||||
</div>
|
||||
<p>Transformers</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon spacy"></div>
|
||||
</div>
|
||||
<p>spaCy</p>
|
||||
</div>
|
||||
|
||||
<!-- Duplicated set for seamless looping -->
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon weaviate"></div>
|
||||
</div>
|
||||
<p>Weaviate</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon qdrant"></div>
|
||||
</div>
|
||||
<p>Qdrant</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon haystack"></div>
|
||||
</div>
|
||||
<p>Haystack</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon mistral"></div>
|
||||
</div>
|
||||
<p>Mistral AI</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon anthropic"></div>
|
||||
</div>
|
||||
<p>Anthropic</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon groq"></div>
|
||||
</div>
|
||||
<p>Groq</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon gemini"></div>
|
||||
</div>
|
||||
<p>Gemini</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon llamaindex"></div>
|
||||
</div>
|
||||
<p>LlamaIndex</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon vllm"></div>
|
||||
</div>
|
||||
<p>vLLM</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon rag"></div>
|
||||
</div>
|
||||
<p>RAG</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon transformers"></div>
|
||||
</div>
|
||||
<p>Transformers</p>
|
||||
</div>
|
||||
<div class="tech-marquee-item">
|
||||
<div class="tech-icon-container">
|
||||
<div class="tech-icon spacy"></div>
|
||||
</div>
|
||||
<p>spaCy</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tech-shadow tech-shadow-left"></div>
|
||||
<div class="tech-shadow tech-shadow-right"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- TECHNOLOGIES -->
|
||||
<section id="technologies" class="container">
|
||||
<h2 class="section-heading">TECHNOLOGIES WE USE</h2>
|
||||
<div class="tech-grid">
|
||||
<div class="tech-item">
|
||||
<img src="assets/icon-dl.png" alt="Deep Learning" />
|
||||
<p>Deep Learning</p>
|
||||
<p class="tech-description">Building complex neural networks for advanced pattern recognition and decision making.</p>
|
||||
</div>
|
||||
<div class="tech-item">
|
||||
<img src="assets/icon-ml.png" alt="Machine Learning" />
|
||||
<p>Machine Learning</p>
|
||||
<p class="tech-description">Developing algorithms that learn from data to make predictions and improve performance.</p>
|
||||
</div>
|
||||
<div class="tech-item">
|
||||
<img src="assets/icon-nlp.png" alt="Natural Language Processing" />
|
||||
<p>Natural Language<br />Processing</p>
|
||||
<p class="tech-description">Enabling computers to understand, interpret, and generate human language.</p>
|
||||
</div>
|
||||
<div class="tech-item">
|
||||
<img src="assets/icon-cv.png" alt="Computer Vision" />
|
||||
<p>Computer Vision</p>
|
||||
<p class="tech-description">Allowing systems to interpret and make decisions based on visual data.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="tech-section-spacer"></div>
|
||||
|
||||
<!-- EXPERTISE -->
|
||||
<section id="expertise" class="container">
|
||||
@@ -110,18 +406,55 @@
|
||||
</section>
|
||||
|
||||
<!-- FOOTER -->
|
||||
<footer class="container footer">
|
||||
<div class="footer-col">
|
||||
<h3>Ready to get started?</h3>
|
||||
<a href="contact.html" class="btn-primary">Get Started</a>
|
||||
<footer class="site-footer">
|
||||
<div class="container">
|
||||
<div class="footer-content">
|
||||
<div class="footer-col footer-col-logo">
|
||||
<a href="index.html" class="logo">GYANNETRA</a>
|
||||
<p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
|
||||
<div class="social-links">
|
||||
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
|
||||
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
|
||||
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h3>Quick Links</h3>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="Services/machine-learning.html">Machine Learning</a></li>
|
||||
<li><a href="Services/data-analysis.html">Data Analysis</a></li>
|
||||
<li><a href="Services/generative-ai.html">Generative AI</a></li>
|
||||
<li><a href="Services/agentic-ai.html">Agentic AI</a></li>
|
||||
<li><a href="Services/automation-flows.html">Automation Flows</a></li>
|
||||
<li><a href="about.html">About Us</a></li>
|
||||
<li><a href="contact.html">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h3>Contact Us</h3>
|
||||
<ul>
|
||||
<li><p><i class="fas fa-map-marker-alt"></i> 123 AI Street, Innovation City, Techland</p></li>
|
||||
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</p></li>
|
||||
<li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h3>Follow Us</h3>
|
||||
<p>Stay updated with our latest insights and news.</p>
|
||||
<form action="#" method="post" class="newsletter-form" style="display: none;">
|
||||
<input type="email" name="email" placeholder="Enter your email" required>
|
||||
<button type="submit" class="btn btn-secondary">Subscribe</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<p>© 2025 Gyannetra. All rights reserved. | <a href="privacy-policy.html">Privacy Policy</a> | <a href="terms-of-service.html">Terms of Service</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<h3>CONTACT US</h3>
|
||||
<p>✉️ info@gvannetra.com</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="js/menu-dropdown.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
</footer> <script src="js/menu-dropdown.js" defer></script>
|
||||
<script src="js/main.js" defer></script>
|
||||
<script src="js/tech-marquee.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user