pine-linux.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Pine Linux • Big A Software</title>
  <meta name="description" content="Pine Linux by Big A Software — OS concept with downloads and support." />
  <link rel="icon" type="image/svg+xml" href="favicon.svg" />
  <link rel="stylesheet" href="style.css" />
</head>
<body>

<div id="header-slot"></div>

<div class="container">
  <div class="hero">
    <div class="badge">🅰 Pine Linux</div>
    <h1>Pine Linux</h1>
    <p>
      Pine Linux is a Big A Software OS concept/project. Download links and source are hosted on GitHub.
      Want to support development? Use the support link below.
    </p>

    <div class="actions">
      <a class="btn btn-primary" href="https://github.com/Big-A-Software" target="_blank" rel="noopener">View on GitHub</a>

      <!-- Replace this with your Stripe / PayPal / Gumroad link -->
      <a class="btn" href="https://example.com/PINE_LINUX_IS_FREE" target="_blank" rel="noopener">
        Support / Pay for Pine Linux
      </a>

      <a class="btn" href="tools.html">Back to Tools</a>
    </div>
  </div>

  <div class="panel">
    <h2>Downloads</h2>
    <p class="small">
      Put your real download/release link here (GitHub Releases is perfect).
    </p>
    <div class="actions">
      <a class="btn btn-primary" href="https://github.com/Big-A-Software?tab=repositories" target="_blank" rel="noopener">GitHub Repos</a>
      <a class="btn" href="https://github.com/Big-A-Software" target="_blank" rel="noopener">GitHub Profile</a>
    </div>
  </div>

  <div class="panel">
    <h2>What is Pine Linux?</h2>
    <p>
      A learning-first OS experiment: branding, UI concepts, tooling, and build ideas.
      Everything is transparent and linked back to GitHub.
    </p>
  </div>
</div>

<div id="footer-slot"></div>

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