<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Soft Vortex</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>

  <section class="hero">
    <div class="hero-content">
      <h1>Welcome to the Soft Vortex Website</h1>
      <p>We are a team that is destined to create the best NBT kit in Minecraft.</p>
    </div>
  </section>


  <section class="developers">
    <div class="developer">
      <img src="https://cdn.discordapp.com/avatars/1259287760221507616/fe0870f3d5b0d9e7d9e5a3933e3557a2?size=1024" alt="Theodore612" class="developer-icon">
      <div class="developer-info">
        <h3>Theodore612</h3>
        <p>Lead Dev and Founder.</p>
      </div>
    </div>
    <div class="developer">
      <img src="https://cdn.discordapp.com/avatars/548520993535295548/077dc2a82c7bacf6a0abb4a97fa945a4?size=1024" alt="Piotrek5S" class="developer-icon">
      <div class="developer-info">
        <h3>Piotrek5S</h3>
        <p>Developer and Co founder. </p>
      </div>
    </div>
  </section>

  <section class="features">
    <div class="feature-left">
      <div class="feature">
        <img src="https://img.icons8.com/ios-filled/50/ffffff/bomb.png" alt="crash Icon" class="feature-icon">
        <p>Crash methods [1.21+]</p>
      </div>
      <div class="feature">
        <img src="https://img.icons8.com/ios-filled/50/ffffff/wifi.png" alt="proxy Icon" class="feature-icon">
        <p>2 SOCKS5 proxy lists</p>
      </div>
    </div>
    
    <div class="feature-right">
      <div class="feature">
        <img src="https://img.icons8.com/ios-filled/50/ffffff/rocket.png" alt="meteor Icon" class="feature-icon">
        <p>Meteor modpack [1.21.1]</p>
      </div>
      <div class="feature">
        <img src="https://img.icons8.com/ios-filled/50/ffffff/door.png" alt="backdoor Icon" class="feature-icon">
        <p>Backdoors & forceops</p>
      </div>
    </div>
  </section>

  <!-- Buttons Section - Move this here -->
  <section class="buttons">
    <button id="discord" onclick="window.location.href='https://discord.gg/akwtAf8GA2'">Join our Discord</button>
    <button id="about" class="dropdown">About Us
      <div class="dropdown-content">
        <p>Soft Vortex is also an NBT kit, meaning that it is data that can be used in the popular game Minecraft.</p>
      </div>
    </button>
    <button id="download" onclick="downloadFile()">Download hotbar [7.1.0]</button>
    <p class="download-text">Join the Discord for installation steps</p>
  </section>

  <footer class="footer">
    <div class="footer-content">
      <p>&copy; 2025 Soft Vortex. All rights reserved.</p>
    </div>
  </footer>

  <script src="script.js"></script>
</body>
</html>
