index.html

<!--
    A Documentation website about the organization: PROJECT TEST
    Copyright (C) 2024  ProjectTEST

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
-->

<!DOCTYPE HTML>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Project TEST - Home</title>
  <!-- External CSS -->
  <link rel="stylesheet" href="css/index_styles.css" />
  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
  <!-- Google Fonts -->
  <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=Inter:wght@300;400;600;700;900&family=Space+Grotesk:wght@400;500;700&display=swap" rel="stylesheet">
</head>
<body>
  <header class="header" id="header">
    <div class="container">
      <div class="nav-container">
        <a href="index.html" class="logo">Project<span>TEST</span></a>
        <button class="menu-toggle" id="menuToggle">
          <i class="fas fa-bars"></i>
        </button>
        <ul class="nav-menu" id="navMenu">
          <li><a href="index.html">Home</a></li>
          <li><a href="projects.html">Projects</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </div>
    </div>
  </header>

  <div class="hero">
    <canvas id="nnCanvas"></canvas>
    <div class="hero-content">
      <h1 class="hero-title fade-in">Welcome to Project<span>TEST</span></h1>
      <p class="hero-subtitle fade-in delay-1">Collaborative Software Development for the Future.</p>
      <div class="button-container fade-in delay-2">
        <a href="about.html" class="btn btn-outline">
          <i class="fas fa-info-circle"></i> Learn More
        </a>
        <a href="projects.html" class="btn btn-primary">
          <i class="fas fa-code"></i> Explore Projects
        </a>
      </div>
    </div>
  </div>

  <section class="section">
    <div class="container">
      <h2 class="section-title fade-in">What We Offer</h2>
      <p class="section-subtitle fade-in delay-1">At Project TEST, we create robust applications and provide platforms for developers to collaborate and innovate.</p>
      <div class="card-grid">
        <div class="card fade-in">
          <div class="card-icon">
            <i class="fas fa-code"></i>
          </div>
          <h3 class="card-title">Software Development</h3>
          <p class="card-content">We build functional and impactful applications with diverse programming languages, focusing on quality and innovation.</p>
          <a href="projects.html" class="card-link">View Projects <i class="fas fa-arrow-right"></i></a>
        </div>
        <div class="card fade-in delay-1">
          <div class="card-icon">
            <i class="fas fa-brain"></i>
          </div>
          <h3 class="card-title">AI Research & Development</h3>
          <p class="card-content">We explore artificial intelligence frontiers, developing smart solutions and language models that push the boundaries of what's possible.</p>
          <a href="projects.html" class="card-link">Learn More <i class="fas fa-arrow-right"></i></a>
        </div>
        <div class="card fade-in delay-2">
          <div class="card-icon">
            <i class="fas fa-users"></i>
          </div>
          <h3 class="card-title">Skill Development</h3>
          <p class="card-content">We offer opportunities for developers at all levels to improve their skills in project management, teamwork, and software development.</p>
          <a href="about.html" class="card-link">Join Us <i class="fas fa-arrow-right"></i></a>
        </div>
      </div>
    </div>
  </section>

  <section class="section community-section">
    <div class="container">
      <div class="discord-card fade-in">
        <div class="discord-icon">
          <i class="fab fa-discord"></i>
        </div>
        <h3 class="discord-title">Join Our Discord Community</h3>
        <p class="discord-text">Connect with like-minded developers, share ideas, and grow your skills in our vibrant Discord community. With dedicated channels for discussions, help, project testing, and fun activities.</p>
        <a href="https://discord.com/invite/z6eCvSHuVY" target="_blank" class="btn btn-primary">
          <i class="fab fa-discord"></i> Join Discord
        </a>
      </div>
    </div>
  </section>

  <footer class="footer">
    <div class="container">
      <div class="footer-grid">
        <div class="footer-column">
          <a href="index.html" class="footer-logo">Project<span>TEST</span></a>
          <p class="footer-text">Collaborative Software Development for the Future. Join our community today and be a part of something amazing.</p>
          <div class="social-links">
            <a href="https://github.com/ProjectTEST-AI" target="_blank" class="social-link">
              <i class="fab fa-github"></i>
            </a>
            <a href="https://discord.com/invite/z6eCvSHuVY" target="_blank" class="social-link">
              <i class="fab fa-discord"></i>
            </a>
            <a href="https://x.com/ProjectTEST_AI" target="_blank" class="social-link">
              <i class="fab fa-twitter"></i>
            </a>
          </div>
        </div>
        <div class="footer-column">
          <h4>Navigation</h4>
          <ul class="footer-links">
            <li><a href="index.html"><i class="fas fa-home"></i> Home</a></li>
            <li><a href="projects.html"><i class="fas fa-code"></i> Projects</a></li>
            <li><a href="about.html"><i class="fas fa-info-circle"></i> About Us</a></li>
            <li><a href="contact.html"><i class="fas fa-envelope"></i> Contact</a></li>
          </ul>
        </div>
        <div class="footer-column">
          <h4>Projects</h4>
          <ul class="footer-links">
            <li><a href="https://github.com/ProjectTEST-AI/Virtual-Cat-Companion"><i class="fas fa-cat"></i> Virtual Cat Companion</a></li>
            <li><a href="https://huggingface.co/TESTtm7873/MistralCat-1v"><i class="fas fa-brain"></i> MistralCat-1v</a></li>
            <li><a href="https://huggingface.co/datasets/TESTtm7873/ChatCat"><i class="fas fa-database"></i> ChatCat Dataset</a></li>
            <li><a href="https://github.com/ProjectTEST-AI/MPC-documentary"><i class="fas fa-book"></i> MPC Documentary</a></li>
          </ul>
        </div>
        <div class="footer-column">
          <h4>Contact Us</h4>
          <ul class="footer-links">
            <li><a href="mailto:project.test.pt@gmail.com"><i class="fas fa-envelope"></i> project.test.pt@gmail.com</a></li>
            <li><a href="https://discord.com/invite/z6eCvSHuVY"><i class="fab fa-discord"></i> Join our Discord</a></li>
            <li><a href="https://github.com/ProjectTEST-AI"><i class="fab fa-github"></i> GitHub</a></li>
            <li><a href="https://x.com/ProjectTEST_AI"><i class="fab fa-twitter"></i> Twitter/X</a></li>
          </ul>
        </div>
      </div>
      <div class="footer-bottom">
        <p>&copy; 2024 Project TEST. All rights reserved.</p>
      </div>
    </div>
  </footer>

  <!-- External JS -->
  <script src="js/dots.js"></script>
</body>
</html>